Skip to content

Instantly share code, notes, and snippets.

@esironal
Last active October 7, 2019 20:41
Show Gist options
  • Save esironal/a7b8bec7d3ab2694b3e2 to your computer and use it in GitHub Desktop.
Save esironal/a7b8bec7d3ab2694b3e2 to your computer and use it in GitHub Desktop.
CodeMirror Themes
CodeMirror Themes
.cm-s-argonaut {
font-size: 1em;
line-height: 1.5em;
font-family: inconsolata, monospace;
letter-spacing: 0.3px;
word-spacing: 1px;
background: #151515;
color: #B2B2B2;
}
.cm-s-argonaut .CodeMirror-lines {
padding: 8px 0;
}
.cm-s-argonaut .CodeMirror-gutters {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
background-color: #151515;
padding-right: 10px;
z-index: 3;
border: none;
}
.cm-s-argonaut div.CodeMirror-cursor {
border-left: 3px solid #B2B2B2;
}
.cm-s-argonaut .CodeMirror-activeline-background {
background: #000C16;
}
.cm-s-argonaut .CodeMirror-selected {
background: #002F53;
}
.cm-s-argonaut .cm-comment {
font-style: italic;
color: #00A6FF;
}
.cm-s-argonaut .cm-string {
color: #6497C5;
}
.cm-s-argonaut .cm-number {
color: #815DB3;
}
.cm-s-argonaut .cm-variable {
color: #FFCA00;
}
.cm-s-argonaut .cm-def {
font-style: italic;
}
.cm-s-argonaut .cm-property {
color: #815DB3;
}
.cm-s-argonaut .cm-variable-2 {
color: #0065D3;
}
.cm-s-argonaut .cm-atom {
color: #815DB3;
}
.cm-s-argonaut .cm-keyword {
color: null;
}
.cm-s-argonaut .cm-operator {
color: null;
}
.cm-s-argonaut .CodeMirror-linenumber {
color: italic;
}
.cm-s-bbedit {
font-size: 1em;
line-height: 1.5em;
font-family: inconsolata, monospace;
letter-spacing: 0.3px;
word-spacing: 1px;
background: #FFFFFF;
color: #000000;
}
.cm-s-bbedit .CodeMirror-lines {
padding: 8px 0;
}
.cm-s-bbedit .CodeMirror-gutters {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
background-color: #FFFFFF;
padding-right: 10px;
z-index: 3;
border: none;
}
.cm-s-bbedit div.CodeMirror-cursor {
border-left: 3px solid #000000;
}
.cm-s-bbedit .CodeMirror-activeline-background {
background: #00000012;
}
.cm-s-bbedit .CodeMirror-selected {
background: #FFD420;
}
.cm-s-bbedit .cm-comment {
color: #804000;
}
.cm-s-bbedit .cm-number {
color: #0000FF;
}
.cm-s-bbedit .cm-string {
color: #FF0080;
}
.cm-s-bbedit .cm-atom {
color: #0000FF;
}
.cm-s-bbedit .cm-property {
color: #0000FF;
}
.cm-s-bbedit .cm-keyword {
color: null;
}
.cm-s-bbedit .cm-operator {
color: null;
}
.cm-s-bbedit .CodeMirror-linenumber {
color: #804000;
}
.cm-s-black-pearl-ii {
font-size: 1em;
line-height: 1.5em;
font-family: inconsolata, monospace;
letter-spacing: 0.3px;
word-spacing: 1px;
background: #000000;
color: #FFFFFF;
}
.cm-s-black-pearl-ii .CodeMirror-lines {
padding: 8px 0;
}
.cm-s-black-pearl-ii .CodeMirror-gutters {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
background-color: #000000;
padding-right: 10px;
z-index: 3;
border: none;
}
.cm-s-black-pearl-ii div.CodeMirror-cursor {
border-left: 3px solid #FFFFFF;
}
.cm-s-black-pearl-ii .CodeMirror-activeline-background {
background: #FFFFFF0D;
}
.cm-s-black-pearl-ii .CodeMirror-selected {
background: #FFFFFF26;
}
.cm-s-black-pearl-ii .cm-comment {
font-style: italic;
color: #428BDD;
}
.cm-s-black-pearl-ii .cm-atom {
color: null;
}
.cm-s-black-pearl-ii .cm-def {
font-style: italic;
color: #8AA6C1;
}
.cm-s-black-pearl-ii .cm-string {
color: #CC66FF;
}
.cm-s-black-pearl-ii .cm-number {
color: null;
}
.cm-s-black-pearl-ii .cm-variable-2 {
color: #FFFFFF;
}
.cm-s-black-pearl-ii .cm-property {
color: null;
}
.cm-s-black-pearl-ii .cm-keyword {
color: null;
}
.cm-s-black-pearl-ii .cm-operator {
color: null;
}
.cm-s-black-pearl-ii .CodeMirror-linenumber {
color: italic;
}
.cm-s-blackboard-black {
font-size: 1em;
line-height: 1.5em;
font-family: inconsolata, monospace;
letter-spacing: 0.3px;
word-spacing: 1px;
background: #1F1F1F;
color: #F8F8F8;
}
.cm-s-blackboard-black .CodeMirror-lines {
padding: 8px 0;
}
.cm-s-blackboard-black .CodeMirror-gutters {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
background-color: #1F1F1F;
padding-right: 10px;
z-index: 3;
border: none;
}
.cm-s-blackboard-black div.CodeMirror-cursor {
border-left: 3px solid #F8F8F8;
}
.cm-s-blackboard-black .CodeMirror-activeline-background {
background: #FFFFFF0F;
}
.cm-s-blackboard-black .CodeMirror-selected {
background: #253B76;
}
.cm-s-blackboard-black .cm-comment {
color: #AEAEAE;
}
.cm-s-blackboard-black .cm-keyword {
color: #FBDE2D;
}
.cm-s-blackboard-black .cm-property {
color: null;
}
.cm-s-blackboard-black .cm-atom {
color: null;
}
.cm-s-blackboard-black .cm-number {
color: null;
}
.cm-s-blackboard-black .cm-operator {
color: #FBDE2D;
}
.cm-s-blackboard-black .CodeMirror-linenumber {
color: #AEAEAE;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment