Merge pull request #69 from RDjarbeng/paletteExplore

UI improvements
RDjarbeng · Mar 26, 2022 · bfbc3be · bfbc3be
2 parents 9960c73 + 84882c6
commit bfbc3be
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 13 deletions.
diff --git a/countdown-list.css b/countdown-list.css
@@ -21,14 +21,14 @@
   --bg-sidebarListHover: rgba(0, 0, 0, 0.1);
   --color-sidebar: white;
   --color-cdList: white;
-  --bg-cdListHover: #735fe7;
+  --bg-cdListHover: #303041;
   overflow-x: hidden;
 }
 .dark{
   --bg-color: #1b182c;
   --color-text: white;
   --bg-timer: #474650;
-  --bg-cdList: var(--color-banner);
+  --bg-cdList: #3b3b50;
 }
 .light {
   --bg-color: #dbdbdb;
@@ -396,6 +396,8 @@ hr{color:rgba(255, 255, 255, 0.2); width: 85%;}
 }
 .countdown-list-item:hover{
 background: var(--bg-cdListHover);
+box-shadow: inset 0 0 0vmin .4vmin var(--color-banner);
+/* border: solid .2vmin var(--color-banner); */
 }
 .countdown-list-item{
   background: var(--bg-cdList);
@@ -430,6 +432,7 @@ padding: 0 0 0 1rem;
   grid-area: date;
   font-size: 0.65rem;
   padding-left: 1rem;
+  padding-bottom: 0.2rem;
   border-right: 1px solid rgba(0, 0, 0, 0.1);
 }
 
@@ -449,7 +452,6 @@ padding: 0 0 0 1rem;
 }
 .menu-opts:hover{
   background:rgba(0, 0, 0, 0.1);
-
 }
 
 /* desktop */
@@ -485,6 +487,6 @@ padding: 0 0 0 1rem;
     bottom: 10vh;
   }
 .countdown-list-item{
-  grid-template-columns: 5.6fr 1.4fr;
+  grid-template-columns: 5.7fr 1.3fr;
 }
 }
diff --git a/themes.css b/themes.css
@@ -9,8 +9,9 @@
 .dark[data-theme="blue"] {
   --bg-color: #182635;
   --color-text: white;
-  --bg-timer: #6a7682;
-  --bg-cdListHover: #2781f0;
+  --bg-timer: #56636f;
+  --bg-cdList:#3f4d61;
+  --bg-cdListHover: #384557;
   --bg-newItem: var(--color-banner);
 }
 [data-theme="green"] {
@@ -24,8 +25,9 @@
 .dark[data-theme="green"] {
   --bg-color: #18351e;
   --color-text: white;
-  --bg-timer: #6a826b;
-  --bg-cdListHover: #17a753;
+  --bg-timer: #506b51;
+  --bg-cdList:#3a644c;
+  --bg-cdListHover: #2a553d;
   --bg-newItem: var(--color-banner);
 }
 [data-theme="red"] {
@@ -40,7 +42,8 @@
   --bg-color: #35181d;
   --color-text: white;
   --bg-timer: #826a6a;
-  --bg-cdListHover: #f71a5c;
+  --bg-cdList: #4e383d;
+  --bg-cdListHover: #462f35;
   --bg-newItem: var(--color-banner);
 }
 [data-theme="purple"] {
@@ -55,7 +58,8 @@
   --bg-color: #1b182c;
   --color-text: white;
   --bg-timer: #474650;
-  --bg-cdListHover: #735fe7;
+  --bg-cdList: #3b3b50;
+  --bg-cdListHover: #303041;
   --bg-newItem: var(--color-banner);
 }
 [data-theme="yellow"] {
@@ -69,8 +73,9 @@
 .dark[data-theme="yellow"] {
   --bg-color: #352e19;
   --color-text: white;
-  --bg-timer: #80826a;
-  --bg-cdListHover: #f3b806;
+  --bg-timer: #746b50;
+  --bg-cdList:#584f31;
+  --bg-cdListHover: #504727;
   --bg-newItem: var(--color-banner);
 }
 [data-theme="pink"] {
@@ -85,6 +90,7 @@
   --bg-color: #472a39;
   --color-text: white;
   --bg-timer: #8b7982;
-  --bg-cdListHover: #e27caf;
+  --bg-cdList: #644e59;
+  --bg-cdListHover: #58464f;
   --bg-newItem: var(--color-banner);
 }