From 5dc62542d7e843b966cd5f02d1e29b86ad011920 Mon Sep 17 00:00:00 2001 From: julio Date: Wed, 10 Jun 2020 01:15:18 -0300 Subject: [PATCH] removed font, added colors as variables, fixed favicon --- index.html | 3 +-- style.css | 30 ++++++++++++++++++++++-------- 2 files changed, 23 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 9e8c05d..d3c036a 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,7 @@ - - + Jmix diff --git a/style.css b/style.css index 8519b78..1eb58fe 100644 --- a/style.css +++ b/style.css @@ -1,14 +1,28 @@ +/* getting colors from my Xresources */ +:root { + --color0: #0F0F0F; + --color1: #b2564d; + --color2: #c39c74; + --color3: #7c60ba; + /* This ones are still unused */ + --color4: #af6ec1; + --color5: #d7a4ab; + --color6: #bc6469; + --color7: #c7c3c3; + --color8: #594d4b; + --color9: #b2564d; +} + body{ margin: 0; - font-family: "Inconsolata", monospace; color: white; - background: #0F0F0F; + background: var(--color0); } -h1{font-size: 2em !important; color: #7c60ba;} +h1{font-size: 2em !important; color: var(--color3);} p, a, li{font-size: 1.2em;} -a{text-decoration: none; color: #c39c74;} -a:hover{color: #b2564d} +a{text-decoration: none; color: var(--color2);} +a:hover{color: var(--color1)} .flex-row{ display: flex; @@ -22,7 +36,7 @@ header{ height: 30px; position: fixed; width: 100%; - background: #b2564d; + background: var(--color1); padding: 5px; } @@ -47,10 +61,10 @@ header a, header a:hover{ /* Only works with !important -.- */ #menu a:hover, .active{ - border-bottom: 3px double #c39c74 !important; + border-bottom: 3px double var(--color2) !important; } #menu a:hover{ - background: #7c60ba; + background: var(--color3); } #content{