Skip to content

Commit 7ce061a

Browse files
pepc84pepc84
committed
Editor: dark mode toggle with cppmode-dark theme
1 parent 77cd2cc commit 7ce061a

1 file changed

Lines changed: 84 additions & 0 deletions

File tree

‎assets/cppmode-theme.css‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,3 +58,87 @@
5858
.cm-s-cppmode .cm-cppmode-k4 { color: #DB4D7A; } /* special */
5959
.cm-s-cppmode .cm-cppmode-f1 { color: #006698; } /* functions */
6060
.cm-s-cppmode .cm-cppmode-f2 { color: #006698; font-weight: bold; }
61+
62+
/* ── Dark mode variant ─────────────────────────────────────────── */
63+
.cm-s-cppmode-dark.CodeMirror {
64+
background: #1a1a2e;
65+
color: #e0e0e0;
66+
font-family: 'Source Code Pro', 'Consolas', monospace;
67+
}
68+
.cm-s-cppmode-dark .CodeMirror-gutters {
69+
background: #16213e;
70+
border-right: 1px solid #0f3460;
71+
color: #555577;
72+
}
73+
.cm-s-cppmode-dark .CodeMirror-cursor { border-left: 2px solid #e8b400; }
74+
.cm-s-cppmode-dark .CodeMirror-selected { background: #0f3460; }
75+
.cm-s-cppmode-dark .CodeMirror-activeline-background { background: #16213e; }
76+
.cm-s-cppmode-dark .CodeMirror-matchingbracket { color: #fff !important; background: #1a4a2e; }
77+
.cm-s-cppmode-dark .cm-function2 { color: #4fc3f7; }
78+
.cm-s-cppmode-dark .cm-function4 { color: #4fc3f7; font-weight: bold; }
79+
.cm-s-cppmode-dark .cm-keyword { color: #4db6ac; }
80+
.cm-s-cppmode-dark .cm-keyword1 { color: #4db6ac; }
81+
.cm-s-cppmode-dark .cm-keyword2 { color: #4db6ac; }
82+
.cm-s-cppmode-dark .cm-keyword6 { color: #4db6ac; }
83+
.cm-s-cppmode-dark .cm-keyword3 { color: #aed581; }
84+
.cm-s-cppmode-dark .cm-keyword4 { color: #f48fb1; }
85+
.cm-s-cppmode-dark .cm-keyword5 { color: #ffb74d; }
86+
.cm-s-cppmode-dark .cm-type { color: #ffb74d; }
87+
.cm-s-cppmode-dark .cm-literal1 { color: #a5d6a7; }
88+
.cm-s-cppmode-dark .cm-literal2 { color: #ce93d8; }
89+
.cm-s-cppmode-dark .cm-string { color: #a5d6a7; }
90+
.cm-s-cppmode-dark .cm-string-2 { color: #a5d6a7; }
91+
.cm-s-cppmode-dark .cm-number { color: #e8b400; }
92+
.cm-s-cppmode-dark .cm-comment { color: #607d8b; font-style: italic; }
93+
.cm-s-cppmode-dark .cm-preprocessor { color: #ffb74d; }
94+
.cm-s-cppmode-dark .cm-operator { color: #4fc3f7; }
95+
.cm-s-cppmode-dark .cm-variable { color: #e0e0e0; }
96+
.cm-s-cppmode-dark .cm-error { color: #ef9a9a; font-weight: bold; }
97+
.cm-s-cppmode-dark .cm-cppmode-k5 { color: #ffb74d; }
98+
.cm-s-cppmode-dark .cm-cppmode-k6 { color: #4db6ac; }
99+
.cm-s-cppmode-dark .cm-cppmode-k3 { color: #aed581; }
100+
.cm-s-cppmode-dark .cm-cppmode-k4 { color: #f48fb1; }
101+
.cm-s-cppmode-dark .cm-cppmode-f1 { color: #4fc3f7; }
102+
.cm-s-cppmode-dark .cm-cppmode-f2 { color: #4fc3f7; font-weight: bold; }
103+
104+
/* ── Dark mode variant ─────────────────────────────────────────── */
105+
.cm-s-cppmode-dark.CodeMirror {
106+
background: #1a1a2e;
107+
color: #e0e0e0;
108+
font-family: 'Source Code Pro', 'Consolas', monospace;
109+
}
110+
.cm-s-cppmode-dark .CodeMirror-gutters {
111+
background: #16213e;
112+
border-right: 1px solid #0f3460;
113+
color: #555577;
114+
}
115+
.cm-s-cppmode-dark .CodeMirror-cursor { border-left: 2px solid #e8b400; }
116+
.cm-s-cppmode-dark .CodeMirror-selected { background: #0f3460; }
117+
.cm-s-cppmode-dark .CodeMirror-activeline-background { background: #16213e; }
118+
.cm-s-cppmode-dark .CodeMirror-matchingbracket { color: #fff !important; background: #1a4a2e; }
119+
.cm-s-cppmode-dark .cm-function2 { color: #4fc3f7; }
120+
.cm-s-cppmode-dark .cm-function4 { color: #4fc3f7; font-weight: bold; }
121+
.cm-s-cppmode-dark .cm-keyword { color: #4db6ac; }
122+
.cm-s-cppmode-dark .cm-keyword1 { color: #4db6ac; }
123+
.cm-s-cppmode-dark .cm-keyword2 { color: #4db6ac; }
124+
.cm-s-cppmode-dark .cm-keyword6 { color: #4db6ac; }
125+
.cm-s-cppmode-dark .cm-keyword3 { color: #aed581; }
126+
.cm-s-cppmode-dark .cm-keyword4 { color: #f48fb1; }
127+
.cm-s-cppmode-dark .cm-keyword5 { color: #ffb74d; }
128+
.cm-s-cppmode-dark .cm-type { color: #ffb74d; }
129+
.cm-s-cppmode-dark .cm-literal1 { color: #a5d6a7; }
130+
.cm-s-cppmode-dark .cm-literal2 { color: #ce93d8; }
131+
.cm-s-cppmode-dark .cm-string { color: #a5d6a7; }
132+
.cm-s-cppmode-dark .cm-string-2 { color: #a5d6a7; }
133+
.cm-s-cppmode-dark .cm-number { color: #e8b400; }
134+
.cm-s-cppmode-dark .cm-comment { color: #607d8b; font-style: italic; }
135+
.cm-s-cppmode-dark .cm-preprocessor { color: #ffb74d; }
136+
.cm-s-cppmode-dark .cm-operator { color: #4fc3f7; }
137+
.cm-s-cppmode-dark .cm-variable { color: #e0e0e0; }
138+
.cm-s-cppmode-dark .cm-error { color: #ef9a9a; font-weight: bold; }
139+
.cm-s-cppmode-dark .cm-cppmode-k5 { color: #ffb74d; }
140+
.cm-s-cppmode-dark .cm-cppmode-k6 { color: #4db6ac; }
141+
.cm-s-cppmode-dark .cm-cppmode-k3 { color: #aed581; }
142+
.cm-s-cppmode-dark .cm-cppmode-k4 { color: #f48fb1; }
143+
.cm-s-cppmode-dark .cm-cppmode-f1 { color: #4fc3f7; }
144+
.cm-s-cppmode-dark .cm-cppmode-f2 { color: #4fc3f7; font-weight: bold; }

0 commit comments

Comments
 (0)