I generally only use dark themes for coding, so it's really annoying that Sublime Text 3's sidebar stays light themed whatever theme you apply.
Does anyone know how to change this?
My configuration: Mac OSX 10.10.1 Yosemite, Sublime Text 3 Stable Channel, Build 3065
You are looking for a Sublime UI Theme, which modifies Sublime's User Interface (e.g.: side bar). It's different from a Color Theme/Scheme, which modifies only the code part of Sublime's window. I tested a lot of UI Themes and the one I liked the most was Theme - Soda. You can install it using Sublime's Package Control. To enable it, go to Preferences >> Settings - User and add this line:
"theme": "Soda Dark 3.sublime-theme",
Here is a printscreen of my Sublime Text 3 with Soda Dark UI Theme and Twilight default Color Scheme:
The most recent version of Sublime has fixed this issue, click on Preferences, click on Theme select Adaptive.sublime-theme. This will change the sidebar to a dark colored background.
You can manually change the sidebar style by editing Default.sublime-theme.
To do this, edit the “sidebar_tree”, “sidebar_heading” etc., classes in Packages/Theme - Default/Default.sublime-theme. You can override those defaults by putting this Default.sublime-theme inside the Packages/User folder.
From the Sublime Text menu, selecting “Preferences → Browse Packages…” will take you to it.
You need to restart Sublime completely in order for a theme to fully take effect. Just changing and saving Preferences.sublime-settings or using a theme-changing plugin won't do it. You need to use ⌘Q or Sublime Text -> Quit, not just close the window by clicking the red dot.
I thought I would put a note here that explains a basic misconception for a lot of people who are using these Text Editors... Sublime Text in particular (or at least that's the one I use, so I don't know how it works for other editors):
There are "Themes" and there are "Color Schemes". They are similar but affect different things. "Themes" actively change the entire UI, and can include a Color Scheme if you set it up that way. This typically includes the sidebar, and can also include options for the file tabs, and some even include icons for the sidebar as well. And then we have "Color Schemes" which only change the coding windows and nothing else... not the Sidebar, nor the File tabs, etc.
The confusion happens because some people call Color Schemes "Themes" which makes folks think that their "Theme" is going to change everything.... when technically, it's just a color scheme.
And an additional note: Themes don't automatically install for all users. When I install a Theme, I have to open my User preferences (under "preferences > Settings - User"), and then you have to add the line which says something like:
"theme": "Theme-Name.sublime-theme"
(where "Theme-Name" is the name of your theme).
This is different than just activating a color scheme. If you've chosen a color scheme via the dropdown menus in Sublime Text, you will see a line in there like this:
"color_scheme": "Packages/Color-Scheme-Name.tmTheme"
(where "Color-Scheme-Name" is the name of your color scheme).
Here's the short version:
.sublime-theme files change the look of the UI including the Sidebar and File Tabs.
Defining these are a tremendous pain, so save yourself a lot of time and install the Theme Menu Switcher package.
Update: Sublime Text 3 has fundamentally changed the way Color Schemes and Themes work, and has broken many of the packages that were built to handle them. I can no longer confirm the accuracy of this post, nor the functionality of the packages mentioned herein because the Sublime developers have not fully explained the changes to the customization system nor addressed how to fix them. And, at the very best, they are far more difficult to change.
At this point, this post should only be used as a reference to the differences between "themes" and "color schemes" in Sublime Text 2, as I myself have yet to successfully change a theme nor color scheme in Sublime Text 3.
I will update this post as I can dedicate more time to unraveling this Sublime Customization Quagmire.
Here's the long version:
Figure 1: The difference between "Color Schemes" and "Themes" - In the Sublime Community these terms are often confused and used interchangeably.
Changing the look of Sublime is a relatively difficult endeavor, for three main reasons:
Poorly chosen terminology
Misinformation in the Sublime Community
Installation Nightmare
Terminology
There are 2 different sections of Sublime that can be customized:
the editable region (the purple regions)
the User Interface (the green regions)
These use two different file types, and they do not accurately reflect the terminology.
The "Why?" of this decision is compatibility, and for brevity's sake I won't get into it here, but the fallout of this effort is:
The file type called tmTheme does not affect the theme, it affects the Color Scheme.
Color Schemes (highlighted in purple)
affect the look of the editable region (more specifically, the editable characters, ie what color they are when highlighted or not highlighted, etc).
relatively easy to produce
Color Schemes are Mistakenly called "Themes" all over the Sublime Community.
Themes (highlighted in green)
.sublime-theme files change the Theme, or the UI aspects of Sublime.
difficult to produce
It is difficult to find true Sublime Themes, compared to "Color Schemes"
Misinformation
Many packages claim to change the Theme, but actually change the Color Scheme. This is usually because the people producing them don't know that "Theme" specifically refers to the UI.
So another level of difficulty is finding a true "Theme" package, rather than Color Scheme.
Even some legit websites do not correctly make a distinction between the two, which adds to the challenges. For instance, colorsublime.com has a tutorial on changing the sublime "theme", but actually references the "Color Scheme" file type (.tmTheme).
Installation Pains
Themes and Color Schemes are hard to install and define. In fact, it's shocking how difficult the process is. The difficulty is further exacerbated with a fundamental change in installation and definition requirements in Sublime Text 3 that are not fully explained, which breaks many of the packages we once were reliant upon to change the Themes and Color Schemes.
It requires installing an actual Theme package (good luck finding one by browsing Packages in Package Control), defining it in settings, and then restarting Sublime. And, if you did something wrong, Sublime will simply replace your user-defined theme setting with the default. Yes, you heard me right, without notice or error message, Sublime will overwrite your theme definition.
But with Themes Menu Switcher All you need to do is go to Preferences > Theme and you'll see a list of all themes you have installed. You can also easily switch between themes without restarting Sublime.
Here's a sample from the website:
I have no affiliation with Theme Menu Switcher at all, I'm just a fan.
Again, Theme Menu Switcher does not work the same in Sublime Text 3. If you need to have a customized look, I recommend not to update to Sublime Text 3.
I first thought I was using SBT 3, then realized I was using version 2 still....
I finally got the sidebar to be dark on Windows!
I noticed that when I had my user settings theme set to "Soda Dark 3.sublime-theme" it would half-way work but you could not see the folder structure. So I decided to try the other option in the Theme - Soda folder without the "3" and it worked right away. This should work below in your Preferences > Settings - User file.
{
"theme": "Soda Dark.sublime-theme",
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme"
}
To Sidebar ceased to be white:
Download default theme because it is not in the folder sublime link here by default.sublime-Theme
In sublime 3 preferences -- > > Browse package
create a folder called "default theme" and put the downloaded file
if you installed the theme setUI, setUI file.sublime-the theme is looking for the line with comment:
"// sidebar || BG of selected files"
and under it a string
"layer0. opacity: { "target": 0.0, "speed": 50.0, "interpolation": "smoothstep" }
replaceable target": 0.0 --> target": 1.0
setting color_scheme only sets the code pallet,
setting theme sets the whole ST3 theme to the one you specify:
{
"theme": "Nil.sublime-theme",
"color_scheme": "Packages/Theme - Nil/Big Duo.tmTheme"
...
}
One simple way to do this is :
Go to Preferences -> Package Settings -> Your Theme Name -> Activation
In my case I installed Boxy Theme so the path will be
Preferences -> Package Settings -> Boxy Theme -> Activation
Then there will be a pop-up menu that will let you choose which type of the theme package you want to activate.
Use up and down arrow so choose then press enter or simply click the one you want to choose.
This is steps only applicable if the theme installed also customized the sublime text 3 sidebar.
Hope it help anyone!
The best way to enhance your experience and change the sidebar and theme of the sublime text UI is to install two packages to control it:
Install a theme that has UI inside its package (I use Agila Theme [dracula] )
Install Themes Menu Switcher package
After you've installed those two, just change the color scheme (text editor)
and then with the Theme Menu Switcher you'll switch to whatever UI you use.
Remember:
It's required that the theme you install to have UI inside the package.
Just install package SyncedSidebarBg:it will change the sidebar theme based on current color scheme.But it seems that every time you change the color scheme,sidebar will be changed after you open file Preferences.sublime-settings
In Material theme 3.1.4 you can change theme like this: Tools->Metherial Theme->Material Theme Config. Its very easy.
I had the same problem.
Just set the theme in Preferences -> Settings – User by editing the json property called.
{
// Default theme
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"
}
For Material theme that I use.
It worked for me.
in windows 7, after installed Komodo Edit, i tried to change filetype icon using FileTypesMan from NirSoft, but as weird as it is, as soon as I change desription for .js it changes to the same too for .php and vice-versa the other way too. My guess is, maybe Komodo added it to some file types group, but dunno how to diferentiate them? My primary goal is to have a custom php icon for php and js files (each one different)
any experience anyone, or suggestions?
Newer heard before of such binding between different file extensions
Unfortunately Komodo uses your system file icons so it does not have direct control over what language icons you see. If you'd want to change those icons you would have to do it at the system level.
Note that we will most likely be using our own language icons in one of our next releases, which should solve issues like the one you are having.
Note that if you're feeling really adventurous you could develop an addon or customize the source directly (available at https://github.com/Komodo/KomodoEdit). Feel free to join us on IRC if you have any questions - #komodo on irc.mozilla.org.
Source: Komodo Dev.
As you know, in Windows Phone SDK there are several styles that you can apply to textblocks.
For reference: MSDN
Since you can't always remember the full name of the style, is there an easy way to apply them? Do I really have to go to that link everytime I need to apply a new style?
IntelliSense is not helpful enough? I usually, write StaticResource text and then the list gets filtered with all the styles containing the "text" string. Kind of depends according to your needs. If you want to apply for font style, write "font" and see the list of suggestions.
Now, I'm not sure if my IntelliSense is as yours or is already enhanced by Resharper. If you haven't heard of it, take a look at it. You gotta hit CTRL+SPACE if the suggestion list isn't there, and it will get filled with possible matches. It's a nice productivity tool that does MUCH more and actually is not free but, I guess you could also get it crac... ahem :)
Other than this, I guess a quick bookmark to that web address, does that job pretty well. :)
The easiest way is to ensure you have the visual designer open while creating the view. You can right click on your TextBlock select Edit Style -> Apply Resource ->. From here you will see a long list of available styles to pick from.
I just found out that what I was looking for will be implemented in Visual Studio 2013!
Here you go: http://blogs.msdn.com/b/visualstudio/archive/2013/08/09/xaml-editor-improvements-in-visual-studio-2013.aspx
I need to edit the original icons from Thunderbird's Default Theme by Arvid Axelsson.
Does Mozilla provides an SVG version?
I need to know the style of the icons, because they're really specific (inner-shadow etc). It's not a simple -moz-effect (CSS). Does anybody know where to find or download the real skin-source or how to view files inside chrome://global/skin?
There are actually three default themes - Windows, Linux and Mac OS X. You seem to be talking about the Windows theme which is indeed being attributed to Arvid Axelsson even though he doesn't seem to be working on it (looks like he created the theme around Thunderbird 1.0 and other people took over since).
Looking at the source code repository, the icons are there but their source code isn't. I also checked the bugs associated with icon changes and the source code of these icons indeed doesn't seem to be public. Which means that the only way for you would be contacting the person who designed the icons. That would be Andreas Nilsson, click his name in bug 671236 to send him a mail.
How do I customize, extend the text editor, or color tag parts of my code?
I would like Visual Studio to color code parts of my code. Can I use #region and give it a color?
Is there any way to make the background between two parentheses have a different color? (I want each code "block" to have its own color.)
I've looked here for some insight, but they all are implemented based "on what you select". All I want is to have the text editor "render" the text in a different way based on some rules.
I haven't seen such feature, but there is something quite close to what you are looking for in ReSharper. A setting called "Highlight matching delimiters". Looks like this in use:
I wanted tell you this because
1) You might be interested in resharper and
2) resharper is able to do the highlighting so maybe someone can make an add-in or something to add this kind of feature. Maybe you? :)
I don't know of anything exactly like what you're asking for, but the VS10x Code Map extention might help: http://www.axtools.com/products-vs2010-extensions.php
It will give you a nice overview of the code on the side, and make navigation somewhat easier.
The download button on the right lets you download a trial version from the Visual Studio Gallery at msdn.microsoft.com. I think you can also find it directly from the extentions view in VS2010.