Skip to content

Commit

Permalink
Use one-line css definitions in themes uniformly
Browse files Browse the repository at this point in the history
  • Loading branch information
@vincentwoo @marijnh
vincentwoo authored and marijnh committed Aug 3, 2015
1 parent 38c3e9c commit 5a50589
Show file tree
Hide file tree
Showing 4 changed files with 95 additions and 279 deletions.
94 changes: 24 additions & 70 deletions theme/dracula.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,75 +13,29 @@
color: #f8f8f2 !important;
border: none;
}
.cm-s-dracula .CodeMirror-gutters{
color: #282a36;
}
.cm-s-dracula .CodeMirror-cursor {
border-left: solid thin #f8f8f0 !important;
}
.cm-s-dracula .CodeMirror-linenumber {
color: #6D8A88;
}
.cm-s-dracula.CodeMirror-focused .CodeMirror-selected {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-dracula span.cm-comment {
color: #6272a4;
}
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 {
color: #f1fa8c;
}
.cm-s-dracula span.cm-number {
color: #bd93f9;
}
.cm-s-dracula span.cm-variable {
color: #50fa7b;
}
.cm-s-dracula span.cm-variable-2 {
color: white;
}
.cm-s-dracula span.cm-def {
color: #ffb86c;
}
.cm-s-dracula span.cm-keyword {
color: #ff79c6;
}
.cm-s-dracula span.cm-operator {
color: #ff79c6;
}
.cm-s-dracula span.cm-keyword {
color: #ff79c6;
}
.cm-s-dracula span.cm-atom {
color: #bd93f9;
}
.cm-s-dracula span.cm-meta {
color: #f8f8f2;
}
.cm-s-dracula span.cm-tag {
color: #ff79c6;
}
.cm-s-dracula span.cm-attribute {
color: #50fa7b;
}
.cm-s-dracula span.cm-qualifier {
color: #50fa7b;
}
.cm-s-dracula span.cm-property {
color: #66d9ef;
}
.cm-s-dracula span.cm-builtin {
color: #50fa7b;
}
.cm-s-dracula span.cm-variable-3 {
color: #50fa7b;
}
.cm-s-dracula .CodeMirror-gutters { color: #282a36; }
.cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0 !important; }
.cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; }
.cm-s-dracula.CodeMirror-focused .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula span.cm-comment { color: #6272a4; }
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; }
.cm-s-dracula span.cm-number { color: #bd93f9; }
.cm-s-dracula span.cm-variable { color: #50fa7b; }
.cm-s-dracula span.cm-variable-2 { color: white; }
.cm-s-dracula span.cm-def { color: #ffb86c; }
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
.cm-s-dracula span.cm-operator { color: #ff79c6; }
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
.cm-s-dracula span.cm-atom { color: #bd93f9; }
.cm-s-dracula span.cm-meta { color: #f8f8f2; }
.cm-s-dracula span.cm-tag { color: #ff79c6; }
.cm-s-dracula span.cm-attribute { color: #50fa7b; }
.cm-s-dracula span.cm-qualifier { color: #50fa7b; }
.cm-s-dracula span.cm-property { color: #66d9ef; }
.cm-s-dracula span.cm-builtin { color: #50fa7b; }
.cm-s-dracula span.cm-variable-3 { color: #50fa7b; }

.cm-s-dracula .CodeMirror-activeline-background {background: rgba(255,255,255,0.1) !important;}
.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
106 changes: 27 additions & 79 deletions theme/material.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,90 +16,38 @@
color: rgb(83,127,126);
border: none;
}
.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber {
color: rgb(83,127,126);
}
.cm-s-material .CodeMirror-cursor {
border-left: 1px solid #f8f8f0 !important;
}
.cm-s-material .CodeMirror-selected {
background: rgba(255, 255, 255, 0.15);
}
.cm-s-material.CodeMirror-focused .CodeMirror-selected {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-material .CodeMirror-guttermarker, .cm-s-material .CodeMirror-guttermarker-subtle, .cm-s-material .CodeMirror-linenumber { color: rgb(83,127,126); }
.cm-s-material .CodeMirror-cursor { border-left: 1px solid #f8f8f0 !important; }
.cm-s-material .CodeMirror-selected { background: rgba(255, 255, 255, 0.15); }
.cm-s-material.CodeMirror-focused .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
.cm-s-material .CodeMirror-line::selection, .cm-s-material .CodeMirror-line > span::selection, .cm-s-material .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-material .CodeMirror-line::-moz-selection, .cm-s-material .CodeMirror-line > span::-moz-selection, .cm-s-material .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }

.CodeMirror-activeline-background {
background: rgba(0, 0, 0, 0) !important;
}
.cm-s-material span.cm-keyword {
color: rgba(199, 146, 234, 1);
}
.cm-s-material span.cm-operator {
color: rgba(233, 237, 237, 1);
}
.cm-s-material span.cm-variable-2 {
color: #80CBC4;
}
.cm-s-material span.cm-variable-3 {
color: #82B1FF;
}
.cm-s-material span.cm-builtin {
color: #DECB6B;
}
.cm-s-material span.cm-atom {
color: #F77669;
}
.cm-s-material span.cm-number {
color: #F77669;
}
.cm-s-material span.cm-def {
color: rgba(233, 237, 237, 1);
}
.CodeMirror-activeline-background { background: rgba(0, 0, 0, 0) !important; }
.cm-s-material span.cm-keyword { color: rgba(199, 146, 234, 1); }
.cm-s-material span.cm-operator { color: rgba(233, 237, 237, 1); }
.cm-s-material span.cm-variable-2 { color: #80CBC4; }
.cm-s-material span.cm-variable-3 { color: #82B1FF; }
.cm-s-material span.cm-builtin { color: #DECB6B; }
.cm-s-material span.cm-atom { color: #F77669; }
.cm-s-material span.cm-number { color: #F77669; }
.cm-s-material span.cm-def { color: rgba(233, 237, 237, 1); }
.cm-s-material span.cm-error {
color: rgba(255, 255, 255, 1.0);
background-color: #EC5F67;
}
.cm-s-material span.cm-string {
color: #C3E88D;
}
.cm-s-material span.cm-string-2 {
color: #80CBC4;
}
.cm-s-material span.cm-comment {
color: #546E7A;
}
.cm-s-material span.cm-variable {
color: #82B1FF;
}
.cm-s-material span.cm-tag {
color: #80CBC4;
}
.cm-s-material span.cm-meta{
color: #80CBC4;
}
.cm-s-material span.cm-attribute {
color: #FFCB6B;
}
.cm-s-material span.cm-property {
color: #80CBAE;
}
.cm-s-material span.cm-qualifier {
color: #DECB6B;
}
.cm-s-material span.cm-variable-3{
color: #DECB6B;
}
.cm-s-material span.cm-tag {
color: rgba(255, 83, 112, 1);
}
.cm-s-material span.cm-string { color: #C3E88D; }
.cm-s-material span.cm-string-2 { color: #80CBC4; }
.cm-s-material span.cm-comment { color: #546E7A; }
.cm-s-material span.cm-variable { color: #82B1FF; }
.cm-s-material span.cm-tag { color: #80CBC4; }
.cm-s-material span.cm-meta{ color: #80CBC4; }
.cm-s-material span.cm-attribute { color: #FFCB6B; }
.cm-s-material span.cm-property { color: #80CBAE; }
.cm-s-material span.cm-qualifier { color: #DECB6B; }
.cm-s-material span.cm-variable-3{ color: #DECB6B; }
.cm-s-material span.cm-tag { color: rgba(255, 83, 112, 1); }
.cm-s-material .CodeMirror-matchingbracket {
text-decoration: underline;
color: white !important;
}
}
90 changes: 23 additions & 67 deletions theme/seti.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,71 +18,27 @@
background-color: #0E1112;
border: none;
}
.cm-s-seti .CodeMirror-cursor {
border-left: solid thin #f8f8f0 !important;
}
.cm-s-seti .CodeMirror-linenumber {
color: #6D8A88;
}
.cm-s-seti.CodeMirror-focused .CodeMirror-selected {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-seti .CodeMirror-line::selection, .cm-s-seti .CodeMirror-line > span::selection, .cm-s-seti .CodeMirror-line > span > span::selection {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection {
background: rgba(255, 255, 255, 0.10);
}
.cm-s-seti span.cm-comment {
color: #41535b;
}
.cm-s-seti span.cm-string, .cm-s-seti span.cm-string-2 {
color: #55b5db;
}
.cm-s-seti span.cm-number {
color: #cd3f45;
}
.cm-s-seti span.cm-variable {
color: #55b5db;
}
.cm-s-seti span.cm-variable-2 {
color: #a074c4;
}
.cm-s-seti span.cm-def {
color: #55b5db;
}
.cm-s-seti span.cm-keyword {
color: #ff79c6;
}
.cm-s-seti span.cm-operator {
color: #9fca56;
}
.cm-s-seti span.cm-keyword {
color: #e6cd69;
}
.cm-s-seti span.cm-atom {
color: #cd3f45;
}
.cm-s-seti span.cm-meta {
color: #55b5db;
}
.cm-s-seti span.cm-tag {
color: #55b5db;
}
.cm-s-seti span.cm-attribute {
color: #9fca56;
}
.cm-s-seti span.cm-qualifier {
color: #9fca56;
}
.cm-s-seti span.cm-property {
color: #a074c4;
}
.cm-s-seti span.cm-variable-3 {
color: #9fca56;
}
.cm-s-seti span.cm-builtin {
color: #9fca56;
}
.cm-s-seti .CodeMirror-cursor { border-left: solid thin #f8f8f0 !important; }
.cm-s-seti .CodeMirror-linenumber { color: #6D8A88; }
.cm-s-seti.CodeMirror-focused .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
.cm-s-seti .CodeMirror-line::selection, .cm-s-seti .CodeMirror-line > span::selection, .cm-s-seti .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-seti span.cm-comment { color: #41535b; }
.cm-s-seti span.cm-string, .cm-s-seti span.cm-string-2 { color: #55b5db; }
.cm-s-seti span.cm-number { color: #cd3f45; }
.cm-s-seti span.cm-variable { color: #55b5db; }
.cm-s-seti span.cm-variable-2 { color: #a074c4; }
.cm-s-seti span.cm-def { color: #55b5db; }
.cm-s-seti span.cm-keyword { color: #ff79c6; }
.cm-s-seti span.cm-operator { color: #9fca56; }
.cm-s-seti span.cm-keyword { color: #e6cd69; }
.cm-s-seti span.cm-atom { color: #cd3f45; }
.cm-s-seti span.cm-meta { color: #55b5db; }
.cm-s-seti span.cm-tag { color: #55b5db; }
.cm-s-seti span.cm-attribute { color: #9fca56; }
.cm-s-seti span.cm-qualifier { color: #9fca56; }
.cm-s-seti span.cm-property { color: #a074c4; }
.cm-s-seti span.cm-variable-3 { color: #9fca56; }
.cm-s-seti span.cm-builtin { color: #9fca56; }
.cm-s-seti .CodeMirror-activeline-background {background: #101213 !important;}
.cm-s-seti .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
.cm-s-seti .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;}
Loading

0 comments on commit 5a50589

Please sign in to comment.