-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy paththeme.less
120 lines (113 loc) · 2.73 KB
/
theme.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/* Solarized color palette */
@base03: #002b36;
@base02: #073642;
@base01: #586e75;
@base00: #657b83;
@base0: #839496;
@base1: #93a1a1;
@base2: #eee8d5;
@base3: #fdf6e3;
@yellow: #b58900;
@orange: #cb4b16;
@red: #dc322f;
@magenta: #d33682;
@violet: #6c71c4;
@blue: #268bd2;
@cyan: #2aa198;
@green: #859900;
/* Solarized Dark Code */
.CodeMirror, .CodeMirror-scroll {
background-color: @base3;
color: @base00;
}
.CodeMirror-focused .CodeMirror-activeline-background {
background: @base2;
}
&.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
box-shadow: inset 15px 0 0 0 @base2;
}
.CodeMirror-focused .CodeMirror-activeline {
.CodeMirror-gutter-elt {
background: rgba(0, 0, 0, 0.2);
color: @base00;
}
.inline-widget .CodeMirror-gutter-elt {
color: @base00;
}
}
.cm-atom, .cm-string, .cm-string-2, .cm-hr {color: @cyan;}
.cm-number, .cm-attribute, .cm-plus {color: @green;}
.cm-def, .cm-property {color: @violet;}
.cm-variable, .cm-variable-2, .cm-variable-3, .cm-operator, .cm-meta, .cm-bracket {color: @base00;}
.cm-comment {color: @base1;}
.cm-error, .cm-minus {color: @red;}
.cm-header {color: @magenta;}
.cm-link {color: @orange; text-decoration: none;}
.cm-rangeinfo {color: @yellow;}
.cm-keyword, .cm-qualifier, .cm-builtin, .cm-tag, .cm-quote {color: @blue;}
/* Extra CSS */
.CodeMirror-searching {
background-color: @green;
&.searching-current-match {
background-color: @orange;
}
}
.CodeMirror-cursor {
border-left: 1px solid @base01 !important;
}
.CodeMirror-gutters {
background-color: @base3;
border-right: none;
}
.CodeMirror-linenumber {
color: @base01;
}
.CodeMirror .CodeMirror-selected {
background: @base1;
}
.CodeMirror-focused .CodeMirror-selected {
background: @base2;
}
.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
/* Ensure visibility against gray inline editor background */
background-color: @base2;
color: @base00 !important;
}
.CodeMirror-overwrite .CodeMirror-cursor {
border-left: none !important;
border-bottom: 1px solid @green;
}
/* Extra stuff */
.CodeMirror {
.CodeMirror {
background: transparent;
}
.CodeMirror .CodeMirror-gutters {
background: transparent;
border-right: none;
}
.CodeMirror .CodeMirror-activeline-background {
background: transparent;
}
.CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
background: transparent;
color: @base2;
}
.CodeMirror-focused .CodeMirror-activeline-background {
background: @base2;
}
.CodeMirror-focused .CodeMirror-activeline {
.CodeMirror-gutter-elt {
background: rgba(0, 0, 0, 0.2);
color: #00FF00;
}
}
}
/* Non-editor styling */
.image-view,
.not-editor {
background-color: @base3;
}
.view-pane .image-view {
color: @base00;
}