public/hugo-internet-weblog
public/hugo-internet-weblog
1
0
Fork 0
Code Issues 5 Pull requests Projects 1 Releases 8 Packages Activity Actions

Adds prefered mode dark appearance feature

Browse source
This commit is contained in:
Josh Johnson 2024-02-23 21:59:24 -05:00
parent fa861cb045
commit fcfa7a8972
9 changed files with 167 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

28
static/css/joshin-color-dark.css Normal file
View file

@ -0,0 +1,28 @@
/* Dark Color Appearance */
@media (prefers-color-scheme: dark) {
:root {
/* semantic colors */
--joshin-accent-color-100: var(--joshin-color-denim-200);
--joshin-primary-color-100: var(--joshin-color-grey-1200);
--joshin-primary-color-200: var(--joshin-color-grey-200);
--joshin-primary-color-300: var(--joshin-color-grey-400);
--joshin-primary-color-400: var(--joshin-color-grey-400);
--joshin-primary-color-500: var(--joshin-color-grey-200);
--joshin-primary-color-600: var(--joshin-color-grey-400);
--joshin-primary-color-700: var(--joshin-color-grey-300);
--joshin-primary-color-800: var(--joshin-color-grey-200);
--joshin-primary-color-900: var(--joshin-color-grey-100);
/* elevations */
--joshin-elevation-0: var(--joshin-color-grey-1100);
--joshin-elevation-1: var(--joshin-color-grey-1000);
--joshin-elevation-2: var(--joshin-color-grey-1100);
--joshin-elevation-3: var(--joshin-color-grey-1200);
--joshin-elevation-4: var(--joshin-color-grey-1200);
/* components */
/* link */
--joshin-component-link-color-default: var(--joshin-accent-color-100);
}
}