Skip to content

Commit dce3cf8

Browse files
committed
Refactor code highlighting to use neutral color palette
Replace language-specific CSS variables (--c-*) with a shared neutral color palette (--code-*) that can be reused across different syntax highlighters. This reduces duplication and makes it easier to maintain consistent colors across C, Ruby, and future language highlighters. Changes: - Add --code-cyan and --code-gray to neutral palette - Remove --c-* semantic variables for C highlighting - Update .c-* classes to reference neutral --code-* variables
1 parent b3cbd47 commit dce3cf8

File tree

1 file changed

+16
-36
lines changed
  • lib/rdoc/generator/template/aliki/css

1 file changed

+16
-36
lines changed

lib/rdoc/generator/template/aliki/css/rdoc.css

Lines changed: 16 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -39,24 +39,14 @@
3939
--color-neutral-800: #292524;
4040
--color-neutral-900: #1c1917;
4141

42-
/* Code highlighting colors */
42+
/* Code highlighting colors - neutral palette for all syntax highlighters */
4343
--code-blue: #1d4ed8;
4444
--code-green: #047857;
4545
--code-orange: #d97706;
4646
--code-purple: #7e22ce;
4747
--code-red: #dc2626;
48-
49-
/* C syntax highlighting */
50-
--c-keyword: #b91c1c;
51-
--c-type: #0891b2;
52-
--c-macro: #ea580c;
53-
--c-function: #7c3aed;
54-
--c-identifier: #475569;
55-
--c-operator: #059669;
56-
--c-preprocessor: #a21caf;
57-
--c-value: #92400e;
58-
--c-string: #15803d;
59-
--c-comment: #78716c;
48+
--code-cyan: #0891b2;
49+
--code-gray: #78716c;
6050

6151
/* Color Palette - Green (for success states) */
6252
--color-green-400: #4ade80;
@@ -186,24 +176,14 @@
186176

187177
/* Dark Theme */
188178
[data-theme="dark"] {
189-
/* Code highlighting colors */
179+
/* Code highlighting colors - neutral palette for all syntax highlighters */
190180
--code-blue: #93c5fd;
191181
--code-green: #34d399;
192182
--code-orange: #fbbf24;
193183
--code-purple: #c084fc;
194184
--code-red: #f87171;
195-
196-
/* C syntax highlighting */
197-
--c-keyword: #f87171;
198-
--c-type: #22d3ee;
199-
--c-macro: #fb923c;
200-
--c-function: #a78bfa;
201-
--c-identifier: #94a3b8;
202-
--c-operator: #6ee7b7;
203-
--c-preprocessor: #e879f9;
204-
--c-value: #fcd34d;
205-
--c-string: #4ade80;
206-
--c-comment: #a8a29e;
185+
--code-cyan: #22d3ee;
186+
--code-gray: #a8a29e;
207187

208188
/* Semantic Colors - Dark Theme */
209189
--color-text-primary: var(--color-neutral-50);
@@ -1064,18 +1044,18 @@ main h6 a:hover {
10641044
[data-theme="dark"] .ruby-string { color: var(--code-green); }
10651045

10661046
/* C Syntax Highlighting */
1067-
.c-keyword { color: var(--c-keyword); }
1068-
.c-type { color: var(--c-type); }
1069-
.c-macro { color: var(--c-macro); }
1070-
.c-function { color: var(--c-function); }
1071-
.c-identifier { color: var(--c-identifier); }
1072-
.c-operator { color: var(--c-operator); }
1073-
.c-preprocessor { color: var(--c-preprocessor); }
1074-
.c-value { color: var(--c-value); }
1075-
.c-string { color: var(--c-string); }
1047+
.c-keyword { color: var(--code-red); }
1048+
.c-type { color: var(--code-cyan); }
1049+
.c-macro { color: var(--code-orange); }
1050+
.c-function { color: var(--code-purple); }
1051+
.c-identifier { color: var(--color-text-secondary); }
1052+
.c-operator { color: var(--code-green); }
1053+
.c-preprocessor { color: var(--code-purple); }
1054+
.c-value { color: var(--code-orange); }
1055+
.c-string { color: var(--code-green); }
10761056

10771057
.c-comment {
1078-
color: var(--c-comment);
1058+
color: var(--code-gray);
10791059
font-style: italic;
10801060
}
10811061

0 commit comments

Comments
 (0)