diff --git a/package.json b/package.json index 6f789a5..3057334 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "bauke.xyz", "description": "My personal website.", - "version": "0.1.6", + "version": "0.1.7", "author": "Bauke ", "homepage": "https://bauke.xyz", "repository": "https://git.holllo.cc/Bauke/bauke.xyz", diff --git a/source/css/index.css b/source/css/index.css index a7153a4..241db78 100644 --- a/source/css/index.css +++ b/source/css/index.css @@ -3,6 +3,7 @@ html { } body { + --accent-1: #3bd18a; background-color: #1f1731; color: #f2efff; font-size: 1.75rem; @@ -61,7 +62,7 @@ main, footer, h1, ul { - border: 1px solid #3bd18a; + border: 1px solid var(--accent-1); } ul { @@ -83,7 +84,7 @@ li:last-child { } .divider { - border-top: 1px solid #3bd18a; + border-top: 1px solid var(--accent-1); width: 100%; } diff --git a/source/css/userscripts.css b/source/css/userscripts.css index 942a8ac..3460004 100644 --- a/source/css/userscripts.css +++ b/source/css/userscripts.css @@ -1,7 +1,11 @@ +body { + --accent-1: #96c839; +} + header { align-items: center; background-color: #2a2041; - border: 1px solid #3bd18a; + border: 1px solid var(--accent-1); display: flex; justify-content: center; padding: 16px; @@ -14,12 +18,12 @@ h2 { } a.install { - background-color: #3bd18a; + background-color: var(--accent-1); color: #1f1731; } a.install:hover { - background-color: #96c839; + background-color: #d2b83a; } .remove-padding, diff --git a/source/css/userstyles.css b/source/css/userstyles.css index 942a8ac..c50b73d 100644 --- a/source/css/userstyles.css +++ b/source/css/userstyles.css @@ -1,7 +1,11 @@ +body { + --accent-1: #f99fb1; +} + header { align-items: center; background-color: #2a2041; - border: 1px solid #3bd18a; + border: 1px solid var(--accent-1); display: flex; justify-content: center; padding: 16px; @@ -14,7 +18,7 @@ h2 { } a.install { - background-color: #3bd18a; + background-color: var(--accent-1); color: #1f1731; }