add 'lol' code theme
ansuz
8 years ago
parent
b85324a29e
commit
6e9968f989
@ -0,0 +1,91 @@
|
||||
.cm-s-lol {
|
||||
font-family: Comic Sans MS, cursive;
|
||||
font-size: 24px;
|
||||
}
|
||||
.cm-s-lol.CodeMirror,
|
||||
.cm-s-lol .CodeMirror-gutters {
|
||||
background-color: #2E3436 !important;
|
||||
color: #719FC9 !important;
|
||||
border: none;
|
||||
}
|
||||
.cm-s-lol .CodeMirror-gutters {
|
||||
color: #2E3436;
|
||||
}
|
||||
.cm-s-lol .CodeMirror-cursor {
|
||||
border-left: solid thin #f8f8f0;
|
||||
}
|
||||
.cm-s-lol .CodeMirror-linenumber {
|
||||
color: #8AE234;
|
||||
}
|
||||
.cm-s-lol.CodeMirror-focused div.CodeMirror-selected {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.cm-s-lol .CodeMirror-line::selection,
|
||||
.cm-s-lol .cm-s-transition .CodeMirror-line > span::selection,
|
||||
.cm-s-lol .cm-s-transition .CodeMirror-line > span > span::selection {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.cm-s-lol .CodeMirror-line::-moz-selection,
|
||||
.cm-s-lol .cm-s-transition .CodeMirror-line > span::-moz-selection,
|
||||
.cm-s-lol .cm-s-transition .CodeMirror-line > span > span::-moz-selection {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.cm-s-lol span.cm-comment {
|
||||
color: #50FA7B;
|
||||
}
|
||||
.cm-s-lol span.cm-string,
|
||||
.cm-s-lol .cm-s-transition span.cm-string-2 {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.cm-s-lol span.cm-number {
|
||||
color: #bd93f9;
|
||||
}
|
||||
.cm-s-lol span.cm-variable {
|
||||
color: #9292e4;
|
||||
}
|
||||
.cm-s-lol span.cm-variable-2 {
|
||||
color: white;
|
||||
}
|
||||
.cm-s-lol span.cm-def {
|
||||
color: #ffb86c;
|
||||
}
|
||||
.cm-s-lol span.cm-keyword {
|
||||
color: ff79c6;
|
||||
}
|
||||
.cm-s-lol span.cm-operator {
|
||||
color: ff79c6;
|
||||
}
|
||||
.cm-s-lol span.cm-keyword {
|
||||
color: ff79c6;
|
||||
}
|
||||
.cm-s-lol span.cm-atom {
|
||||
color: #bd93f9;
|
||||
}
|
||||
.cm-s-lol span.cm-meta {
|
||||
color: #719FC9;
|
||||
}
|
||||
.cm-s-lol span.cm-tag {
|
||||
color: ff79c6;
|
||||
}
|
||||
.cm-s-lol span.cm-attribute {
|
||||
color: #50fa7b;
|
||||
}
|
||||
.cm-s-lol span.cm-qualifier {
|
||||
color: #50fa7b;
|
||||
}
|
||||
.cm-s-lol span.cm-property {
|
||||
color: #66d9ef;
|
||||
}
|
||||
.cm-s-lol span.cm-builtin {
|
||||
color: #50fa7b;
|
||||
}
|
||||
.cm-s-lol span.cm-variable-3 {
|
||||
color: #50fa7b;
|
||||
}
|
||||
.cm-s-lol .CodeMirror-activeline-background {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.cm-s-lol .CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important;
|
||||
}
|
||||
@ -0,0 +1,70 @@
|
||||
@gutter-bg: #2E3436;
|
||||
@gutter-fg: #719FC9;
|
||||
|
||||
@cursor-left: #f8f8f0;
|
||||
@line-number-fg: #8AE234;
|
||||
@selected-bg: rgba(255, 255, 255, 0.10);
|
||||
|
||||
@comment-fg: #50FA7B;
|
||||
@string-fg: #f1fa8c;
|
||||
@number-fg: #bd93f9;
|
||||
@variable-fg: #9292e4;
|
||||
@variable2-fg: white;
|
||||
|
||||
@def-fg: #ffb86c;
|
||||
@keyword-fg: ff79c6;
|
||||
|
||||
@variable3-fg: #50fa7b;
|
||||
@property-fg: #66d9ef;
|
||||
|
||||
.cm-s-lol {
|
||||
font-family: Comic Sans MS, cursive;
|
||||
font-size: 24px;
|
||||
|
||||
&.CodeMirror, .CodeMirror-gutters {
|
||||
background-color: @gutter-bg !important;
|
||||
color: @gutter-fg !important;
|
||||
border: none;
|
||||
}
|
||||
.CodeMirror-gutters { color: @gutter-bg; }
|
||||
.CodeMirror-cursor { border-left: solid thin @cursor-left; }
|
||||
|
||||
.CodeMirror-linenumber { color: @line-number-fg; }
|
||||
&.CodeMirror-focused div.CodeMirror-selected { background: @selected-bg; }
|
||||
|
||||
.CodeMirror-line::selection,
|
||||
.cm-s-transition .CodeMirror-line > span::selection,
|
||||
.cm-s-transition .CodeMirror-line > span > span::selection {
|
||||
background: @selected-bg;
|
||||
}
|
||||
|
||||
.CodeMirror-line::-moz-selection,
|
||||
.cm-s-transition .CodeMirror-line > span::-moz-selection,
|
||||
.cm-s-transition .CodeMirror-line > span > span::-moz-selection {
|
||||
background: @selected-bg;
|
||||
}
|
||||
span.cm-comment { color: @comment-fg; }
|
||||
span.cm-string, .cm-s-transition span.cm-string-2 { color: @string-fg; }
|
||||
span.cm-number { color: @number-fg; }
|
||||
span.cm-variable { color: @variable-fg; }
|
||||
span.cm-variable-2 { color: @variable2-fg; }
|
||||
span.cm-def { color: @def-fg; }
|
||||
span.cm-keyword { color: @keyword-fg; }
|
||||
span.cm-operator { color: @keyword-fg; }
|
||||
span.cm-keyword { color: @keyword-fg; }
|
||||
span.cm-atom { color: @number-fg; }
|
||||
span.cm-meta { color: @gutter-fg; }
|
||||
span.cm-tag { color: @keyword-fg; }
|
||||
span.cm-attribute { color: @variable3-fg; }
|
||||
span.cm-qualifier { color: @variable3-fg; }
|
||||
span.cm-property { color: @property-fg; }
|
||||
span.cm-builtin { color: @variable3-fg; }
|
||||
span.cm-variable-3 { color: @variable3-fg; }
|
||||
|
||||
.CodeMirror-activeline-background { background: @selected-bg; }
|
||||
.CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue