awesome-www/css/dark.css

51 lines
1.0 KiB
CSS

/**
* AWESOME THEME DARK
* background: #222222
* foreground: #c4c5c8
* color0: #000300
* color1: #b44631
* color2: #6fc24e
* color3: #cab14c
* color4: #59929d
* color5: #926090
* color6: #668d96
* color7: #728c8d
* color8: #3f5f47
* color9: #c1605d
* colorA: #a9c68e
* colorB: #decf50
* colorC: #a6bbcb
* colorD: #ad79a2
* colorE: #8aa1af
* colorF: #bababa
* color10: #755cf2
*/
:root {
--background-color: #222222;
--color: #c4c5c8;
--link-color: #59929d;
--image-filter: grayscale(50%);
--main-headline-color: #b44631;
--bullet-points-color: #b44631;
--accent-background-color: #00bcd4;
--accent-color: #050505;
--warning-message: #b44631;
--menu-hover-color: #ad79a2;
--screenshot-border-color: #347272;
--button-background-color: #59929d;
--button-text-color: #fafafa;
--button-hover-color: #00bcd4;
--nav-text-color: #59929d;
--nav-accent-color: #c4c5c8;
}
img:not([src*=".svg"]) {
filter: var(--image-filter);
}
.lightmode {
visibility: hidden;
display: none;
}