How can I increase the font size in WebStorm? - webstorm

The font size in the editor in WebStorm is too puny for my taste (or my eyes, I should say).
I tried to change it via Settings > Editor > Colors & BFonts > Font, which does have a "Size" edit box in the "Editor Font" section, but it is readonly.
So how can I "up" the font size? I also (first) tried Ctrl+mouseWheel, but that didn't lead to any joy in Mudville, either.

Change font size with MouseWheel
(called "zooming in the editor")
To enable changing font size in the editor
Open the Settings/Preferences dialog, expand the Editor node, and
click General.
Make sure that the setting Change font size (Zoom) with
Ctrl+MouseWheel is enabled.
https://www.jetbrains.com/help/idea/2017.1/zooming-in-the-editor.html

For change font and font size create your own theme, then you can edit all font things
Fonts color settings: be sure you uncheck inheritance checkbox with "use inheritance attributes"
P.s pictures from phpstorm but it must work for webstorm also

You need to save a custom scheme in order to modify the font size.
Settings > Editor > Colors & Fonts
Select Save as... and name it however you please.
Once you have saved your custom scheme, you are now able to increase the font size.
In Ubuntu, go to:
File > Settings > Editor > Font

File / Settings / General
Check "Change font size (Zoom) with Ctrl + Mouse Wheel
Confirmed fix for WebStorm 10.

Go to Setting
Next In font you can change

Actual for WS 2018.x
Change font-size for interface
Change font-size for code area

This answer is for WebStorm version 2021.2.2
On the top right-hand side of the WebStorm editor you will see a setting gear icon as shown in the picture below or you can simply use the keyboard short cut Ctrl+Alt+S
After you tap on the setting option a window will open with all the different settings options, out of which you need to select the Editor option which will have the font option as shown in the image below
Now you can change the font as per your choice,
I am going to take a step ahead and include how you can increase the zoom size of the editor as well.
When I installed webstorm I was not able to increase the zoom via mouse wheel or by using the Ctrl + keyboard shortcut and this setting is in the same editor setting menu
So once you are inside the setting window go to Editor > General and in the general section you will find an option to increase the zoom via mouse wheel make sure you click apply or Ok once you select this option for the setting to take place

To add something here for the developers using the Material Theme UI. Under the Editor => Font, you'll font a link, where you can make the actual font customizations under the section called "Editor > Color Scheme > Color Scheme Font." Just in case you won't be confused as me when changing the Editor > font size, nothing happens.

Related

How do I remove the blank space on the left in WebStorm?

I had WebStorm 18.1.1 installed previously and just upgraded to WebStorm 18.1.2. The editor now has a blank space on the left.
Its width is fixed whether the sidebar is open or not. It can't be resized.
If I click on the area, I can mark the line.
If I enable split editor by moving a tab to the right, it disappears.
But if I switch back to single tab per window, the blank space comes back. Is this a WebStorm feature that aligns the contents of the window in the center or a bug in the new version? How do I disable it?
It seems that you have a Distraction Free mode enabled. In this mode the editor content is centred. You can exit it in the menu View - Exit Distraction Free Mode.

How to change the font size of the Visual Studio 2017 'Find and Replace' control?

Note that this is NOT the dialog box, but the box that opens up in the top right corner of the file window.
I've checked the following without finding an answer. Right now the text is very tiny and difficult to make out!
https://msdn.microsoft.com/en-us/library/139eef4h.aspx
: Couldn't find any instructions to adjust the font size.
Tools in Menu -> Options -> Environment -> Fonts and Colors
: Couldn't find the 'Find and Replace' control.
Enlarging the font of the editor does make the font larger, but it doesn't work because the size of the editor font becomes huge before the control's font is readable.
So your best option might be to go into settings and change window.zoomLevel to 1. This will zoom in the window and should give you the effect your looking for. I don't believe you can change menu fontSize etc.
Press ctrl, use mouse scroll to increase the overall size of text area and find and replace window. Now go to tool->options->font to set default size for text area only.

How to set the background color of WebStorm's UI?

I just downloaded the latest WebStorm. The background color for the files is white while WebStorm's user interface (panel frames, gutter, buttons) is dark. It's a little distracting.
Is it possible to change the background-color of WebStorm's user interface to white, like it used to be?
Go to File > Settings > Appearance & Behavour > Appearance and select a theme of your choice. I can recommend color-themes for additional themes.
You can also configure the colors individually at Settings > Editor > Colors & Fonts > General

Modify and customize the wxColourDialog box

I need a dialog box where I can choose colour, font format, font style, and font size. I mean using wxWidgets (need a dialog with wxColourDialog and wxFontDialog in a same dialog box).
Notice that under Windows the native font selection dialog already allows you to select the font colour too. This is not the case under the other platforms however, so you would need to use the non-native, and hence ugly, wxGenericFontDialog there if you really need to select both at once.

background colour of popup info box in eclipse

I am using eclipse CDT on xubuntu. It works perfectly. The only problem is that the background colour of the pop up box that appears when you put the mouse over a variable for instance will have a background colour of black.
Sometimes some of the text in this box will be black as well. I then have to select all text inside the box to read what is in there. For the life of me I cannot figure out where to change that background black colour...
Does anybody here know perhaps please.
Go to Window > Preferences and then open C/C++ > Editor and play with Source hover background. Don't forget to uncheck the System Default box to be able to change the colour.