Better modern theme

yjf2002ghty · Nov 2, 2024 · 6fa311e · 6fa311e
1 parent f9899f4
commit 6fa311e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/public/assets/theme-ui-neodark.css b/public/assets/theme-ui-neodark.css
@@ -117,9 +117,10 @@ input[type=range]::-webkit-slider-thumb {
     width: 20px;
     height: 20px;
     background: #777;
-    border: 2px solid #cdc7c2;
+    border: 2px solid #fff;
     border-radius: 50%;
     cursor: pointer;
+    box-shadow: 0px 0px 5px 2px #999;
 }
 
 input[type=range]:hover {  
@@ -136,10 +137,11 @@ input[type=range]::-moz-range-thumb {
     width: 20px;
     height: 20px;
     background: #777;
-    border: 2px solid #cdc7c2;
+    border: 2px solid #fff;
     border-radius: 50%;
     cursor: pointer;
     transition: background .2s;
+    box-shadow: 0px 0px 5px 2px #999;
 }
 
 input[type=range]:focus::-moz-range-thumb {  
@@ -233,7 +235,8 @@ input::placeholder {
 }
 
 spangameresult {
-    color: white !important;
+    color: #ff5d17 !important;
+    text-shadow: 0px 0px 2px #ff5d17;
 }
 
 table {

diff --git a/public/assets/theme-ui-neolight.css b/public/assets/theme-ui-neolight.css
@@ -111,9 +111,10 @@ input[type=range]::-webkit-slider-thumb {
     width: 20px;
     height: 20px;
     background: #777;
-    border: 2px solid #cdc7c2;
+    border: 2px solid #fff;
     border-radius: 50%;
     cursor: pointer;
+    box-shadow: 0px 0px 5px 2px #aaa;
 }
 
 input[type=range]:hover {  
@@ -130,10 +131,11 @@ input[type=range]::-moz-range-thumb {
     width: 20px;
     height: 20px;
     background: #777;
-    border: 2px solid #cdc7c2;
+    border: 2px solid #fff;
     border-radius: 50%;
     cursor: pointer;
     transition: background .2s;
+    box-shadow: 0px 0px 5px 2px #aaa;
 }
 
 input[type=range]:focus::-moz-range-thumb {  
@@ -226,6 +228,11 @@ input::placeholder {
     opacity: 1;
 }
 
+spangameresult {
+    color: #3584e4 !important;
+    text-shadow: 0px 0px 2px #3584e4;
+}
+
 a {
     outline-color: #3584e4;
     color: #3584e4;