make ultradark a lil but lighter

GoldDominik893 · May 25, 2024 · a41c19c · a41c19c
1 parent 112fabf
commit a41c19c
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 36 deletions.
diff --git a/styles/homeultra-dark.css b/styles/homeultra-dark.css
@@ -7,7 +7,7 @@ body {
     font-family: 'Signika Negative', sans-serif;
     padding: 0px;
     color: white;
-    background-color: #070707;
+    background-color: rgb(14,14,14);
     color-scheme: dark;
 }
 
@@ -19,6 +19,7 @@ body {
 a {
     color: #777;
 }
+
 a:hover, a:focus {
     color: #ff4444;
     text-decoration: none;
@@ -27,43 +28,37 @@ a:hover, a:focus {
 .awhite {
     color: white;
 }
+
 .awhite:hover {
     color: DodgerBlue;
 }
+
 .tenborder {
     padding: 10px;
 }
+
+
 .sidebar {
-    background-color: #020202;
+    background-color: rgb(10, 10, 10);
     line-height: 0.5;
 }
-.sidebarbtn-selected {
-    background-color: #050505;
-}
-.sidebarbtn:hover {
-    background-color: #030303;
+.sidebarbtn-selected, .sidebarbtn:hover {
+    background-color: rgb(15, 15, 15);
 }
+
 .awhitesidebar {
     color: white;
 }
 .awhitesidebar:hover {
     color: lightgray;
 }
 .sidebarbtn-selected:hover {
-    background-color: #070707;
-}
-.awhite {
-    color: white;
-}
-.awhite:hover {
-    color: DodgerBlue;
-}
-.tenborder {
-    padding: 10px;
+    background-color: rgb(19, 19, 19);
 }
 
 
 
+
 .hr {
 margin: 3px;
 margin-right: 5px;
@@ -123,8 +118,8 @@ transition: 0.3s
     width: 200px;
     border-radius: 3px;
     padding: 5px;
-    border: #202020 2px solid;
-    background: #080808;
+    border: #252525 1px solid;
+    background: #0e0e0e;
 }
 .input-field:focus {
     color: white;
@@ -191,23 +186,26 @@ transition: 0.3s
 .topbarelements-center {
   float: center;
 }
+
 .button {
 display: inline-block;
 padding: 6px 12px;
 text-align: center;
 text-decoration: none;
-background-color: rgba(0, 0, 0, 0.9);
+background-color: rgba(20, 20, 20, 0.9);
 border-radius: 6px;
 outline: none;
 color: white;
 }
+
 .material-symbols-outlined {
 font-variation-settings:
 'FILL' 0,
 'wght' 400,
 'GRAD' 0,
 'opsz' 48
 }
+
 .login-item {
     display: inline-block;
     padding: 1px 6px 1px 6px;
@@ -249,7 +247,7 @@ img {
 }
 
 .epicdiv {
-    background: #0f0f0f;
+    background: #141414;
     border: 1px solid rgb(31, 31, 31);
     width: 256px;
     border-radius: 4px;

diff --git a/styles/playerultra-dark.css b/styles/playerultra-dark.css
@@ -2,11 +2,12 @@
     font-family: 'Signika Negative';
     src: url('/styles/-signikanegative400.ttf') format('truetype');
 }
+
 body {
     font-family: 'Signika Negative', sans-serif;
     padding: 0px;
     color: white;
-    background-color: #070707;
+    background-color: rgb(14,14,14);
     color-scheme: dark;
 }
 
@@ -36,27 +37,33 @@ a:hover, a:focus {
     padding: 10px;
 }
 
+
 .sidebar {
-    background-color: #020202;
+    background-color: rgb(10, 10, 10);
     line-height: 0.5;
 }
-
-.sidebarbtn-selected {
-    background-color: #050505;
-}
-.sidebarbtn:hover {
-    background-color: #030303;
+.sidebarbtn-selected, .sidebarbtn:hover {
+    background-color: rgb(15, 15, 15);
 }
+
 .awhitesidebar {
     color: white;
 }
 .awhitesidebar:hover {
     color: lightgray;
 }
 .sidebarbtn-selected:hover {
-    background-color: #070707;
+    background-color: rgb(19, 19, 19);
 }
 
+.material-symbols-outlined {
+    font-variation-settings:
+    'FILL' 0,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 48
+    }
+
 .popup {
 position: relative;
 display: inline-block;
@@ -108,10 +115,6 @@ from {opacity: 0;}
 to {opacity: 1;}
 }
 
-.awhite:hover {
-    color: DodgerBlue;
-}
-
 .tenborder {
     padding: 10px;
 }
@@ -170,13 +173,14 @@ background: rgba(10, 10, 10, 0.5);
     padding: 6px 12px;
     text-align: center;
     text-decoration: none;
-    background-color: rgba(20,20,20,0.2);
+    background-color: rgba(20, 20, 20, 0.9);
     color: white;
     border-radius: 6px;
     border: 2px solid rgb(27, 27, 27);
     transition: transform 0.2s;
     transition: 0.3s
     }
+
 .button:hover {
 cursor: pointer;
 color: #ff4444;
@@ -240,8 +244,8 @@ details {
   }
 
   .settingsdiv {
-    background: #0f0f0f;
     width: 100%;
+    background: #141414;
     border: 1px solid rgb(31, 31, 31);
     max-width: 416px;
     border-radius: 4px;