better colors?

STiBaRC · Jul 16, 2024 · 4fc5b39 · 4fc5b39
1 parent b982700
commit 4fc5b39
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 23 deletions.
diff --git a/css/global.css b/css/global.css
@@ -68,7 +68,7 @@ select {
 	font-family: inherit;
 	vertical-align: baseline;
 	box-sizing: border-box;
-	background-color: var(--color2);
+	background-color: var(--color11);
 	color: var(--text);
 	border: none;
 	outline: 2px solid var(--color3);
@@ -466,7 +466,7 @@ main.flexcontainer {
 	top: calc(100% - 12px);
 	right: 12px;
 	background-color: var(--color2);
-	color: var(--color4);
+	color: var(--text);
 	box-shadow: 0 1px 8px 0 rgba(22, 22, 22, 0.2), 0 1px 4px 0 rgba(22, 22, 22, 0.2);
 	padding: 4px 4px;
 	border-radius: 6px;
@@ -630,7 +630,7 @@ button.button {
 }
 
 .button:hover {
-	background-color: var(--color9);
+	background-color: var(--color10);
 }
 
 .button.smallBtn {
@@ -656,7 +656,7 @@ button.button {
 }
 
 .button.primary:hover {
-	background-color: var(--color6);
+	background-color: var(--color5);
 }
 
 .button.danger {
@@ -919,11 +919,11 @@ footer {
 }
 
 .sidebarItems li.active {
-	background-color: var(--color3);
+	background-color: var(--color9);
 }
 
 .sidebarItems li.active:before {
-	background-color: var(--color1)
+	background-color: var(--color5)
 }
 
 .sidebarItems li:hover:not(.active) {

diff --git a/css/index.css b/css/index.css
@@ -14,7 +14,7 @@
 }
 
 .floatingbutton {
-	background-color: var(--color1);
+	background-color: var(--color3);
 	margin: 5px;
 	padding: 5px;
 	height: 30px;
@@ -24,15 +24,15 @@
 }
 
 .floatingbutton:hover {
-	background-color: var(--color6);
+	background-color: var(--color9);
 }
 
 .floatingbutton.active {
-	background-color: var(--color11);
+	background-color: var(--color6);
 }
 
 .floatingbutton.active:hover {
-	background-color: var(--color2);
+	background-color: var(--primaryFocus);
 }
 
 .floatingbuttonShadow {
@@ -63,7 +63,7 @@
 }
 
 .floatingplusbutton:hover {
-	background-color: var(--color6);
+	background-color: var(--color3);
 }
 
 .floatingplusbutton img {

diff --git a/css/themes/default.css b/css/themes/default.css
@@ -11,28 +11,28 @@
 	--color4: #0e0e0e;
 	--color5: #3ea1b1;
 	--color6: #54cbdd;
-	--color8: #7e7e7e;
+	--color8: #d8d8d8;
 	--color9: #bcbcbc;
 	--color10: #e7e7e7;
 	--color11: #fafafa;
 }
 
 .dark {
     --text: white;
-    --background: #223034;
-    --primaryFocus: #1b4a51;
-    --red: #530f0f;
+    --background: #1c292d;
+    --primaryFocus: #357a85;
+    --red: #c23e3e;
     --redBg: #903131;
-    --color1: #47777d;
-    --color2: #23353a;
-    --color3: #285258;
+    --color1: #3c7e86;
+    --color2: #0e1b1e;
+    --color3: #506366;
     --color4: #3d3d3d;
-    --color5: #2e6e78;
-    --color6: #255860;
+    --color5: #26565e;
+    --color6: #45a4b3;
     --color8: #4e4e4e;
-    --color9: #498289;
-    --color10: #163236;
-    --color11: #467b82;
+    --color9: #487a81;
+    --color10: #2d4e53;
+    --color11: #0f2325;
 }