I'm trying to enable tab switching using the mouse wheel in Sublime Text 3.
I added this configurations to my User settings:
"enable_tab_scrolling": false,
"mouse_wheel_switches_tabs": true,
Also tried different order and values but none is working.
I always restart Sublime after changing my settings.
Anyone got this working?
"mouse_wheel_switches_tabs": true, only works if the following conditions have been met:
the mouse pointer is over the tab bar while using the scroll wheel
your theme supports it in conjunction with your preferences
try with the Default theme
tweak your theme to support it
The Default theme contains the following rule to enable this functionality:
{
"class": "tabset_control",
"settings": ["mouse_wheel_switches_tabs", "!enable_tab_scrolling"],
"mouse_wheel_switch": true
},
Note that it doesn't work with "enable_tab_scrolling": true, so you did the right thing to set it to false.
You could add this rule to whichever theme you are using by creating a file with the same name as the .sublime-theme you are using, and pasting in the rule surrounded by square brackets - it needs to be a valid JSON array.
More information on how themes work can be found in the official docs.
You haven’t registered Sunblime. It’s the Unregistered popup that is staying in the background messing with your scroll. Look for it and close it and the scroll will work again.
Related
Is it possible to change the color for quick picker selected option via settings?
To keep your current theme and change just this color, find "Workbench: Color Customizations" in your settings and click "edit in settings.json", and add the following to the user settings on the right side of the screen:
"workbench.colorCustomizations": {
"list.focusBackground": "#CCCCCC"
},
You can replace it with any color you'd like.
You can install or download a new theme via:
Files -> Preferences -> Color Theme
Or you can create your own theme from scratch or reuse of an existing one with the VSCE tool:
https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers
Or you can simply find the theme in the folder::
\Microsoft VS Code\resources\app\extensions
Where the colors are saved in JSON files.
The defaults are in the:
\theme-defaults\themese
Here is the Visual Studio Light (light_defaults.json), where I just changed the list.hoverBackground color to some hideous purple:
{
"$schema": "vscode://schemas/color-theme",
"name": "Light Default Colors",
"colors": {
"editor.background": "#FFFFFF",
"editor.foreground": "#000000",
"editor.inactiveSelectionBackground": "#CCCCCC",
"editorIndentGuide.background": "#D3D3D3",
"editorIndentGuide.activeBackground": "#939393",
"editor.selectionHighlightBackground": "#FFFFE0",
"editorSuggestWidget.background": "#F3F3F3",
"activityBarBadge.background": "#007ACC",
"sideBarTitle.foreground": "#6F6F6F",
"list.hoverBackground": "#FF00FF",
"input.placeholderForeground": "#ADADAD"
}
}
--- update ---
Different themes use more or fewer options depending on how much they vary from the default color. Missing ones can be added too. The ones you are looking for here are called list.hoverBackground and list.highlightForeground and they are pretty general affecting lots of different areas in VS Code.
"list.hoverBackground": "#ffffff",
"list.highlightForeground": "#bbdaff",
You really asked two questions: hover color in the question title and selected option color in the first sentence. Those are handled in two different ways:
"workbench.colorCustomizations": {
"quickInputList.focusBackground": "#ff0000", // the selected option color
"list.hoverBackground": "#ff0000" // the hover color
}
The selected option is for when up/down arrow in the Command Palette/Quick Input and the hover is for a mouse hover.
There are 2 variables that I know of associated with Quick Picker. Neither seem related to a hover color but they may be. The 2 are:
pickerGroup.border: Quick picker (Quick Open) color for grouping borders.
pickerGroup.foreground: Quick picker (Quick Open) color for grouping labels.
Hope one of these helps you. Try them in the settings file.
Im working with wetty.js and i want to change the font.
I tried to adding a new font in the index.html, wetty.scss and so on.
Also i tried to change the font throught xterm.js (dependency package for wetty.js)
Tried to adding font in Xresources without luck.
Thanks
I disable the option Allow Web Sites To Choose Their Own in firefox
Steps:
Type about:preferences#content in the address bar. Across from fonts and colors, press the Advanced button. On the bottom, turn off Allow Web Sites To Choose Their Own.
source: https://support.mozilla.org/es/questions/1204639#answer-1076474
I work on 3 different repositories at the same time and I want to have a sublime project for each with the same theme except with different tab colors so I can quickly identify which is which. I am trying to use darkside-contrast from Dayle Color Schemes.
I opened up the darkside-contrast.tmTheme and it is an xml and I tried editing all of the colors but cannot figure out which one controls the tab colors.
I see that there are some settings like sheet_container_control that may be useful, but I am not sure what to do with this or where I can find a full list of parameters in a sublime theme. Do I edit the tmTheme xml or do I need some sort of JSON file to specify tab color? Can I use the sublime-project file to specify this for each project?
I would also like to shrink the tab heights. Any pointers would be great. Thanks
For project multitasking, I'd suggest you simply add each project folder on a separate sublime window sidebar and switch between them. This way each indexed project will be a breeze to browse through (CTRL+T or CMD+T on mac) without any unwanted files from other projects.
Related topic if you wish to check (it's not limited to just Monokai theme but also shows how to create your own theme file with the specific setting you wish to tweak): How to change Sublime Text 2 selected tab color
For reduced tab height, you could use Afterglow's theme small tabs JSON settings (biggest size is set by default, add a comma at the end of true if more settings are listed):
{
"tabs_small": true
}
When I write the codes in Sublime Text 3 code screen, it is continuosly slides to the right as in the picture. What can I do for this?
Please note that 10th line.
The setting word_wrap controls this:
// Disables horizontal scrolling if enabled.
// May be set to true, false, or "auto", where it will be disabled for
// source code, and otherwise enabled.
"word_wrap": "auto",
The default value is auto as shown here. If you add this to your own settings and set it to true, it will wrap for you,
If you want to activate word wrap only for the current view (the current file you're editing), just go view -> word wrap
Just in case you don't know where you have to add the setting, it is in you setting file, you can open it by going to Preferences -> Settings - User, and then just add it between the brakets (it's json)
Matt
How can I change the default highlight colour in Sublime Text 3? I used to know how find a highlight key in one of the theme files in ST2 but things changed quite on ST3. Are they in the library somewhere? "Preference >> Browse Package" is almost empty.
You can see which theme you are using by going to
Preferences>Colour Scheme
and see which one is ticked.
Open the theme file and find the key that says:
<key>selection</key>
Go to a site that shows hex colour codes (like this one http://html-color-codes.com/) and find the code for the colour you want. Then sub your new colour code into the line below the selection key in the theme file, replacing the old hex colour code.
Save the modified theme file and it should work straight away.
EDIT
Install PackageResourceViewer plugin using package control. Open the command palette with ⌘⇧P (for windows/linux CtrlShiftP) and type prv to get the PackageResourceViewer options. Choose Open Resource >>Theme- YourTheme >> and edit your theme file
Tony Vincent's answer is excellent, and I would also add that if changing the selection color makes the selected text difficult to read, selectionForeground is the key to change. For example:
<key>selectionForeground</key>
<string>#000000</string>
With the new .sublime-color-scheme format, it's a global setting key named line_highlight
e.g.
{
"name": "My colour scheme",
"globals":
{
"background": "rgb(0, 0, 0)",
"foreground": "#aaaaaa",
"caret": "red",
"line_highlight": "#222222"
},
}