Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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