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

【问题标题】：how to make scroll bar indicator more clear and easy to see?如何让滚动条指示器更清晰易看？
【发布时间】：2015-09-14 14:34:03
【问题描述】：

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

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

有人可以逐步说明如何使指标更清晰吗？可能会同时着色并让条保持黑色，以便更容易发现？这是我当前布局的屏幕截图：

作为参考，我一直在尝试使用this question 中提供的内容，但是当我将Preferences.sublime-settings 中显示的代码粘贴到那里时，我一直收到错误消息。我收到语法错误。但如果有帮助，我会提供上述链接。

我目前的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
}

【问题讨论】：

标签： sublimetext3

【解决方案1】：

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

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

分步教程

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

在 theme_override 中，使用您的主题名称创建一个文件。如果您使用默认主题，则该文件应命名为 Default.sublime-theme。如果您没有使用默认主题，您可以在 Settings>Preferences>theme 中看到您正在使用的主题的名称，然后使用该名称创建一个文件（例如 Material-Theme -Darker.sublime-theme) 在 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 打开 Material Theme.sublime-package（这只是一个 zip 文件），里面会有一个名为 Material 的文件-Theme-Darker.sublime-theme，你不应该修改这个文件，但是你可以使用我们在步骤 4 中创建的文件自定义/覆盖任何你想要的东西。

【讨论】：

我无法尝试您的指示。我被困在第一步。我点击Preferences>Browse Packages 并没有任何反应。什么都没有打开。我正在使用版本 3，构建 3083。我也从 Tools->Command palette->Preferences: Browse packages 执行此操作，但没有任何反应。窗口保持空白。为什么文件名中有空格？对于这个编辑器来说，让其配置文本文件名在文件名中带有空格是非常糟糕的设计。我不敢相信这样高级的编辑器会这样做。
在Packages/User 中创建文件夹。所以它将是 Packages/User/Theme - Default 。我给它起这个名字是因为默认包叫做Theme - Default.sublime-package
在 ST 3 build 3114（2016 年）中仍然有效。此外，当主题不是初始默认主题而是其他内置主题之一时。谢谢。
我想我现在真的会购买 Sublime，因为我可以看到他们的滚动条。哈哈，谢谢@sergioFC
谢谢，它也适用于 sublime build 3126。我遇到的一个技巧，请检查您是否使用默认主题。我更新为在 Preferences.sublime-setting - User 之前使用不同的主题。所以它起初不起作用。将其注释掉并使用默认主题后，它就可以工作了。

【解决方案2】：

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

{
    "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
}

源自：Sublime Text 3 Hides scrollbars

【讨论】：

【解决方案3】：

我所做的是更改“迷你地图”的颜色以使滚动控件更加可见，这与许多其他建议更改滚动条颜色的解决方案相反。

这里有一些非常棒的说明，对我个人有很大帮助：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,
    },
]

【讨论】：

【解决方案4】：

您可以以更好的方式自定义您的崇高文本。通过包控制名称 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,

【讨论】：