Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
// color: white;
// background-color: hsl(180, 24%, 12%);
-webkit-font-smoothing: antialiased;
}
// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor.editor {
.syntax--storage.syntax--type.syntax--function.syntax--arrow, .syntax--operator {
font-family: 'FiraCode-Retina';
text-rendering: optimizeLegibility;
vertical-align: baseline;
}
.string.quoted, .string.regexp {
-webkit-font-feature-settings: "liga" off, "calt" off;
}
.cursor {
// border-color: red;
}
}
.tree-view .selected:before {
background: hsla(0,0%,100%,.1); // show lines underneath
}
.tree-view .directory {
& > .list-item:before {
visibility: hidden; // hide arrows
}
.selected > .header.list-item ~ .entries.list-tree {
background: linear-gradient(to right, transparent 24px, lighten(@base-background-color, 10%) 24px, lighten(@base-background-color, 10%) 25px, transparent 25px);
}
.header.list-item:hover ~ .entries.list-tree {
background: linear-gradient(to right, transparent 24px, @text-color-subtle 24px, @text-color-subtle 25px, transparent 25px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.