Skip to content

Commit c1678e0

Browse files
st0012taea
st0012
and
taea
committed
Update colors
Co-authored-by: taea <[email protected]>
1 parent b83f141 commit c1678e0

File tree

1 file changed

+85
-78
lines changed
  • lib/rdoc/generator/template/aliki/css

1 file changed

+85
-78
lines changed

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

Lines changed: 85 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -29,34 +29,35 @@
2929
/* Light Theme (Default) */
3030
:root {
3131
/* Color Palette - Primary */
32-
--color-primary-50: #fef2f2;
33-
--color-primary-100: #fee2e2;
34-
--color-primary-200: #fecaca;
35-
--color-primary-300: #fca5a5;
36-
--color-primary-400: #f87171;
37-
--color-primary-500: #ef4444;
38-
--color-primary-600: #dc2626;
39-
--color-primary-700: #b91c1c;
40-
--color-primary-800: #991b1b;
41-
--color-primary-900: #7f1d1d;
42-
43-
/* Color Palette - Neutral (Grays) */
44-
--color-neutral-50: #f8f9fa;
45-
--color-neutral-100: #f0f2f5;
46-
--color-neutral-200: #e5e5e5;
47-
--color-neutral-300: #d4d4d4;
48-
--color-neutral-400: #a3a3a3;
49-
--color-neutral-500: #737373;
50-
--color-neutral-600: #525252;
51-
--color-neutral-700: #404040;
52-
--color-neutral-800: #262626;
53-
--color-neutral-900: #171717;
54-
55-
/* Color Palette - Blue (for links) */
56-
--color-blue-400: #60a5fa;
57-
--color-blue-500: #3b82f6;
58-
--color-blue-600: #2563eb;
59-
--color-blue-700: #1d4ed8;
32+
--color-primary-50: #fdeae9;
33+
--color-primary-100: #fadad3;
34+
--color-primary-200: #f8bfbd;
35+
--color-primary-300: #f5a9a7;
36+
--color-primary-400: #f07f7b;
37+
--color-primary-500: #eb544f;
38+
--color-primary-600: #e62923;
39+
--color-primary-700: #b8211c;
40+
--color-primary-800: #8a1915;
41+
--color-primary-900: #5c100e;
42+
43+
/* Color Palette - Neutral */
44+
--color-neutral-50: #fafaf9;
45+
--color-neutral-100: #f5f5f4;
46+
--color-neutral-200: #e7e5e4;
47+
--color-neutral-300: #d6d3d1;
48+
--color-neutral-400: #a8a29e;
49+
--color-neutral-500: #78716c;
50+
--color-neutral-600: #57534e;
51+
--color-neutral-700: #44403c;
52+
--color-neutral-800: #292524;
53+
--color-neutral-900: #1c1917;
54+
55+
/* Code highlighting colors */
56+
--code-blue: #1d4ed8;
57+
--code-green: #047857;
58+
--code-orange: #d97706;
59+
--code-purple: #7e22ce;
60+
--code-red: #dc2626;
6061

6162
/* Color Palette - Green (for success states) */
6263
--color-green-400: #4ade80;
@@ -78,9 +79,9 @@
7879
--color-border-subtle: var(--color-neutral-200);
7980
--color-border-emphasis: var(--color-neutral-400);
8081

81-
--color-link-default: #42405F;
82-
--color-link-hover: var(--color-primary-600);
83-
--color-link-visited: #5a5875;
82+
--color-link-default: var(--color-primary-600);
83+
--color-link-hover: var(--color-primary-700);
84+
--color-link-visited: var(--color-primary-800);
8485

8586
--color-accent-primary: var(--color-primary-600);
8687
--color-accent-hover: var(--color-primary-700);
@@ -97,7 +98,7 @@
9798

9899
--color-search-bg: var(--color-neutral-50);
99100
--color-search-border: var(--color-neutral-300);
100-
--color-search-focus-border: var(--color-primary-500);
101+
--color-search-focus-border: var(--color-primary-600);
101102

102103
--color-emphasis-bg: var(--color-primary-50);
103104
--color-emphasis-text: var(--color-primary-700);
@@ -201,43 +202,50 @@
201202

202203
/* Dark Theme */
203204
[data-theme="dark"] {
205+
/* Code highlighting colors */
206+
--code-blue: #60a5fa;
207+
--code-green: #34d399;
208+
--code-orange: #fbbf24;
209+
--code-purple: #c084fc;
210+
--code-red: #f87171;
211+
204212
/* Semantic Colors - Dark Theme */
205-
--color-text-primary: #e5e7eb;
206-
--color-text-secondary: #9ca3af;
207-
--color-text-tertiary: #6b7280;
213+
--color-text-primary: var(--color-neutral-50);
214+
--color-text-secondary: var(--color-neutral-200);
215+
--color-text-tertiary: var(--color-neutral-400);
208216
--color-text-inverse: var(--color-neutral-900);
209217

210-
--color-background-primary: #0f172a;
211-
--color-background-secondary: #1e293b;
212-
--color-background-tertiary: #334155;
213-
--color-background-elevated: #1e293b;
218+
--color-background-primary: var(--color-neutral-900);
219+
--color-background-secondary: var(--color-neutral-800);
220+
--color-background-tertiary: var(--color-neutral-700);
221+
--color-background-elevated: var(--color-neutral-800);
214222

215-
--color-border-default: #334155;
216-
--color-border-subtle: #1e293b;
217-
--color-border-emphasis: #475569;
223+
--color-border-default: var(--color-neutral-600);
224+
--color-border-subtle: var(--color-neutral-700);
225+
--color-border-emphasis: var(--color-neutral-300);
218226

219-
--color-link-default: #c7d2fe;
227+
--color-link-default: var(--color-primary-500);
220228
--color-link-hover: var(--color-primary-400);
221-
--color-link-visited: #ddd6fe;
229+
--color-link-visited: var(--color-primary-300);
222230

223231
--color-accent-primary: var(--color-primary-500);
224232
--color-accent-hover: var(--color-primary-400);
225-
--color-accent-subtle: rgba(239, 68, 68, 0.1);
233+
--color-accent-subtle: rgba(235, 84, 79, 0.1);
226234

227-
--color-code-bg: #1e293b;
228-
--color-code-border: #334155;
229-
--color-code-text: #e5e7eb;
235+
--color-code-bg: var(--color-neutral-800);
236+
--color-code-border: var(--color-neutral-700);
237+
--color-code-text: var(--color-neutral-50);
230238

231-
--color-nav-bg: #0f172a;
232-
--color-nav-border: #334155;
233-
--color-nav-text: #d1d5db;
234-
--color-nav-hover-bg: #1e293b;
239+
--color-nav-bg: var(--color-neutral-900);
240+
--color-nav-border: var(--color-neutral-600);
241+
--color-nav-text: var(--color-neutral-50);
242+
--color-nav-hover-bg: var(--color-neutral-800);
235243

236-
--color-search-bg: #1e293b;
237-
--color-search-border: #475569;
238-
--color-search-focus-border: var(--color-primary-400);
244+
--color-search-bg: var(--color-neutral-800);
245+
--color-search-border: var(--color-neutral-600);
246+
--color-search-focus-border: var(--color-primary-500);
239247

240-
--color-emphasis-bg: rgba(239, 68, 68, 0.15);
248+
--color-emphasis-bg: rgba(235, 84, 79, 0.15);
241249
--color-emphasis-text: var(--color-primary-300);
242250

243251
/* Dark theme shadows (slightly more subtle) */
@@ -1113,30 +1121,29 @@ main h5, main h6 {
11131121
font-family: var(--font-code);
11141122
}
11151123

1116-
/* Syntax Highlighting - Gruvbox Light Scheme */
1117-
1118-
.ruby-constant { color: #AF3A03; } /* Dark Orange */
1119-
.ruby-keyword { color: #9D0006; } /* Dark Red */
1120-
.ruby-ivar { color: #B57614; } /* Brown */
1121-
.ruby-operator { color: #427B58; } /* Dark Teal */
1122-
.ruby-identifier { color: #076678; } /* Deep Teal */
1123-
.ruby-node { color: #8F3F71; } /* Plum */
1124-
.ruby-comment { color: #928374; font-style: italic; } /* Gray */
1125-
.ruby-regexp { color: #8F3F71; } /* Plum */
1126-
.ruby-value { color: #AF3A03; } /* Dark Orange */
1127-
.ruby-string { color: #79740E; } /* Olive */
1124+
/* Syntax Highlighting - Light Theme */
1125+
.ruby-constant { color: var(--code-orange); }
1126+
.ruby-keyword { color: var(--code-red); }
1127+
.ruby-ivar { color: var(--code-orange); }
1128+
.ruby-operator { color: var(--code-green); }
1129+
.ruby-identifier { color: var(--code-blue); }
1130+
.ruby-node { color: var(--code-purple); }
1131+
.ruby-comment { color: var(--color-neutral-500); font-style: italic; }
1132+
.ruby-regexp { color: var(--code-purple); }
1133+
.ruby-value { color: var(--code-orange); }
1134+
.ruby-string { color: var(--code-green); }
11281135

11291136
/* Syntax Highlighting - Dark Theme */
1130-
[data-theme="dark"] .ruby-constant { color: #fe8019; } /* Bright Orange */
1131-
[data-theme="dark"] .ruby-keyword { color: #fb4934; } /* Bright Red */
1132-
[data-theme="dark"] .ruby-ivar { color: #fabd2f; } /* Bright Yellow */
1133-
[data-theme="dark"] .ruby-operator { color: #8ec07c; } /* Bright Teal */
1134-
[data-theme="dark"] .ruby-identifier { color: #83a598; } /* Bright Blue */
1135-
[data-theme="dark"] .ruby-node { color: #d3869b; } /* Bright Purple */
1136-
[data-theme="dark"] .ruby-comment { color: #928374; font-style: italic; } /* Gray */
1137-
[data-theme="dark"] .ruby-regexp { color: #d3869b; } /* Bright Purple */
1138-
[data-theme="dark"] .ruby-value { color: #fe8019; } /* Bright Orange */
1139-
[data-theme="dark"] .ruby-string { color: #b8bb26; } /* Bright Green */
1137+
[data-theme="dark"] .ruby-constant { color: var(--code-orange); }
1138+
[data-theme="dark"] .ruby-keyword { color: var(--code-red); }
1139+
[data-theme="dark"] .ruby-ivar { color: var(--code-orange); }
1140+
[data-theme="dark"] .ruby-operator { color: var(--code-green); }
1141+
[data-theme="dark"] .ruby-identifier { color: var(--code-blue); }
1142+
[data-theme="dark"] .ruby-node { color: var(--code-purple); }
1143+
[data-theme="dark"] .ruby-comment { color: var(--color-neutral-400); font-style: italic; }
1144+
[data-theme="dark"] .ruby-regexp { color: var(--code-purple); }
1145+
[data-theme="dark"] .ruby-value { color: var(--code-orange); }
1146+
[data-theme="dark"] .ruby-string { color: var(--code-green); }
11401147

11411148
/* Emphasis */
11421149
em {

0 commit comments

Comments
 (0)