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.
I'm here today because I'm having an issue with Android Studio. I don't know if it existed on previous versions (I don't remember this being an issue, so I doubt it was a problem on a previous version), but currently I am using the Android Studio V2.1 Stable release.
My issue is that if I launch Android Studio (I happen to be on Windows, 64-bit Android Studio) and at the Start Screen/Page, I click Configure>Settings>Editor>Code Styles, and change the default parameters on any of the languages (XML, Java, HTML, etc.), the Default profile is copied to a new profile (Default(1)) and the new settings get applied to each profile.
If I Apply these changes and exit Android Studio, and launch back up and follow the same method...the settings have completely gone back to what they were before I changed them, with the exception of the Default(1) copy profile. But from my experience, Android Studio doesn't build new projects based on this Default(1) copy profile, it builds them on the Default profile. Which means all of my adjustments to using indents and not spaces, keeping indents on empty lines, etc. all do not get carried through to the actual project files, leaving me to have to go back into the settings with the project loaded up and change all of these parameters again. That's just asinine. Please tell me I'm missing something here and that there's a simpler way of achieving the ability to keep a code style template that I can use on all of my projects!
Perhaps it would be better to report or consult on this using the Android Studio feedback site. If that's the better option, I'm willing to do that too.
Thanks everyone!
What I do in that case is
Go to Preferences
Code Style
Select scheme you want
Click Settings cog
Click copy to project
Some OKs and then it works.
After selecting the code style that i want, opened the gradle.properties file in root folder of the project and deleted the following line
kotlin.code.style=official
deleting the above line, prevents the code style resetting to default.
Go to Preferences
Code Style
Set Scheme to Default [IDE]
Click restore defaults
The simplest way I found to reset the default settings is as follows:
In Android Studio, click on File.
Settings (Ctrl + Alt + S)
Under Editor in settings
Select Code Style
Next to Scheme: select the three dots to access the scheme options ()
Select Restore Defaults
A Confirmation Dialog Box will be displayed to confirm if you want to revert back to
the default settings.
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 can't seem to figure out how to change the menu color or add a background to the menu bar in Gantry 4 for Joomla. Tired of the gray or dark gray default.
I could change the font and selection through the .less file but not the menu itself.
The documentation on the Gantry website is too general.
Thank You in advance.
Also check: menu-light.less & menu-dark.less in the less\ directory.
The folks at RocketTheme don't recommend editing the compiled CSS (but it works great as #Adriana pointed out).
Hi Gantry framework for joomla as you probably notice uses Less to really understand how to change things on the template you first have to learn how less works even that Gantry compiles the less files for you. Less it is fantastic so it worth it. Basically you use a code to define css in a clever way much more economic and then you compile this into more efficient css files
If you change the compiled files as our friends are saying here make not sense at all because as soon you compile again (and you will) this files will be override and all your work lose.
I will give you the direction and you will see that it is not that difficult as look.
1- check the menu you had selected on your Gantry template under Templates Manager - Style - menu style.
2- on your less folder you will see a less file for each of the menu styles with the main variables
for example menu-dark.less try to make sense of the variables and the colors and change them to see what is what.
3- on the same folder you have menu.less and there is where the magic is done using the variables from the previous file. You will see that for example define first level of menu you will have something like:
&.l1 {
> li.active {
background: #menuActiveBack;
So that menuActiveBack variable will be the background value of the active li of the level 1.
4- the last part will be the menu-hovers.less that i thinks it is over complicate things because it is not a need to have a different file to do the hovers but there it is.
You can control CSS compression, Compile Wait Time and Debug Header, as well as manually clear the cache with the Clear Cache button at Extensions → Template Manager → gantry → Advanced → Less Compiler.
more info at: ganty less documentation
Hope it helps to start with....
Happy coding,
Eduardo
it took me a while maybe half an hour to go through the "menu" css file in the "css-compiled" folder.
You can find all the css to alter the background and colors of Gantry's default menu.. I'm using Gantry v4 also.
Go here:
Joomla>templates>gantry>css-compiled>menu-675c76.....
Please view my image to see my results:
http://dream2unite.com/images/misc/GANTRY-MENU-675c76.png
Use FireBug or similar to find the default CSS styling.
Create a file /templates/gantry/css/gantry-custom.css and add your own CSS to override the default CSS.
This is a better method than editing compiled or other template less or css files which can be overwritten during compilation or when the template is updated.
I downloaded and modified a style file and placed it in the Notepad++ themes folder. I was able to select it and have it update the style as expected. I then went to Settings -> Style Configurator and changed the font of COMMENT of language VHDL to MS Gothic, hit save, and closed and exited Notepad++. I am able to relaunch Notepad++ and still see the change (I'm running Notepad++ in admin mode on Win7).
The only file that I can see a new timestamp on is my XML theme file, but I don't see MS Gothic anywhere in the file. Where is this information being stored? It is overriding the settings from my theme file. I also checked %APPDATA%\Notepad++\stylers.xml but I don't see it there either.
I realize I can change it back through the GUI, but I'd like to know how to get back to my original theme without selecting every style in the language manually (as I've made multiple changes). If I could edit (or delete) a file, I would prefer it.
Look in your %APPDATA%\Notepad++ folder, specifically for the stylers.xml file.
Uninstall Notepad++
Reinstall it again, but this time check the first box, the one that says "Don't use %APPDATA%..... "
Enjoy.
The reason is that Notepad++ install all the files at administrator profile, if you are using another user then you are screw, it will not work properly, you have to run it always as an administrator so it can work properly. To avoid this, just do as i said.
If files are going to APPDATA, then you can create a folder called "themes" and then inside that place your new xml themes. Then close and reopen notepad++ and you should see your new style in the "Select theme:" drop down. Whatever you named the file should be what appears in the dropdown
If you are on Windows 10 the path to add the new theme is :
C:\Users\NAME-OF-COMPUTER\AppData\Roaming\Notepad++\themes
stylers.xml is located one director/ folder above the themes :
Just as a complement to the other answers, if you made the changes on another theme than the default theme (stylers.xml) then your changes are saved to
%APPDATA%\Notepad++\themes\TheThemeYouModified.xml.
For example, if you modified the choco theme, then look for the %APPDATA%\Notepad++\themes\choco.xml.
You will also find a choco.xml in the C:\Program Files (x86)\Notepad++\themes but this one is not where your changes are saved.
I tried Rbastardo answer, but even when I check "Don't use %APPDATA%....." when installing Notepad++, the changes are still saved in %APPDATA%.
In case this helps someone in the future, if you installed Notepad++ via Scoop then look for your themes directory here:
D:\Users\yourusername\scoop\persist\notepadplusplus\themes