How to change the font of Visual Studio Code's UI? - linux

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.

Related

Some of fonts from pc not visible in android studio editor's setting

My operating system is windows. So in my PC there is one font called 'Ayuthaya.ttf' (that's not windows default font).
I want to use this font in android studio. But in font list from android studio settings I can't find that font.
But in IntelliJ's settings the font is visible. So how can I fix it?
This might be a little too late but in case someone encounters a similar problem.
If you are running Windows Build 1809 then a possible solution would be:
Delete your currently installed font.
Select the font or fonts (regular, light, etc...).
Right-click & select "Install for all users".
Restart Android Studio.
This happens because since build 1809 fonts are installed to:
C:\Users\\AppData\Local\Microsoft\Windows\Fonts
while before build 1809 they were installed to:
C:\Windows\Fonts
Okay so I've actually had this issue in the past, this kind of issue usually happens when you change the default font on Windows. For example, I changed my default windows font to "San Francisco" by Apple and it literally made everything on Android Studio unreadable.
To fix the issue, just change the default font on Windows. If you're having trouble changing the font then I can provide you with a script to change the font.

macOS Sublime Text 3: How do I disable one window / tabbed windows?

Not to long ago (well, maybe months and months), Sublime 3 has started launching as a singular window with tabbed windows that have their own tabs. I despise this approach. See screen shot:
How do I disable this behavior?
Version 3.1.1 build 3176
The only Packages I have installed are:
A File Icon
Groovy Snippets
Material Theme
Package Control
Pretty JSON
This particular feature is something that's happening as a result of your using MacOS (i.e. it's not something that Sublime does natively; the OS is doing it on your behalf).
In the general case most MacOS applications should have native menu items to combine windows together like this at the user's request in combination with the Prefer tabs when opening documents setting in the Dock area of the system preferences.
Sublime doesn't support the native menu items for this (yet), so it relies solely on the setting; having it set to Always (and also In Full Screen Only, but this tends to cause problems with Sublime) makes MacOS automatically "tab" new windows. Setting that setting to Manually stops this from happening.
This is also somewhat controlled by the Theme that you're using in Sublime. For MacOS, a Sublime theme can theme the menu bar of the window to match the overall application theme. Behind the scenes, this makes Sublime declare to MacOS that it wants to be in charge of displaying it's own window, which stops the system from automatically combining windows together.
An example of a theme that does this is the Adaptive theme that ships with Sublime.

Android studio IDE font changed

I have encountered bizarre problem with IDE's font.
Currently my IDE looks this
Normally it should look this
What I did which may affect font - recently have been adding Japanese language as secondary keyboard layout and while I was in IDE switched to Japanese and started typing.
What I have tried - deleting config folder.
My settings:
Thanks.
I have managed to fix this. Even if settings are default, you have to manually change font and size in IDE.
If anyone has the same problem:
Make a copy of your theme
Set font to Consolas with size 15

Syntax highlight fail on Classes in Visual Studio 2012

I recently installed Visual Studio on a laptop and the syntax highlight fails to change Classes colors.
I tried exporting and importing the full, complete set of settings and it is still looking like that.
EDIT
I tried those websites with schemes and decided to try one, the Humane scheme, and this is how the sample code looks in my laptop after installing those settings:
However, this is how it is supposed to look:
Note the lack of highlight in class names.
What could it be causing this?
I'm starting to think that's another setting at another place which causes this.
Finally, it worked by resetting user data, running this from the Visual Studio Command Prompt
devenv /Resetuserdata
Found the hint here:
https://stackoverflow.com/a/11988265/1213246
Changin syntax highlight could be done through the menu Tools - Options - Environment - Font & Colors. It's a try and test approach that is not much improved from earlier versions of Visual Studio.
Fortunately, today there are entire sites with themes that simply need to be choosen and installed
I suggest you to visit http://studiostyl.es/ where you can find thousands themes or, for more generic go to http://www.hanselman.com/blog/VisualStudioProgrammerThemesGallery.aspx

qtconfig fonts list on linux

I've built qt 4.7.4 on ubuntu and my application fonts look terrible. I used qtconfig to try and make the font more pleasing to the eye, but most look really bad (not aliased, and the list of fonts appears incomplete; e.g the clearlooks font in gnome uses "sans", but this doesn't appear in the list of available fonts in qtconfig).
However, if I install qtconfig-qt4 using aptitude, the fonts rendered in that application look great and there are loads more fonts available. The settings however are not applied to my qt applications.
I have no idea where qtconfig is picking up the font settings it makes available nor where it is saving the settings. The qt docs don't seem to help as far as I can see.
If someone could help me with either setting up the qtconfig in my install (maybe I need to configure with some different options - I used -debug-and-release -fast -qt-libtiff -no-webkit ?) or getting my apps to pick up the qtconfig-qt4 settings I would be most grateful! I would prefer the former!
Cheers!
Had a similar issue where qtconfig doesn't seem to be picking up the system fonts. Found some settings in kubuntu under appearance - fonts where I changed "use anti-aliasing" to enabled (from system) and then when configured I enabled "use sub-pixel rendering".
I think this gets stored in a file ~/.fonts.conf.
Still haven't figured out how to get all the fonts to appear in qtconfig though.

Resources