diff --git a/src/index.scss b/src/index.scss index c4927b7..390f37f 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,19 +1,21 @@ @import "reset.scss"; :root { - --bg-color: white; - --fg-color: black; - --secondary-color: grey; -} - -[data-theme="dark"] { --bg-color: hsl(250, 13%, 9%); --fg-color: hsl(25, 91%, 43%); + --fg-hover-color: hsl(25, 91%, 53%); --secondary-color: hsl(25, 64%, 56%); } +[data-theme="light"] { + --bg-color: white; + --fg-color: black; + --fg-hover-color: hsl(0, 0%, 40%); + --secondary-color: grey; +} + * { - transition-duration: 300ms; + transition-duration: 220ms; } body {