Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sublime Text Like Theme for Brackets. It's inspired by 'Monokai Dark Soda' Theme in 'Themes' plugin. Installation: copy to ~/.config/Brackets/extensions/user/themes/theme/ and restart Brackets.
.cm-s-sublime-text-like.CodeMirror {
background-color: #242424;
color: #fff;
}
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #f8f8f0;
z-index: 3;
}
.CodeMirror-selected {
background: #3d3d3d;
opacity: .23;
}
.cm-s-sublime-text-like .cm-keyword {color: #ff007f;}
.cm-s-sublime-text-like .cm-atom {color: #c48cff;}
.cm-s-sublime-text-like .cm-number {color: #c48cff;}
.cm-s-sublime-text-like .cm-def {color: #fd963f;}
.cm-s-sublime-text-like .cm-variable {color: #fff;}
.cm-s-sublime-text-like .cm-variable-2 {color: #c48cff;}
.cm-s-sublime-text-like .cm-property {color: #52e3f6;}
.cm-s-sublime-text-like .cm-operator {color: #ff007f;}
.cm-s-sublime-text-like .cm-comment {color: #8c8c8c;}
.cm-s-sublime-text-like .cm-string {color: #ece47e;}
.cm-s-sublime-text-like .cm-string-2 {color: #ece47e;}
.cm-s-sublime-text-like .cm-meta {color: #a7ec21;}
.cm-s-sublime-text-like .cm-qualifier {color: #a7ec21;}
.cm-s-sublime-text-like .cm-bracket {color: #f9faf4;}
.cm-s-sublime-text-like .cm-tag {color: #ff007f;}
.cm-s-sublime-text-like .cm-attribute {color: #a7ec21;}
.cm-s-sublime-text-like .cm-matchhighlight {
background-color: #00CCFF;
color: #242424;
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #a7ec21;
font-weight: bold;
}
div.CodeMirror span.CodeMirror-searching {
outline: 1px solid #fff;
color: black;
}
div.CodeMirror span.cm-matchhighlight.CodeMirror-searching.CodeMirror-selectedtext {
background-color: #ffe69d;
color: #242424;
}
.cm-s-sublime-text-like.CodeMirror pre {
/*padding between line number & content*/
padding: 0 2px;
}
.cm-s-sublime-text-like.CodeMirror .CodeMirror-gutters {
border-color: #303030;
background: #303030;
}
.cm-s-sublime-text-like.CodeMirror .CodeMirror-linenumbers {
background-color: #303030;
}
.cm-s-sublime-text-like.CodeMirror .CodeMirror-linebackground {
outline: 1px solid #494949;
z-index: 3;
}
.cm-s-sublime-text-like.CodeMirror .CodeMirror-activeline,
.cm-s-sublime-text-like.CodeMirror.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
background: rgba(255, 255, 255, .1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment