I want to change the font size for editing in brackets from the default size to 16pt.
I go to view--> theme--> edit font size to 16pt or another size, but it doesn't change.
I want to change the font size for editing in brackets from the default size to 16pt.
I go to view--> theme--> edit font size to 16pt or another size, but it doesn't change.
See https://github.com/1beb/ui-too-small - it works for me.
Go to Brackets>view >then select increase or decrease font size from dropdown menu. Continue until you get the size font you want. To see your changes go to Brackets>view>themes
View -> Theme -> Font-size: '24px'.
If you don't write px at the end, it will not accept.
Good luck!
Like perviously mentioned you can achieve this with the ui-too-small plugin.
Personaly I don't like the default settings of this plugin either but you can change the setting by editting the main.js file which you can find by navigating to:
Help > Show Extensions Folder > Navigate to user > Navigate to ui too small > open main.js
I personaly like to following settings:
define(function (require, exports, module) {
"use strict";
var ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
ExtensionUtils.addEmbeddedStyleSheet("#sidebar *, #main-toolbar *, #titlebar *, #problems-panel *,"+
"#find-in-files-results *, #e4b-main-panel *, #status-bar *,"+
"#main-toolbar *, #context-menu-bar *, #codehint-menu-bar *,"+
"#quick-view-container *, #function-hint-container * { font-size: 16px !important;"+
" line-height: 30px !important; }"+
".sidebar li { min-height: 30px !important;}"+
".sidebar-selection, .filetree-selection { min-height: 30px !important; margin-top: 5px;}"+
""+".jstree-icon{margin-top:10px !important} .filetree-selection-extension{margin-top: 5px; height: 30px !important;}
.jstree-rename-input{ margin-top: 2px !important; height: 30px !important; padding-bottom: 0px !important;} "
);
});