Atom UI styles - setting general font size for tree-view, tab-bar and status-bar
| /* | |
| * Your Stylesheet | |
| * | |
| * This stylesheet is loaded when Atom starts up and is reloaded automatically | |
| * when it is changed and saved. | |
| * | |
| * Add your own CSS or Less to fully customize Atom. | |
| * If you are unfamiliar with Less, you can read more about it here: | |
| * http://lesscss.org | |
| */ | |
| // Styles added for ClojureBridge and other demos | |
| // style the background color of the tree view | |
| .tree-view { | |
| // background-color: whitesmoke; | |
| font-size: 18px; | |
| } | |
| // style the window tabs at top of atom UI | |
| .tab-bar { | |
| font-size: 18px; | |
| } | |
| // style the status bar at the bottom of the atom UI | |
| .status-bar { | |
| font-size: 18px; | |
| } | |
| /* | |
| * Examples | |
| * (To see them, uncomment and save) | |
| */ | |
| // style the background and foreground colors on the atom-text-editor-element itself | |
| atom-text-editor { | |
| // color: white; | |
| // background-color: hsl(180, 24%, 12%); | |
| } | |
| // To style other content in the text editor's shadow DOM, use the ::shadow expression | |
| atom-text-editor::shadow .cursor { | |
| // border-color: red; | |
| } | |
| // Theme specific styles | |
| // | |
| // .theme-one-dark-ui { | |
| // .tab-bar { font-size: 18px; } | |
| // .tree-view { font-size: 14px; } | |
| // .status-bar { font-size: 12px; } | |
| // } | |
| // .theme-one-light-ui { | |
| // .tab-bar { font-size: 18px; } | |
| // .tree-view { font-size: 16px; } | |
| // .status-bar { font-size: 16px; } | |
| // } | |
| // |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment