diff --git a/src/styles/global.css b/src/styles/global.css index 80d1ab5..efd9fd5 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,4 +1,4 @@ -:root { +:root, html.Light { --nav-height: 3rem; --standard-border: 0.0625rem solid var(--tertiary-background-color); --background-color: hsl(0 0% 100%); @@ -6,7 +6,6 @@ --tertiary-background-color: hsl(0 0% 90%); --text-color: hsl(0 0% 10%); --accent-color: #1e40af; - color-scheme: light; } @@ -17,28 +16,16 @@ --tertiary-background-color: hsl(0 0% 20%); --text-color: hsl(0 0% 90%); --accent-color: #93c5fd; - color-scheme: dark; } } -html.Light { - --background-color: hsl(0 0% 100%); - --secondary-background-color: hsl(0 0% 95%); - --tertiary-background-color: hsl(0 0% 90%); - --text-color: hsl(0 0% 10%); - --accent-color: #1e40af; - - color-scheme: light; -} - html.Dark { --background-color: hsl(0 0% 10%); --secondary-background-color: hsl(0 0% 15%); --tertiary-background-color: hsl(0 0% 20%); --text-color: hsl(0 0% 90%); --accent-color: #93c5fd; - color-scheme: dark; } @@ -139,6 +126,7 @@ button { ul, ol { line-height: 2; + padding-inline-start: 1rem; } a {