From 20bbdac5c45090b6f9003276c266f4321a925e46 Mon Sep 17 00:00:00 2001
From: Jan BELLON <jan@intra.e59.fr>
Date: Fri, 8 Mar 2024 20:27:04 +0000
Subject: [PATCH] Update file style.css

---
 html/src/css/style.css | 28 +++++++++-------------------
 1 file changed, 9 insertions(+), 19 deletions(-)

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);