Skip to content

Commit 3d6ae5f

Browse files
pepc84pepc84
committed
Dark mode: vibrant Catppuccin colors, black/white button
1 parent c61a439 commit 3d6ae5f

1 file changed

Lines changed: 47 additions & 35 deletions

File tree

‎assets/cppmode-theme.css‎

Lines changed: 47 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -61,42 +61,54 @@
6161

6262
/* ── Dark mode variant ─────────────────────────────────────────── */
6363
.cm-s-cppmode-dark.CodeMirror {
64-
background: #1a1a2e;
65-
color: #e0e0e0;
64+
background: #1e1e2e;
65+
color: #cdd6f4;
6666
font-family: 'Source Code Pro', 'Consolas', monospace;
6767
}
6868
.cm-s-cppmode-dark .CodeMirror-gutters {
69-
background: #16213e;
70-
border-right: 1px solid #0f3460;
71-
color: #555577;
69+
background: #181825;
70+
border-right: 1px solid #313244;
71+
color: #6c7086;
7272
}
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; }
73+
.cm-s-cppmode-dark .CodeMirror-cursor { border-left: 2px solid #f5c2e7; }
74+
.cm-s-cppmode-dark .CodeMirror-selected { background: #313244; }
75+
.cm-s-cppmode-dark .CodeMirror-activeline-background { background: #181825; }
76+
.cm-s-cppmode-dark .CodeMirror-matchingbracket { color: #a6e3a1 !important; background: #313244; }
77+
/* functions: sky blue */
78+
.cm-s-cppmode-dark .cm-function2 { color: #89dceb; }
79+
.cm-s-cppmode-dark .cm-function4 { color: #89dceb; font-weight: bold; }
80+
.cm-s-cppmode-dark .cm-cppmode-f1 { color: #89dceb; }
81+
.cm-s-cppmode-dark .cm-cppmode-f2 { color: #89dceb; font-weight: bold; }
82+
/* keywords (if/for/while): green */
83+
.cm-s-cppmode-dark .cm-keyword { color: #a6e3a1; }
84+
.cm-s-cppmode-dark .cm-keyword1 { color: #a6e3a1; }
85+
.cm-s-cppmode-dark .cm-keyword2 { color: #a6e3a1; }
86+
.cm-s-cppmode-dark .cm-keyword6 { color: #a6e3a1; }
87+
.cm-s-cppmode-dark .cm-cppmode-k6 { color: #a6e3a1; }
88+
/* keyword3 (true/false): teal */
89+
.cm-s-cppmode-dark .cm-keyword3 { color: #94e2d5; }
90+
.cm-s-cppmode-dark .cm-cppmode-k3 { color: #94e2d5; }
91+
/* keyword4: pink */
92+
.cm-s-cppmode-dark .cm-keyword4 { color: #f38ba8; }
93+
.cm-s-cppmode-dark .cm-cppmode-k4 { color: #f38ba8; }
94+
/* types (int float color): peach/orange */
95+
.cm-s-cppmode-dark .cm-keyword5 { color: #fab387; }
96+
.cm-s-cppmode-dark .cm-type { color: #fab387; }
97+
.cm-s-cppmode-dark .cm-cppmode-k5 { color: #fab387; }
98+
/* strings: green */
99+
.cm-s-cppmode-dark .cm-literal1 { color: #a6e3a1; }
100+
.cm-s-cppmode-dark .cm-literal2 { color: #cba6f7; }
101+
.cm-s-cppmode-dark .cm-string { color: #a6e3a1; }
102+
.cm-s-cppmode-dark .cm-string-2 { color: #a6e3a1; }
103+
/* numbers: peach */
104+
.cm-s-cppmode-dark .cm-number { color: #fab387; }
105+
/* comments: overlay */
106+
.cm-s-cppmode-dark .cm-comment { color: #6c7086; font-style: italic; }
107+
/* preprocessor: mauve */
108+
.cm-s-cppmode-dark .cm-preprocessor { color: #cba6f7; }
109+
/* operators: sky */
110+
.cm-s-cppmode-dark .cm-operator { color: #89dceb; }
111+
/* variables: text */
112+
.cm-s-cppmode-dark .cm-variable { color: #cdd6f4; }
113+
/* error */
114+
.cm-s-cppmode-dark .cm-error { color: #f38ba8; font-weight: bold; }

0 commit comments

Comments
 (0)