mirror of
https://github.com/Nimac0/SDL_Minigame
synced 2026-01-12 23:33:41 +00:00
54 lines
1.5 KiB
CSS
54 lines
1.5 KiB
CSS
html {
|
|
/* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
|
|
--primary-color: #bd93f9;
|
|
--primary-dark-color: #9270e4;
|
|
--primary-light-color: #9270e4;
|
|
|
|
/* page base colors */
|
|
--page-background-color: #ffffff;
|
|
--page-foreground-color: #2f4153;
|
|
--page-secondary-foreground-color: #6f7e8e;
|
|
|
|
/* color for all separators on the website: hr, borders, ... */
|
|
--separator-color: #bd93f965;
|
|
|
|
/* border radius for all rounded components. Will affect many components, like dropdowns, memitems, codeblocks, ... */
|
|
--border-radius-large: 22px;
|
|
--border-radius-small: 9px;
|
|
--border-radius-medium: 14px;
|
|
|
|
/* default spacings. Most components reference these values for spacing, to provide uniform spacing on the page. */
|
|
--spacing-small: 8px;
|
|
--spacing-medium: 14px;
|
|
--spacing-large: 19px;
|
|
|
|
--top-height: 125px;
|
|
|
|
...
|
|
}
|
|
|
|
html.dark-mode {
|
|
color-scheme: dark;
|
|
|
|
--primary-color: #bd93f9;
|
|
--primary-dark-color: #9270e4;
|
|
--primary-light-color: #9270e4;
|
|
--primary-lighter-color: #191e21;
|
|
--primary-lightest-color: #191a1c;
|
|
|
|
--page-background-color: #21222c;
|
|
--page-foreground-color: #d2dbde;
|
|
--page-secondary-foreground-color: #859399;
|
|
--separator-color: #3a3246;
|
|
--side-nav-background: #282a36;
|
|
--side-nav-foreground: #f8f8f2;
|
|
--toc-background: #282A36;
|
|
--searchbar-background: var(--page-background-color);
|
|
|
|
...
|
|
}
|
|
|
|
.paramname em {
|
|
font-weight: 600;
|
|
color: var(--primary-dark-color);
|
|
} |