如何让滚动条指示器更清晰易看？

Question

使用 Submine 测试 3，在 windows 7.
上构建 3083 当前使用 Dawn.tm 主题，选自 Preferences->Color themes

唯一的问题是侧边栏上用来向下和向上滚动页面的小指示器很难看清。它是深灰色的，滚动条本身是黑色的。

有人可以一步一步地演示如何使指标更清晰吗？可能是给它上色，让条形图保持黑色，这样更容易被发现？这是我当前布局的屏幕截图：

作为参考，我一直在尝试使用 this question 中给出的内容，但是当我将显示的代码粘贴到我的 Preferences.sublime-settings 中时，我总是收到错误消息。我收到语法错误。但我给出以上 link 以防有帮助。

我目前的Preferences.sublime-settings如下

{
    "color_scheme": "Packages/Color Scheme - Default/Dawn.tmTheme",
    "font_size": 12,
    "highlight_line": false,
    "ignored_packages":
    [
        "Vintage"
    ],
    "indent_guide_options":
    [
        "draw_normal",
        "draw_active"
    ],
    "rulers":
    [
        74
    ],
    "translate_tabs_to_spaces": true,
    "use_tab_stops": false,
    "word_wrap": false,
    "bold_folder_labels": true
}

Answer 1

在您的用户文件夹中，您可以覆盖您想要的主题属性。在这种情况下，存在一个小问题，因为滚动条纹理（包含带有顶部和底部半圆的滚动条的图像）非常暗，因此尽管您修改了色调，但除非您更改，否则无法获得类似于白色的浅色该纹理（图像）。

所以我想的解决方案是创建两个更亮的新图像（水平和垂直滚动条），在主题首选项覆盖中设置它，然后（可选）设置你想要的色调。

分步教程

找到您的 sublime User 文件夹 (Packages/User)。可以使用 sublime 菜单 Preferences>Browse Packages 打开 Packages 文件夹，里面是 User 文件夹。
在 User 文件夹中创建一个名为 theme_override 的目录。我们将在这里放置我们想要覆盖的主题的所有文件和设置。
在这个文件夹里(theme_override) 把这两张图片命名为scroll_puck.png and scroll_puck_horiz.png.

在 theme_override 中，用您的主题名称创建一个文件。如果您使用的是默认主题，则该文件应命名为 Default.sublime-theme。如果您没有使用默认主题，您可以在 Settings>Preferences>theme 中看到您正在使用的主题的名称，然后使用该名称创建一个文件（例如 Material-主题-Darker.sublime-主题)里面theme_override 在这个新文件中放置以下内容：

[    
    // More visible scrollbar
    {
        "class": "puck_control",
        "layer0.texture": "User/theme_override/scroll_puck.png",
        // Optional: set to your desired RGB color
        "layer0.tint": [40, 170, 250],
        "layer0.opacity": 1.0,
        "layer1.opacity": 0.0,
        "layer0.inner_margin": 2
    },
    {
        "class": "puck_control",
        "attributes": ["horizontal"],
        "layer0.texture": "User/theme_override/scroll_puck_horiz.png"
    }
]

重启 sublime text
可选修改RGB颜色（无需重新启动）。

编辑：这是结果

编辑：为不使用默认主题的人添加了基本信息。

注意：如果您没有使用默认主题，结果可能会根据您的主题覆盖的值而改变。如果你想知道你的主题使用了什么值，并且你想自定义它们，你可以在你的主题的 .sublime-package 文件 中看到它们。例如，如果您使用 Material Theme open Material Theme.sublime-package（这只是一个 zip 文件），里面会有一个名为 Material-Theme-Darker.sublime-theme 的文件，你不应该修改这个文件，但你可以 customize/override 使用我们在第 4 步中创建的文件，随心所欲。

Answer 2

这很好用。但是，问题是 "puck" 仅在您使用鼠标向上或向下滚动时出现。当我试图抓住冰球向右滚动时，它消失了。在大多数界面中，我们需要一个稳定的滚动条。此调整使滚动条更稳定：

{
    "class": "puck_control",
    "layer0.texture": "User/Theme - Default/vertical_white_scrollbar.png",
    "content_margin": [3, 4], //makes horiz scrollbar taller
    // Adjust RGB color. Optional: comment the following line (or set 255,255,255) to not modify image color
    "layer0.tint": [200, 170, 250]
},
{
    "class": "puck_control",
    "attributes": ["horizontal"],
    "content_margin": [3, 4], //makes horiz scrollbar taller
    "layer0.texture": "User/Theme - Default/horizontal_white_scrollbar.png"

}
{
    "class": "tab_label",
    "parents": [{"class": "tab_control", "attributes": ["selected"]}],
    //"fg": [30,30,30],
    "fg": [255,131,0] //change highlighted tab color
}

源自：

Answer 3

您可以更好地自定义 sublime 文本。通过包控制名称 Seti_UI 安装包。并定制你的崇高。您可以使用 Seti_UI 自定义所有界面。我自定义了我的 Sublime Text 并进行了以下设置。

你可以自己做。转到 -> 首选项 -> 设置 -> 用户自定义设置并在安装上述包后。

"theme": "Seti.sublime-theme",
"caret_extra_width": 2,                 //  to have a wider/thicker caret
"caret_extra_bottom": 3,                //  to make the caret = to the line height (the theme currently support 0,3,5)
"caret_extra_top": 3,
"highlight_line": true,
"Seti_tabs_small": true,
"Seti_no_under_bar":true,
"Seti_yellow_tabclose": true,
"Seti_indigo_scrollbar": true,
"Seti_SB_med": true,
"Seti_sb_big_padding": true,
"Seti_bold_slctdfile_labels": true,
"Seti_sidebar_font_size_14": true,
"Seti_yellow_map": true,
"Seti_accent_lime": true,
"Seti_ClosedFolder_anim": true,
"Seti_teal_statusbar": true,
"Seti_panel_nrml": true,
"Seti_dark_fold_button": true,
"Seti_ClosedFolder_dots": true,
"Seti_sidebar_font_Fira": true,
"Seti_sidebar_font_Hack": true,
"Seti_bold_heading":true,              // make heading font in bold
"Seti_no_heading":true,                // remove the "folder,group 1,etc.."
"Seti_top_heading_big":true,           // sidebar top header img big
"Seti_top_heading_small":true,         // sidebar top header img small
"Seti_top_heading_anim" :true,          // sidebar top header img animate on hover
"Seti_alt_tree_row":true,

Answer 4

我所做的是更改 "mini map" 的颜色以使滚动控件更加可见，这与建议更改滚动条本身颜色的许多其他解决方案相反。

这里有一些很棒的说明，对我个人帮助很大：https://github.com/kujiy/how-to-change-sublime-minimap-color

您可以在 Packages/User 下的 Sublime 安装文件夹中创建一个主题覆盖，方法是创建一个名为 "theme_override" 的新目录，然后创建一个名为“your-theme-name.sublime-theme" 并用这样的东西保存它：

[
    {
        "class": "minimap_control",
        "settings": ["always_show_minimap_viewport"],
        "viewport_color": [255, 255, 255],
        "viewport_opacity": 0.15,
    },
]

如何让滚动条指示器更清晰易看？

how to make scroll bar indicator more clear and easy to see?

sublimetext3

分步教程