如何让滚动条指示器更清晰易看? [英] how to make scroll bar indicator more clear and easy to see?

问题描述

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

中选择

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

有人可以一步一步展示如何使指标更清晰吗?可能在着色的同时让条形保持黑色，这样更容易发现?这是我当前布局的屏幕截图:

作为参考，我一直在尝试使用 .

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

<预><代码>[//更明显的滚动条{"class": "puck_control","layer0.texture": "用户/theme_override/scroll_puck.png",//可选:设置为您想要的 RGB 颜色"layer0.tint": [40, 170, 250],"layer0.opacity": 1.0,"layer1.opacity": 0.0,layer0.inner_margin":2},{"class": "puck_control",属性":[水平"]，"layer0.texture": "用户/theme_override/scroll_puck_horiz.png"}]

重启 sublime text

可选修改RGB颜色(无需重新启动).

编辑:这是结果

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

注意:如果您没有使用默认主题，结果可能会根据您的主题覆盖的值而改变.如果你想知道你的主题使用了什么值，并且你想自定义它们，你可以在你的主题的 .sublime-package 文件中看到它们.例如，如果你使用 Material Theme 打开 Material Theme.sublime-package(这只是一个 zip 文件)，里面会有一个名为 Material-Theme-Darker.sublime-theme，您不应修改此文件，但您可以使用我们在第 4 步中创建的文件自定义/覆盖您想要的任何内容.

Using Submine test 3, build 3083 on windows 7.
Currently using Dawn.tm theme, selected from Preferences->Color themes

The only problem is that the little indicator on the side bar that one uses to scroll down and up the page is so hard to see. It is dark gray and the scroll bar itself is black.

Could someone please show simple step by step how to make the indicator more clear? May be color it while and have the bar remain black, so it is easier to spot? Here is screen shot on my current layout:

For reference, I have been trying to use what is giving in this question, but I keep getting an error when I paste the code shown there in my Preferences.sublime-settings. I get syntax error. But I am giving the above link in case it helps.

My current Preferences.sublime-settings is the following

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

解决方案

In your user folder you can override the themes properties you want. In this case there is a minor problem as the scrollbar texture (the image that contains the scrollbar with the top and bottom semicircles) is quite dark, so although you modify the tint you can't get a light color similar to white unless you change that texture (image).

So the solution I pruposse is to create two new images (horizontal and vertical scrollbar) that are lighter, set it in the theme preference overrides and then (optionally) set the tint color you want.

Step by step tutorial

1. Locate your sublime User folder (Packages/User). The Packages folder can be opened using the sublime menu Preferences>Browse Packages, inside is located the User folder.
2. Inside User folder create a directory called theme_override. We are going to place here all the files and settings of our theme that we want to override.
3. Inside this folder (theme_override) put this two images and name them .

4. Inside theme_override, create a file with the name of your theme. If you are using the default theme the file should be named Default.sublime-theme. If you are not using the default theme you can see the name of the theme you are using in Settings>Preferences>theme, and then create a file with that name (for example Material-Theme-Darker.sublime-theme) inside theme_override Inside this new file place the following content:

   [    
       // 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"
       }
   ]
   

5. Restart sublime text

6. Optional modify RGB color (no need to restart again).

EDIT: this is the result

EDIT: added basic info for people that are not using the default theme.

Note: if you are not using the default theme the results might change depending on the values that your theme overrides. If you want to know what values your theme is using, and you want to customize them, you can see them inside the .sublime-package file of your theme. For example, if you are using Material Theme open Material Theme.sublime-package (this is just a zip file) and inside there will be a file called Material-Theme-Darker.sublime-theme, you should not modify this file, but you can customize/override whatever you want using the file we have created in step 4.

这篇关于如何让滚动条指示器更清晰易看?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！