colors changed

README.md

@@ -61,4 +61,17 @@ xdebug.client_port=5902 #same port as in launch.json
     │   └── home          Am einfachsten einen bestehenden anschauen oder kopieren 😁
     └── templates       Allgemeine Templates, mal schauen ob benötigt
         └── partials
-```
+```
+
+
+#Colors
+#041337 - dunkelblau
+#041337 - hellblau
+#4c5597 - blau
+#fefefc - white
+#c8d2e9 - grau
+#c9dd55 - hellgrün
+#c9dd55 - dunkelgrün
+#f0dcb3 - hellbraun
+#a98d5d - dunkelbraun
+#150d05 - schwarz

web/css/dogstats.css

@@ -1,3 +1,37 @@
+
+:root {
+  --white:        #fefefd;
+  --lightblue:    #47cafe;
+  --blue:         #2ca6fc;
+  --darkblue:     #021135;
+  --lightgreen:   #cadc57;
+  --darkgreen:    #788f08;
+  --lightbrown:   #eddbb6;
+  --darkbrown:    #ab8f5f;
+  --grey:         #c5cbe9;
+  --black:        #150d05;
+}
+.btn-primary {
+  --bs-btn-bg: var(--blue);
+  --bs-btn-border-color: var(--blue);
+  --bs-btn-hover-bg: var(--lightblue);
+  --bs-btn-hover-border-color: var(--lightblue);
+  --bs-btn-active-bg: var(--lightblue);
+  --bs-btn-disabled-color: var(--grey);
+  --bs-btn-disabled-bg: var(--blue);
+  --bs-btn-disabled-border-color: var(--blue);
+}
+.btn-secondary {
+  --bs-btn-bg: var(--darkgreen);
+  --bs-btn-border-color: var(--darkgreen);
+  --bs-btn-hover-bg: var(--lightgreen);
+  --bs-btn-hover-border-color: var(--lightgreen);
+  --bs-btn-active-bg: var(--lightgreen);
+  --bs-btn-active-border-color: var(--lightgreen);
+  --bs-btn-disabled-bg: var(--darkgreen);
+  --bs-btn-disabled-border-color: var(--darkgreen);
+}
+
 main>.container {
   padding: 60px 15px 0;
 }