Add a primary configurable accent.
This commit is contained in:
parent
fbe5a3fede
commit
f890a97eb1
|
@ -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",
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue