I'm trying to figure out how to change the font used in non-editor tabs in Visual Studio Code; right now this is what I'm getting (zoom the picture to better see what I'm referring to):
As you can see, a Serif font is used on these non-editor tabs (extension info, Git Graph tab, etc.), making it quite unpleasant and really hard to read.
This happened all of a sudden, I'm quite sure that it is not the default and a nicer and more readable Sans font was used before (like on the left panel), until this problem occurred. I've tried to find if it is possible to change this from inside VSC, but I'm only able to change the fonts used in the editor tabs.
I don't know why and how this behavior has started, and I'm not really sure if this issue is caused by VSC itself, by an extension, by the OS, or something else.
If it matters, I'm working on Linux, on a fully updated openSUSE Tumbleweed with KDE, and like I said this problem started to manifest itself only recently, it was not how it worked by default.
Any clue on how to solve this?
Visual Studio Code does not offer convenient solution out of the box to change the UI font family.
But a developer created the Customize UI plugin for VS Code.
⚠️ EDIT 02/01/2023: following the version 1.74, the Customize UI plugin no longer work, see here. There is currently no ways to change the font in VSCode.
Setup
Install the Customize UI plugin
Restart VS Code
Open VS Code Settings
Change Customize UI Font:Monospace to Fira Code
Change Customize UI Font:Regular to Helvetica Nueve or Arial depending on your OS
Alternativaly, you can edit those settings using the json settings editor as follow:
"customizeUI.font.regular": "Helvetica Nueve",
"customizeUI.font.monospace": "Fira Code",
GitHub issue here
vscode is an electron app so you can actually just open up the developer tools in the help menu, look up the location of workbench.desktop.main.css under the source tab, make a backup and edit the font-family rule for your OS.
There's a pretty gnarly-phrased notification that pops up about vscode being corrupted, however the linked-documentation is fairly clear it's just unsupported officially.
In most of the Linux distributions we get the option to change the fonts systemwide if you are okay with changing the system font.
How can i change menu color or submenu color in sugarcrm 6.5.0 RC1 CE ?
I am changing in themes/Sugar5/css/style.css file but it is being not changed.
Place your CSS modifications in custom/themes/default/css/style.css and ensure you run a Repair & Rebuild once your code is in place. Make sure the file and all dirs leading to it have appropriate permissions.
If it's not working after that, use Chrome's developer tools to see if your CSS is properly loading at all and see how it's affecting the elements you're working on.
See the themedef.php file in the theme folder. You need to make the colour changes in this file.
However, first turn the developer mode on from Admin>Settings to avoid the cache issue.
I have just installed Android Studio in my Window 7 64bit.
When I launch the application the background of the screen where we write the code is white.
I would prefer black or any other color.
I am not sure whether we can change the color/theme OR add more themes.
File->Settings->Editor->Colors & Fonts-> In scheme name select Darcula and apply to see a awesome dark background theme editor
Android Studio 3.1.2
File->Settings->Editor->Color Scheme-> In scheme name select Darcula and apply to see a awesome dark background theme editor
You can download new themes from https://github.com/sdvoynikov/color-themes -- note that the project is deprecated at this time, but the sources are still available.
Once you have downloaded the .jar file, go to File -> Import Settings... and choose the file downloaded.
//you need to go to the File-> settings
in that choose IDE settings-> Appearance in that choose the Theme: options
Windows
File->Settings->Editor->Colors & Fonts->
Mac OSX
Android Studio -> Preferences->Editor->Colors&Fonts
Dayle Reese has an amazing set of color schemes available for use in both AndroidStudio and Intellij. Depending on the IDE you are using, these ICLS files go into a particular directory (This is for Windows):
Android Studio
%USERPROFILE%/.AndroidStudio/config/colors
IntelliJ
%USERPROFILE%/.IntelliJIdea/config/colors
Once you've placed the ICLS files in one of the directories above, relaunch the IDE so that it picks up the new themes. There is also a nice page containing a preview of most/all the themes so you can figure out which ones you like most. Enjoy.
If one just need to change (strictly just) the editor's background to your own colour.
Preferences > Editor > Color & Fonts > General > Default Text > Background
Although you need to save it as your own theme.
Just a note for people in the future.
To add more themes on a Mac, put the theme .icls files in
~/Library/Preferences/AndroidStudio/colors/
Then restart Android Studio. And select your new themes in
Android Studio > Preferences > Editor > Colors&Fonts
Android Studio can use any theme that are made for jetbrains IDE. Here is a good Github repo that has many themes for different IDEs.
Also, the Color Ide plugin is a good tool that changes the background colour of all menus in Android Studio to match your theme. Try it, the IDE will look much better.
Windows should have similar setups, just the theme directory will be a bit different, search for JetBrains Ide theme location should give you the result.
Press Ctrl+` (Back Quote).
Then select "Switch Color Scheme" or press 1.
Select "Dracula" or press 2.
(Note: the exact paths shown here are primarily for Windows and Linux. I know Mac has a few non-standard paths, so if you're on Mac, you may have to adjust the starting bit of the path. The point is, get into settings however you'd do that on a Mac)
Switch theme:
File -> Settings-> Appearance & behavior -> Appearance.
Select the "theme" dropdown, and change between whatever themes you have installed. It shows the default themes and any you have installed in the form of plugins.
Install new themes
As plugin from plugins.jetbrains.com
File-> Settings -> plugins -> install JetBrains plugin/browse repositories/install plugin from disk
Note: newer versions of Android Studio, and possibly IntelliJ, (at least Jan. 2021 and out) may instead have a Marketplace tab in place of the first and/or second one.
The last part has three different options. The first has a few amount of plugins, and looks like only the official plugins. Browse repositories have much more plugins, and seems to be like going to the plugin page. This is a shorter way than going to the intelliJ plugin page and downloading the plugins manually. If you download, click install plugin from disk. This allows you to drag and drop, or find .jar files.
In the install JetBrains plugins, browse repositories, and (newer versions) Marketplace tabs should have a search functionality. You can search for i.e. "theme" from there.
Download a color theme you like - some sites host these, and some GitHub repos may offer them as well. [Editor's note: the website previously linked here has been replaced with spam]
Import the theme. File -> Import Settings. Navigate to the theme-name.jar. Click the "Ok" button. This will tell you restart your application, at least it did for me, and it automatically selected the theme for my editor.
Change the editor's theme color by going to File -> Settings -> Editor -> Colors & Fonts. Select the scheme and click the "Ok" button.
Note that this changes the editor's theme color, not the entire application's theme.
File->Settings->Appearance
There's a dropdown box with various themes.
Mac OS
To install new Theme on Mac go to Preferences -> Plugins -> Browse Repositories -> Select Category "UI" and search theme name, I recommend "Material Theme UI" click on the green button "Install" and then restart after installation.
If your theme is .icls format.
Right click on finder and select "go to folder"
type "~/Library/" to go to hidden library folder
find "Preferences"
find "AndroidStudio2.x"
if you don't have "colors" folder then create one
paste .icls theme files into colors.
new theme will be installed.
to change themes go to Preferences -> Editor -> Colors & Fonts and then select the scheme.
In 2.3.2 i can change the theme by following
View -> Quick Switch Theme -> 6.Look and Feel
Go to File > Settings,
now under IDE settings click on appearance and select the theme of your choice from the dropdown.
you can also install themes, they are the jar files
by
File > Import Settings, select the file or your choice and select ok
a pop up to restart the studio will open up click yes and studio will restart and your theme will be applied.
For additional themes I visited https://plugins.jetbrains.com/search?headline=164-theme&tags=Theme I was able to download one of them. I closed all my tabs opened and simply dragged and dropped the jar file. That was the way Android Studio prompted to restart. I tried importing the jar file as mentioned previously but it simply didn't work.
Thought I would add this as an answer, for anyone who accidentally mess up like I did!
It't not really an answer to the original question, but a few other posts refer to this post, so thought I would add it here (cause its slightly relevant to the question). Hope it helps someone!
Today I accidentally set my IDE font size on Android Studio very high (was going to set it to 10, but it accidentally became 110).
Now, the big issue for me was that opening the file menu was not possible (well, could open it, but could not get to the settings choice), so I had to figure out how to do it manually.
I found the Android Studio IDE settings in the Users/%username%/.AndroidStudioPreview/config folder and in there, the ui.inf.xml file, in which I could change the option FONT_SIZE back to a more manageable size.
Following image is android studio with 110 px font size on a 1920x1080 screen:
File->Settings->Appearance & Behavior-> Appearance and In theme select Darcula and apply dark background theme editor.
On OSX, in the menu bar at the top, click on Android Studio > Preferences > Appearance and you will see a theme drop down.
You can try this Making Android Studio pretty to change the android studio look and feel different.
To install Custom theme in android studio --version 4.1.2
download theme file(.jar) from https://plugins.jetbrains.com/
open android studio
drag the .jar file into studio
On Windows:
File-> Settings-> Appearance&Behavior-> Appearance:
Change "Theme field".
Simple. Just hit CTRL + alt + s - appearance & behavior - appearance - Theme - (Darcula)
You can use CTRL + SHIFT + A and then simply type theme to go directly to the theme settings. Same goes for pretty much any setting, refactoring or action you're looking for.
In Android Studio 3.4.2:
As mentioned in previous answers, you can change theme to Darcula in Appearance & Behavour > Appearance to have default dark theme.
Since macOS Mojave you can use dark mode in system. My issue was the system window bar was still light only for Android Studio:
Note there's an option to change this next to the theme selector: Use dark window headers
You can change or import a theme by using the icon that the "Duplicate Theme" arrow is pointing to in the photo.
Every one sees color differently. Most times a small change in contrast is all you need. Removing the hase from Dracula by changing the Background color to 242527 was perfect for me.
File - Settings - Appearance & Behavior - Appearance - CHOOSE Darcula in "Theme" - Press Apply.
or
Choose File - Settings - Editor - Colors & Fonts - Then SELECT Darcula in scheme name - Press Apply - restart Studio (sometimes not all elements implement theme)
Mac os : mojave / Android studio 3.5
mac os : Android Studio > Preferences > Editor > Color scheme > Scheme : Darcula
well most of these answers tell you about installing currrent theme , I will tell you the easy way to install new theme as of march 22 ,2022 .
while in android studio press ctrl + `
you may see this option switch
select Theme from the menu
then you will see themes installed .
change this or click on the last option 'install themes' to install new themes directly
Follow the steps :
Go to File -> Settings -> Appearance&Behaviour -> Appearance
Change the theme to whatever you like.
Then restart the android studio.
For easy reference in Android Studio 3.0.
Click File > Settings > Appearance & Behaviors > Apperance
I updated Eclipse to 4.2.0 (I'm running Archlinux). Eclipse seems to be not taking its own parameters:
Note how the preview is showing correctly, but the main interface is showing this:
Any advice on how to solve this?
I'm using a dark theme in my GTK. It used to show correctly before the update.
If you run into this trouble, try this little command:
#rename .css .not /usr/share/eclipse/plugins/org.eclipse.platform_4.2.2.v201302041200/css/*.css
You will need to replace 4.2.2.v201302041200 with your Eclipse version number.
What I'm saying is, remove or rename the theme CSS files, you will be surprised of the neat, clean and simple interface Eclipse gets, and it will follow YOUR colour settings.
Notice how even the sidebar buttons got cleaner/non-bloated.
Edit:
For Ubuntu 13.10 the location of the CSS files is different:
/opt/eclipse/plugins/org.eclipse.platform_4...
As Greg Kramida suggested, the command should be:
#rename -v 's/\.css/\.css\.not/g' /opt/eclipse/plugins/org.eclipse.platform_4.3.1.v20130911-1000/css/*.css
Updated 2014-09-19
For those running the new version "Luna" 4.4.0 the directory has changed (platform became ui.themes) so the new command is:
#rename .css .not /usr/share/eclipse/plugins/org.eclipse.ui.themes_1.0.0.v20140604-1608/css/*.css
Updated 2015-05-23
As the version of eclipse keeps changing (at least in my linux distro) I found this command to be more useful:
# rename .css .not /usr/share/eclipse/plugins/org.eclipse.ui.themes*/css/*.css
The UI look like the Eclipse 3.X stream. Did you switch the Preferences>Apparence Theme to classic? Try the GTK one to see if it's better.
However, there is still some issues with the Eclipse 4 css rendering.
If the first solution came out with no luck, what you can do is to create a plugin like this one : https://github.com/eclipse-color-theme/eclipse-ui-themes
Then focus on the following properties on your css file
CTabItem {
}
CTabItem:selected {
}
Where you can adjust the tabs colors.
Here are some resources:
http://wiki.eclipse.org/E4/CSS
http://wiki.eclipse.org/E4/CSS/SWT_Mapping
http://www.vogella.com/articles/Eclipse4CSS/article.html
You may also find the Eclipse 4 CSS spy useful.
Ragards
Appearently Eclipse is listening to the stylesheet of winxp. Try adjusting that one:
http://raginggoblin.wordpress.com/2012/07/19/eclipse-4-juno-change-tab-color/
I installed Aptana Studio 3 eclipse plugin which totaly changed all default colors. After uninstalation of the plugin, in view for comparing changes from files on SVN - "Compare with / Latest from repository" still remains black background for sections which are different, comments and line numbers. Restoring setting and colors to default in "window / preferences / general" does not work. I tried also to manualy delete all folders containing "aptana" in the name from workspace. This also did not help. Thanks in advance for your ideas.
I just went through the same issue. You have to reinstall Aptana, go to Preferences -> Aptana Studio (or whatever it is) -> Themes and pick Aptana Studio 2.x, which uses a white background and black foreground.
That preference pane goes away once you uninstall it unfortunately. Kind of a stupid thing for them to change in that plugin, but I guess being edgy is more important than being consistent :)