aboutsummaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
authorkenneth <kennethcheo1@gmail.com>2021-12-03 18:18:41 +0800
committerkenneth <kennethcheo1@gmail.com>2021-12-03 18:22:15 +0800
commite43602181f23e4b0ce31406bf1d1de76b973f2ce (patch)
tree2382403a7c6032a23beb7015fcecebb1932215b9 /style.css
parentf9e1a163ee7c5ca4acb689634e77f073f536d56a (diff)
downloadstartpage-e43602181f23e4b0ce31406bf1d1de76b973f2ce.tar.xz
startpage-e43602181f23e4b0ce31406bf1d1de76b973f2ce.zip
Defined color variables for easy configuration.
+ Changed username
Diffstat (limited to 'style.css')
-rw-r--r--style.css18
1 files changed, 13 insertions, 5 deletions
diff --git a/style.css b/style.css
index 96fee77..d1364b3 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,15 @@
+:root {
+ --color-bg: #282828;
+ --color-fg: #EADBB2;
+ --color-link: #8F9191;
+ --color-link-visited: #668F8B;
+ --color-link-hover: #FA7921 ;
+}
+
html, body {
- background:#282828;
+ background: var(--color-bg);
+ color: var(--color-fg);
font-family: "Fira Code";
- color: #EADBB2;
height: 100%;
width: 100%;
margin: 0;
@@ -74,15 +82,15 @@ li {
a:link {
text-decoration: none;
- color: #8F9191;
+ color: var(--color-link);
}
a:visited {
- color: #668F8B;
+ color: var(--color-link-visited);
}
a:hover {
- color: #FA7921;
+ color: var(--color-link-hover);
}
.blinking {