Skip to content

Commit 22d7a9b

Browse files
S-r-f-lS-r-f-l
committed
make it less shiny
1 parent 99adf5a commit 22d7a9b

1 file changed

Lines changed: 110 additions & 75 deletions

File tree

‎website/src/css/custom.css‎

Lines changed: 110 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,146 +1,171 @@
11
/**
2-
* Professional RMMV Color Theme
2+
* Subtle Professional RMMV Color Theme
33
*/
44

55
:root {
6-
/* Primary KfW-inspired colors */
7-
--ifm-color-primary: #0066cc;
8-
--ifm-color-primary-dark: #0052a3;
9-
--ifm-color-primary-darker: #004d99;
10-
--ifm-color-primary-darkest: #003d7a;
11-
--ifm-color-primary-light: #1975d1;
12-
--ifm-color-primary-lighter: #2680d6;
13-
--ifm-color-primary-lightest: #4da6ff;
6+
/* Muted primary colors */
7+
--ifm-color-primary: #2563eb;
8+
--ifm-color-primary-dark: #1d4ed8;
9+
--ifm-color-primary-darker: #1e40af;
10+
--ifm-color-primary-darkest: #1e3a8a;
11+
--ifm-color-primary-light: #3b82f6;
12+
--ifm-color-primary-lighter: #60a5fa;
13+
--ifm-color-primary-lightest: #93c5fd;
1414

15-
/* Professional color palette */
15+
/* Subtle background colors */
1616
--ifm-background-color: #ffffff;
17-
--ifm-background-surface-color: #f8f9fa;
18-
--ifm-navbar-background-color: #0066cc;
19-
--ifm-footer-background-color: #1a1a1a;
17+
--ifm-background-surface-color: #fafbfc;
18+
--ifm-navbar-background-color: #374151;
19+
--ifm-footer-background-color: #1f2937;
2020
--ifm-code-font-size: 95%;
2121
}
2222

23-
/* Dark theme colors */
23+
/* Muted dark theme */
2424
[data-theme='dark'] {
25-
--ifm-color-primary: #4da6ff;
26-
--ifm-color-primary-dark: #2693ff;
27-
--ifm-color-primary-darker: #1a88ff;
28-
--ifm-color-primary-darkest: #0066cc;
29-
--ifm-color-primary-light: #70b9ff;
30-
--ifm-color-primary-lighter: #85c4ff;
31-
--ifm-color-primary-lightest: #b5daff;
25+
--ifm-color-primary: #60a5fa;
26+
--ifm-color-primary-dark: #3b82f6;
27+
--ifm-color-primary-darker: #2563eb;
28+
--ifm-color-primary-darkest: #1d4ed8;
29+
--ifm-color-primary-light: #93c5fd;
30+
--ifm-color-primary-lighter: #bfdbfe;
31+
--ifm-color-primary-lightest: #dbeafe;
3232

33-
--ifm-background-color: #1b1b1d;
34-
--ifm-background-surface-color: #2d2d30;
35-
--ifm-navbar-background-color: #2d2d30;
36-
--ifm-footer-background-color: #1a1a1a;
33+
--ifm-background-color: #0f172a;
34+
--ifm-background-surface-color: #1e293b;
35+
--ifm-navbar-background-color: #334155;
36+
--ifm-footer-background-color: #0f172a;
3737
}
3838

39-
/* Navbar styling */
39+
/* Subtle navbar - no gradients */
4040
.navbar {
41-
background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
42-
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
41+
background-color: var(--ifm-navbar-background-color);
42+
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
43+
border-bottom: 1px solid #e5e7eb;
4344
}
4445

4546
.navbar__title {
4647
color: white !important;
47-
font-weight: 600;
48+
font-weight: 500;
4849
}
4950

5051
.navbar__item--right .navbar__link {
51-
color: rgba(255,255,255,0.9) !important;
52+
color: rgba(255,255,255,0.85) !important;
5253
}
5354

5455
.navbar__item--right .navbar__link:hover {
5556
color: white !important;
5657
}
5758

58-
/* Footer styling */
59+
/* Subtle footer */
5960
.footer {
60-
background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);
61-
border-top: 3px solid var(--ifm-color-primary);
61+
background-color: var(--ifm-footer-background-color);
62+
border-top: 1px solid #e5e7eb;
63+
}
64+
65+
[data-theme='dark'] .footer {
66+
border-top: 1px solid #374151;
6267
}
6368

6469
.footer__title {
65-
color: white;
66-
font-weight: 600;
70+
color: #f9fafb;
71+
font-weight: 500;
6772
}
6873

6974
.footer__item {
70-
color: rgba(255,255,255,0.8);
75+
color: #d1d5db;
7176
}
7277

7378
.footer__link-item:hover {
7479
color: var(--ifm-color-primary-light);
7580
}
7681

77-
/* Content area improvements */
82+
/* Subtle content styling */
7883
.main-wrapper {
7984
background-color: var(--ifm-background-color);
8085
}
8186

82-
/* Card-like appearance for content */
87+
/* Minimal card styling */
8388
article {
8489
background: var(--ifm-background-surface-color);
85-
border-radius: 8px;
86-
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
90+
border-radius: 6px;
91+
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
92+
border: 1px solid #f3f4f6;
8793
padding: 2rem;
8894
margin: 1rem 0;
8995
}
9096

91-
/* Sidebar improvements */
97+
[data-theme='dark'] article {
98+
border: 1px solid #374151;
99+
}
100+
101+
/* Subtle sidebar */
92102
.theme-doc-sidebar-container {
93103
background-color: var(--ifm-background-surface-color);
94-
border-right: 1px solid #e1e4e8;
104+
border-right: 1px solid #f3f4f6;
105+
}
106+
107+
[data-theme='dark'] .theme-doc-sidebar-container {
108+
border-right: 1px solid #374151;
95109
}
96110

97111
.theme-doc-sidebar-item-link {
98-
border-radius: 6px;
99-
margin: 2px 0;
112+
border-radius: 4px;
113+
margin: 1px 0;
100114
}
101115

102116
.theme-doc-sidebar-item-link:hover {
103-
background-color: rgba(0, 102, 204, 0.1);
117+
background-color: rgba(37, 99, 235, 0.08);
104118
}
105119

106120
.theme-doc-sidebar-item-link-level-1.theme-doc-sidebar-item-link--active {
107-
background-color: rgba(0, 102, 204, 0.15);
108-
border-left: 3px solid var(--ifm-color-primary);
121+
background-color: rgba(37, 99, 235, 0.1);
122+
border-left: 2px solid var(--ifm-color-primary);
109123
}
110124

111-
/* Table improvements */
125+
/* Subtle table styling */
112126
table {
113127
border-collapse: collapse;
114-
border-radius: 8px;
128+
border-radius: 6px;
115129
overflow: hidden;
116-
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
130+
border: 1px solid #e5e7eb;
131+
}
132+
133+
[data-theme='dark'] table {
134+
border: 1px solid #374151;
117135
}
118136

119137
table th {
120-
background-color: var(--ifm-color-primary);
121-
color: white;
122-
font-weight: 600;
138+
background-color: #f9fafb;
139+
color: #374151;
140+
font-weight: 500;
141+
}
142+
143+
[data-theme='dark'] table th {
144+
background-color: #374151;
145+
color: #f9fafb;
123146
}
124147

125148
table tr:nth-child(even) {
126-
background-color: rgba(0, 102, 204, 0.05);
149+
background-color: #f9fafb;
150+
}
151+
152+
[data-theme='dark'] table tr:nth-child(even) {
153+
background-color: #1e293b;
127154
}
128155

129-
/* Code blocks */
156+
/* Subtle code blocks */
130157
.theme-code-block {
131-
border-radius: 8px;
132-
border: 1px solid #e1e4e8;
158+
border-radius: 6px;
159+
border: 1px solid #e5e7eb;
133160
}
134161

135-
/* Alerts and callouts */
136-
.alert {
137-
border-radius: 8px;
138-
border-left: 4px solid var(--ifm-color-primary);
162+
[data-theme='dark'] .theme-code-block {
163+
border: 1px solid #374151;
139164
}
140165

141-
/* Headings */
166+
/* Muted headings */
142167
h1, h2, h3, h4, h5, h6 {
143-
color: #1a1a1a;
168+
color: #111827;
144169
}
145170

146171
[data-theme='dark'] h1,
@@ -149,10 +174,10 @@ h1, h2, h3, h4, h5, h6 {
149174
[data-theme='dark'] h4,
150175
[data-theme='dark'] h5,
151176
[data-theme='dark'] h6 {
152-
color: #e1e4e8;
177+
color: #f9fafb;
153178
}
154179

155-
/* Links */
180+
/* Subtle links */
156181
a {
157182
color: var(--ifm-color-primary);
158183
text-decoration: none;
@@ -163,25 +188,35 @@ a:hover {
163188
text-decoration: underline;
164189
}
165190

166-
/* Pagination */
191+
/* Minimal pagination */
167192
.pagination-nav__link {
168-
border-radius: 8px;
169-
border: 1px solid #e1e4e8;
170-
transition: all 0.2s ease;
193+
border-radius: 6px;
194+
border: 1px solid #e5e7eb;
195+
transition: all 0.15s ease;
196+
}
197+
198+
[data-theme='dark'] .pagination-nav__link {
199+
border: 1px solid #374151;
171200
}
172201

173202
.pagination-nav__link:hover {
174203
border-color: var(--ifm-color-primary);
175-
box-shadow: 0 2px 8px rgba(0, 102, 204, 0.15);
204+
box-shadow: 0 1px 3px rgba(37, 99, 235, 0.1);
176205
}
177206

178-
/* Search */
207+
/* Subtle search */
179208
.DocSearch-Button {
180-
border-radius: 6px;
181-
background: rgba(255,255,255,0.1);
182-
border: 1px solid rgba(255,255,255,0.2);
209+
border-radius: 4px;
210+
background: rgba(255,255,255,0.08);
211+
border: 1px solid rgba(255,255,255,0.15);
183212
}
184213

185214
.DocSearch-Button:hover {
186-
background: rgba(255,255,255,0.15);
215+
background: rgba(255,255,255,0.12);
216+
}
217+
218+
/* Remove any remaining shine effects */
219+
* {
220+
-webkit-font-smoothing: antialiased;
221+
-moz-osx-font-smoothing: grayscale;
187222
}

0 commit comments

Comments
 (0)