Skip to content

Commit d8a6ca1

Browse files
dschachdschach
authored
style(CSS): create Monokai Sublime Apex theme (#18)
Very close to VSCode and SublimeText theme for Monokai for Apex
1 parent db899a7 commit d8a6ca1

File tree

1 file changed

+158
-0
lines changed

1 file changed

+158
-0
lines changed

‎src/styles/monokai-sublime-apex.css

+158
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
pre code.hljs {
2+
display: block;
3+
overflow-x: auto;
4+
padding: 1em;
5+
}
6+
code.hljs {
7+
padding: 3px 5px;
8+
}
9+
/*
10+
11+
Monokai Sublime Apex style derived from Sublime MavensMate Monokai theme by David Schach https://github.com/dschach
12+
Sublime MavensMate Monokai theme by SubC4i https://github.com/SubC4i/Sublime-MavensMate-Monokai
13+
Monokai-Sublime style derived from Monokai by noformnocontent http://nn.mit-license.org/
14+
Monokai color scheme by Wimer Hazenberg 2006 https://monokai.nl/
15+
*/
16+
17+
.hljs {
18+
background-color: #272822;
19+
background: #272822;
20+
color: #f8f8f2;
21+
}
22+
.hljs-addition {
23+
color: #a6e22e;
24+
background: #66852880;
25+
}
26+
.hljs-attr,
27+
.hljs-keyword,
28+
.hljs-name,
29+
.hljs-operator,
30+
.hljs-selector-tag,
31+
.hljs-variable.language_ {
32+
color: #f92672;
33+
}
34+
.hljs-attribute,
35+
.hljs-meta,
36+
.hljs-selector-attr,
37+
.hljs-symbol {
38+
color: #66d9ef;
39+
}
40+
.hljs-built_in,
41+
.hljs-emphasis,
42+
.hljs-type {
43+
color: #66d9ef;
44+
font-style: italic;
45+
}
46+
.hljs-bullet,
47+
.hljs-meta .hljs-string,
48+
.hljs-selector-id,
49+
.hljs-template-variable {
50+
color: #e6db74;
51+
}
52+
.hljs-char.escape_,
53+
.hljs-literal,
54+
.hljs-regexp,
55+
.hljs-variable.constant_ {
56+
color: #ae81ff;
57+
}
58+
.hljs-code {
59+
color: #fd971f;
60+
}
61+
.hljs-comment {
62+
color: #75715e;
63+
}
64+
.hljs-deletion {
65+
color: #f92672;
66+
background: #90274a80;
67+
}
68+
.hljs-doctag {
69+
color: #f92672;
70+
font-style: bold;
71+
}
72+
.hljs-formula {
73+
color: #fd971f;
74+
font-style: italic;
75+
}
76+
.hljs-link {
77+
color: #ae81ff;
78+
text-decoration: underline;
79+
}
80+
.hljs-meta .hljs-keyword,
81+
.hljs-params .hljs-variable {
82+
color: #fd971f;
83+
}
84+
.hljs-comment .hljs-variable {
85+
color: #fd971f;
86+
font-style: italic;
87+
}
88+
.hljs-meta .hljs-string,
89+
.hljs-quote {
90+
color: #cfcfc2;
91+
}
92+
.hljs-number {
93+
color: #ae81ff;
94+
font-style: normal;
95+
}
96+
.hljs-params,
97+
.hljs-property,
98+
.hljs-punctuation,
99+
.hljs-selector-pseudo,
100+
.hljs-subst,
101+
.hljs-tag,
102+
.hljs-variable {
103+
color: #f8f8f2;
104+
}
105+
.hljs-string {
106+
color: #e6db74;
107+
font-style: normal;
108+
}
109+
.hljs-strong {
110+
color: #66d9ef;
111+
font-style: bold;
112+
}
113+
.hljs-template-tag,
114+
.hljs-section,
115+
.hljs-selector-class,
116+
.hljs-title.class_,
117+
.hljs-title.function_,
118+
.hljs-title.function_.invoke__,
119+
.hljs-title {
120+
color: #a6e22e;
121+
}
122+
.hljs-title.class_.inherited__ {
123+
color: #a6e22eff;
124+
font-style: italic;
125+
}
126+
.hljs-comment .hljs-code {
127+
font-family: monospace, monospace;
128+
}
129+
.hljs-hidden,
130+
.hljs-string .hljs-hidden {
131+
display: none;
132+
}
133+
134+
.hljs-soql {
135+
color: #66d9ef;
136+
font-style: italic;
137+
}
138+
.hljs-soql .hljs-variable {
139+
color: #f8f8f2;
140+
font-style: normal;
141+
}
142+
.hljs-soql .hljs-keyword {
143+
color: #fd971f;
144+
}
145+
.hljs-soql .hljs-punctuation {
146+
font-style: normal;
147+
}
148+
.hljs-soql .hljs-title.function_.invoke__ {
149+
color: #a6e22e;
150+
font-style: normal;
151+
}
152+
.hljs-soql .hljs-operator {
153+
font-style: normal;
154+
}
155+
.hljs-soql .hljs-title.function_ {
156+
color: #66d9ef;
157+
font-style: italic;
158+
}

0 commit comments

Comments
 (0)