From 5dfbb31aaa7777d92039dcee82b1df7b3f8c4840 Mon Sep 17 00:00:00 2001
From: xengineering <me@xengineering.eu>
Date: Fri, 26 Nov 2021 16:31:52 +0100
Subject: Introduce second Class of Background Colors and Buttons

---
 css/xengineering.css | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

(limited to 'css')

diff --git a/css/xengineering.css b/css/xengineering.css
index 2b85d20..a35df34 100644
--- a/css/xengineering.css
+++ b/css/xengineering.css
@@ -29,6 +29,9 @@ contact via mail: me@xengineering.eu
   --font-color-light: white;
 
   --background-color-light: white;
+  --background-color-light2: lightgray;
+  --background-color-dark: black;
+  --background-color-dark2: darkgray;
   
   --font-family-primary: Arial, Helvetica, sans-serif;
 }
@@ -72,6 +75,15 @@ body {
   padding-right: 3vw;
 }
 
+nav {
+  background-color: var(--background-color-dark);
+  color: var(--font-color-light);
+}
+
+main {
+
+}
+
 h1 {
   margin-top: 3vh;
   margin-bottom: 1vh;
@@ -121,6 +133,20 @@ a {
   color: blue;
 }
 
+button {
+  display: block;
+  padding: 0.7em;
+  margin-left: auto;
+  margin-right: auto;
+  width: fit-content;
+  background-color: var(--background-color-light2);
+  border-radius: 0.5em;
+}
+
+button:hover {
+  background-color: var(--background-color-dark2);
+}
+
 img {
   margin-top: 1vh;
   margin-bottom: 1vh;
@@ -149,7 +175,7 @@ pre {
   margin-bottom: 1vh;
   padding: 1em;
   white-space: pre-wrap;
-  background-color: lightgray;
+  background-color: var(--background-color-light2);
   border-radius: 0.5em;
 }
 
-- 
cgit v1.2.3-70-g09d2