Skip to content

Commit 6deb4f6

Browse files
aheckmannaheckmann
committed
chore: new primary colors
1 parent 3eb1979 commit 6deb4f6

File tree

1 file changed

+38
-85
lines changed

1 file changed

+38
-85
lines changed

‎src/css/custom.css

Lines changed: 38 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
/* You can override the default Infima variables here. */
1010
:root {
11-
--ifm-color-primary: #004eff;
11+
--ifm-color-primary: #006399;
1212
--ifm-color-primary-dark: #1b47c2;
1313
--ifm-color-primary-darker: #1941b1;
1414
--ifm-color-primary-darkest: #153693;
@@ -25,7 +25,7 @@
2525

2626
/* For readability concerns, you should choose a lighter palette in dark mode. */
2727
[data-theme='dark'] {
28-
--ifm-color-primary: #3e76ff;
28+
--ifm-color-primary: #006399;
2929
--ifm-color-primary-dark: #1b47c2;
3030
--ifm-color-primary-darker: #1941b1;
3131
--ifm-color-primary-darkest: #153693;
@@ -37,6 +37,7 @@
3737
}
3838

3939
@media (min-width: 1536px) {
40+
4041
body,
4142
.navbar {
4243
display: flex;
@@ -75,19 +76,14 @@
7576
padding-block-end: 0.5rem;
7677
}
7778

78-
.theme-doc-sidebar-item-category-level-1
79-
> .menu__list-item-collapsible
80-
> .menu__link--sublist {
79+
.theme-doc-sidebar-item-category-level-1>.menu__list-item-collapsible>.menu__link--sublist {
8180
font-size: 13px;
8281
font-weight: 600;
8382
line-height: 20px;
8483
color: #213547;
8584
}
8685

87-
[data-theme='dark']
88-
.theme-doc-sidebar-item-category-level-1
89-
> .menu__list-item-collapsible
90-
> .menu__link--sublist {
86+
[data-theme='dark'] .theme-doc-sidebar-item-category-level-1>.menu__list-item-collapsible>.menu__link--sublist {
9187
color: rgb(255, 255, 255, 0.87);
9288
}
9389

@@ -116,33 +112,30 @@
116112
.menu__link--active:not(.menu__link--sublist) {
117113
font-weight: 600;
118114
transition: color 0.25s;
119-
color: #3e76ff;
115+
color: #006399;
120116
font-size: 13px;
121117
border-left-style: solid;
122118
border-left-width: 4px;
123119
padding-left: 8px !important;
124120
}
125121

126-
.menu__link--active:is(
127-
.theme-doc-sidebar-item-category-level-2
128-
> .menu__list-item-collapsible
129-
> .menu__link--sublist
130-
) {
122+
[data-theme="dark"] a,
123+
[data-theme="dark"] .menu__link--active:not(.menu__link--sublist),
124+
[data-theme="dark"] .breadcrumbs__item--active .breadcrumbs__link {
125+
color: #2690C9;
126+
}
127+
128+
.menu__link--active:is(.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible > .menu__link--sublist) {
131129
font-weight: 600;
132130
transition: color 0.25s;
133-
color: #3e76ff;
131+
color: #006399;
134132
font-size: 13px;
135133
border-left-style: solid;
136134
border-left-width: 4px;
137135
padding-left: 8px !important;
138136
}
139137

140-
[data-theme='dark']
141-
.theme-doc-sidebar-item-category-level-2:has(
142-
> ul.menu__list > li > a.menu__link--active
143-
)
144-
> .menu__list-item-collapsible
145-
> a.menu__link {
138+
[data-theme='dark'] .theme-doc-sidebar-item-category-level-2:has(> ul.menu__list > li > a.menu__link--active)>.menu__list-item-collapsible>a.menu__link {
146139
border-left-style: none;
147140
border-left-width: 0px;
148141
color: rgb(235, 235, 235, 0.6);
@@ -156,11 +149,7 @@
156149
padding: 6px 12px !important;
157150
}
158151

159-
.theme-doc-sidebar-item-category-level-2:has(
160-
> ul.menu__list > li > a.menu__link--active
161-
)
162-
> .menu__list-item-collapsible
163-
> a.menu__link {
152+
.theme-doc-sidebar-item-category-level-2:has(> ul.menu__list > li > a.menu__link--active)>.menu__list-item-collapsible>a.menu__link {
164153
border-left-style: none;
165154
border-left-width: 0px;
166155
color: rgba(60, 60, 60, 0.7);
@@ -181,23 +170,14 @@
181170
transition: color 0.5s;
182171
}
183172

184-
[data-theme='dark']
185-
.theme-doc-sidebar-item-category-level-2:has(
186-
> ul.menu__list > li > a.menu__link--active
187-
)
188-
> .menu__list-item-collapsible
189-
> a.menu__link:hover {
173+
[data-theme='dark'] .theme-doc-sidebar-item-category-level-2:has(> ul.menu__list > li > a.menu__link--active)>.menu__list-item-collapsible>a.menu__link:hover {
190174
color: rgb(255, 255, 255);
191175
font-size: 13px;
192176
font-weight: 600;
193177
transition: color 0.5s;
194178
}
195179

196-
.theme-doc-sidebar-item-category-level-2:has(
197-
> ul.menu__list > li > a.menu__link--active
198-
)
199-
> .menu__list-item-collapsible
200-
> a.menu__link:hover {
180+
.theme-doc-sidebar-item-category-level-2:has(> ul.menu__list > li > a.menu__link--active)>.menu__list-item-collapsible>a.menu__link:hover {
201181
color: #213447;
202182
font-size: 13px;
203183
font-weight: 600;
@@ -213,20 +193,15 @@
213193

214194
.theme-doc-sidebar-menu .menu__list-item .menu__caret:before,
215195
.theme-doc-sidebar-menu .menu__list-item .menu__link--sublist:after {
216-
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwIDggNmwtNCA0IiBzdHJva2U9IiMxQjI3MzgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=)
217-
50% no-repeat;
196+
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwIDggNmwtNCA0IiBzdHJva2U9IiMxQjI3MzgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) 50% no-repeat;
218197
height: 1.5rem;
219198
min-height: 29.5px;
220199
min-width: 1.5rem;
221200
width: 1.5rem;
222201
background-size: 12px 12px;
223202
}
224203

225-
.theme-doc-sidebar-item-category-level-1
226-
> .menu__list-item-collapsible
227-
> .menu__link--sublist.theme-doc-sidebar-menu
228-
.menu__list-item
229-
.menu__caret:before,
204+
.theme-doc-sidebar-item-category-level-1>.menu__list-item-collapsible>.menu__link--sublist.theme-doc-sidebar-menu .menu__list-item .menu__caret:before,
230205
.theme-doc-sidebar-menu .menu__list-item .menu__link--sublist:after {
231206
background: none;
232207
height: 1.5rem;
@@ -235,14 +210,9 @@
235210
width: 1.5rem;
236211
}
237212

238-
.theme-doc-sidebar-item-category-level-3
239-
> .menu__list-item-collapsible
240-
> .menu__link--sublist.theme-doc-sidebar-menu
241-
.menu__list-item
242-
.menu__caret:before,
213+
.theme-doc-sidebar-item-category-level-3>.menu__list-item-collapsible>.menu__link--sublist.theme-doc-sidebar-menu .menu__list-item .menu__caret:before,
243214
.theme-doc-sidebar-menu .menu__list-item .menu__link--sublist:after {
244-
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwIDggNmwtNCA0IiBzdHJva2U9IiMxQjI3MzgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=)
245-
50% no-repeat;
215+
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwIDggNmwtNCA0IiBzdHJva2U9IiMxQjI3MzgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) 50% no-repeat;
246216
height: 1.5rem;
247217
min-height: 29.5px;
248218
min-width: 1.5rem;
@@ -251,23 +221,17 @@
251221
background-size: 12px 12px;
252222
}
253223

254-
.theme-doc-sidebar-item-category-level-2
255-
> .menu__list-item-collapsible
256-
> .menu__link--sublist {
224+
.theme-doc-sidebar-item-category-level-2>.menu__list-item-collapsible>.menu__link--sublist {
257225
margin-bottom: -6px;
258226
margin-top: -6px;
259227
}
260228

261-
.theme-doc-sidebar-item-category-level-3
262-
> .menu__list-item-collapsible
263-
> .menu__link--sublist {
229+
.theme-doc-sidebar-item-category-level-3>.menu__list-item-collapsible>.menu__link--sublist {
264230
margin-bottom: -6px;
265231
margin-top: -6px;
266232
}
267233

268-
.theme-doc-sidebar-item-category-level-4
269-
> .menu__list-item-collapsible
270-
> .menu__link--sublist {
234+
.theme-doc-sidebar-item-category-level-4>.menu__list-item-collapsible>.menu__link--sublist {
271235
margin-bottom: -6px;
272236
margin-top: -6px;
273237
}
@@ -322,13 +286,9 @@ h3.description {
322286
margin-top: 0px;
323287
}
324288

325-
#__docusaurus
326-
> nav
327-
> div.navbar__inner
328-
> div.navbar__items.navbar__items--right
329-
> a:nth-child(4) {
330-
background-color: #004eff;
331-
border-radius: var(--rounded-full, 9999px);
289+
#__docusaurus>nav>div.navbar__inner>div.navbar__items.navbar__items--right>a:nth-child(4) {
290+
background-color: #006399;
291+
border-radius: 8px;
332292
color: #f3f5f7;
333293
font-size: 0.75rem;
334294
font-weight: 500;
@@ -340,12 +300,7 @@ h3.description {
340300
line-height: 1.25rem;
341301
}
342302

343-
#__docusaurus
344-
> nav
345-
> div.navbar__inner
346-
> div.navbar__items.navbar__items--right
347-
> a
348-
> svg {
303+
#__docusaurus>nav>div.navbar__inner>div.navbar__items.navbar__items--right>a>svg {
349304
display: none;
350305
}
351306

@@ -367,13 +322,11 @@ h3.description {
367322
content: '';
368323
height: 100%;
369324
display: block;
370-
background: url("data:image/svg+xml,%3Csvg fill='%23505050' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
371-
no-repeat;
325+
background: url("data:image/svg+xml,%3Csvg fill='%23505050' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
372326
}
373327

374328
html[data-theme='dark'] .navbar--github-link:before {
375-
background: url("data:image/svg+xml,%3Csvg fill='%23ebebeb99' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
376-
no-repeat;
329+
background: url("data:image/svg+xml,%3Csvg fill='%23ebebeb99' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
377330
}
378331

379332
.navbar--discord-link {
@@ -521,7 +474,7 @@ html[data-theme="dark"] .one {
521474
}
522475

523476
.card:hover {
524-
border: 1px solid #3e76ff;
477+
border: 1px solid #006399;
525478
}
526479

527480
.card-icon {
@@ -533,7 +486,7 @@ html[data-theme="dark"] .one {
533486
}
534487

535488
.icon-style {
536-
color: #3e76ff;
489+
color: #006399;
537490
}
538491

539492
.card-title {
@@ -723,8 +676,7 @@ html[data-theme='dark'] {
723676
font-weight: 400;
724677
--tw-numeric-spacing: tabular-nums;
725678
width: 100%;
726-
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
727-
var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
679+
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
728680
}
729681

730682
[data-theme='dark'] table tr:nth-child(2n) {
@@ -758,7 +710,8 @@ table thead tr {
758710
margin: 10px;
759711
}
760712

761-
img[src*='#center'], img.center {
713+
img[src*='#center'],
714+
img.center {
762715
display: block;
763716
border-radius: 0.75rem;
764717
float: none;
@@ -772,8 +725,7 @@ img[src*='#center'], img.center {
772725
}
773726

774727
[data-theme='dark'] img[src*='#center'],
775-
[data-theme='dark'] img.center
776-
{
728+
[data-theme='dark'] img.center {
777729
display: block;
778730
border-radius: 0.75rem;
779731
float: none;
@@ -826,6 +778,7 @@ html:not([data-theme]) .themedComponent--light_NVdE {
826778
}
827779

828780
@media (min-width: 1455px) {
781+
829782
body,
830783
.navbar {
831784
width: 100%;

0 commit comments

Comments
 (0)