diff --git a/html/src/css/style.css b/html/src/css/style.css
index 52b9fed1..74644ba2 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -7,10 +7,8 @@
.body {
--text: hsl(var(--hue), var(--saturation), 80%);
--background: hsl(var(--hue), var(--saturation), 15%);
- --dark-background: hsl(var(--hue), var(--saturation), 10%);
- --darker-background: hsl(var(--hue), var(--saturation), 5%);
- --article-background: hsl(var(--hue), var(--saturation), 15%);
- --article-text: hsl(var(--hue), var(--saturation), 100%);
+ --banner-background: hsl(var(--hue), var(--saturation), 10%);
+ --buttons: hsl(var(--hue), var(--saturation), 5%);
}
}
@@ -18,10 +16,8 @@
.body {
--text: hsl(var(--hue), var(--saturation), 20%);
--background: hsl(var(--hue), var(--saturation), 100%);
- --dark-background: hsl(var(--hue), var(--saturation), 100%);
- --darker-background: hsl(var(--hue), var(--saturation), 100%);
- --article-background: hsl(var(--hue), var(--saturation), 100%);
- --article-text: hsl(var(--hue), var(--saturation), 0%);
+ --banner-background: hsl(var(--hue), var(--saturation), 100%);
+ --buttons: hsl(var(--hue), var(--saturation), 100%);
}
}
@@ -50,7 +46,7 @@ main {
header, footer, nav {
width: 100%;
margin: 0;
- background: var(--dark-background);
+ background: var(--banner-background);
display: flex;
}
@@ -69,7 +65,7 @@ input, textarea {
}
input[type='submit'], button {
- background-color: var(--darker-background);
+ background-color: var(--buttons);
color: var(--text);
border: 1px solid var(--text);
border-radius: 10px;
@@ -81,7 +77,7 @@ input[type='submit']:hover, button:hover {
.navitem {
padding: 0.5em;
- background-color: var(--darker-background);
+ background-color: var(--buttons);
margin-right: 1em;
}
@@ -165,19 +161,13 @@ a {
}
-.article {
- background-color: var(--article-background);
- color: var(--article-text);
- border-radius: 10px;
-}
-
.article-content {
padding: 2em;
}
.row {
display: inline-block;
- background-color: var(--dark-background);
+ background-color: var(--banner-background);
border-radius: 10px;
padding: 2em;
margin: 2em;
@@ -188,7 +178,7 @@ a {
}
.button {
- background-color: var(--darker-background);
+ background-color: var(--buttons);
color: var(--text);
border-radius: 10px;
color: var(--text);