1
Fork 0

Add a primary configurable accent.

This commit is contained in:
Bauke 2020-08-03 00:26:46 +02:00
parent fbe5a3fede
commit f890a97eb1
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
4 changed files with 17 additions and 8 deletions

View File

@ -1,7 +1,7 @@
{ {
"name": "bauke.xyz", "name": "bauke.xyz",
"description": "My personal website.", "description": "My personal website.",
"version": "0.1.6", "version": "0.1.7",
"author": "Bauke <me@bauke.xyz>", "author": "Bauke <me@bauke.xyz>",
"homepage": "https://bauke.xyz", "homepage": "https://bauke.xyz",
"repository": "https://git.holllo.cc/Bauke/bauke.xyz", "repository": "https://git.holllo.cc/Bauke/bauke.xyz",

View File

@ -3,6 +3,7 @@ html {
} }
body { body {
--accent-1: #3bd18a;
background-color: #1f1731; background-color: #1f1731;
color: #f2efff; color: #f2efff;
font-size: 1.75rem; font-size: 1.75rem;
@ -61,7 +62,7 @@ main,
footer, footer,
h1, h1,
ul { ul {
border: 1px solid #3bd18a; border: 1px solid var(--accent-1);
} }
ul { ul {
@ -83,7 +84,7 @@ li:last-child {
} }
.divider { .divider {
border-top: 1px solid #3bd18a; border-top: 1px solid var(--accent-1);
width: 100%; width: 100%;
} }

View File

@ -1,7 +1,11 @@
body {
--accent-1: #96c839;
}
header { header {
align-items: center; align-items: center;
background-color: #2a2041; background-color: #2a2041;
border: 1px solid #3bd18a; border: 1px solid var(--accent-1);
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 16px; padding: 16px;
@ -14,12 +18,12 @@ h2 {
} }
a.install { a.install {
background-color: #3bd18a; background-color: var(--accent-1);
color: #1f1731; color: #1f1731;
} }
a.install:hover { a.install:hover {
background-color: #96c839; background-color: #d2b83a;
} }
.remove-padding, .remove-padding,

View File

@ -1,7 +1,11 @@
body {
--accent-1: #f99fb1;
}
header { header {
align-items: center; align-items: center;
background-color: #2a2041; background-color: #2a2041;
border: 1px solid #3bd18a; border: 1px solid var(--accent-1);
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 16px; padding: 16px;
@ -14,7 +18,7 @@ h2 {
} }
a.install { a.install {
background-color: #3bd18a; background-color: var(--accent-1);
color: #1f1731; color: #1f1731;
} }