Minor colour fixes in ui css;

GEOLYTIX · Feb 3, 2025 · c8cee34 · c8cee34
1 parent 00953cf
commit c8cee34
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 43 deletions.
diff --git a/public/css/base/_colours.css b/public/css/base/_colours.css
@@ -8,6 +8,8 @@
 
   --color-light: #ffffff;
 
+  --color-off-light: #eeeeee;
+
   --color-light-secondary: #f2f2f2;
 
   --color-light-tertiary: #fafafa;
@@ -53,7 +55,7 @@
 }
 
 .primary-background {
-  color: white;
+  color: var(--color-light);
   background-color: var(--color-primary);
 }
 

diff --git a/public/css/base/_common.css b/public/css/base/_common.css
@@ -11,7 +11,7 @@
 }
 
 .box-shadow {
-  border: 1px solid #eee;
+  border: 1px solid var(--color-off-light);
   box-shadow: 2px 2px 4px var(--color-primary-light);
 }
 

diff --git a/public/css/elements/_btnPanel.css b/public/css/elements/_btnPanel.css
@@ -19,13 +19,6 @@
     }
   }
 
-  & .mask-icon {
-    width: 1.5em;
-    height: 1.5em;
-    -webkit-mask-position: right;
-    mask-position: right;
-  }
-
   & .panel {
     display: block;
     position: absolute;
@@ -49,46 +42,46 @@
     }
 
     & .panel {
-        display: block;
-        position: absolute;
-        width: 100%;
-        bottom: 15em;
-        left: 0;
-        right: 0;
-        z-index: 99;
-        color: black;
-        background: white;
-        overflow: hidden;
-        padding: 1em 1.5em;
-        opacity: 0;
-        border-radius: 3px;
-        box-shadow: 1px 1px 3px var(--color-primary-light);
-        pointer-events: none;
-        transition: 0.2s ease-in-out;
+      display: block;
+      position: absolute;
+      width: 100%;
+      bottom: 15em;
+      left: 0;
+      right: 0;
+      z-index: 99;
+      color: var(--color-off-black);
+      background: var(--color-light);
+      overflow: hidden;
+      padding: 1em 1.5em;
+      opacity: 0;
+      border-radius: 3px;
+      box-shadow: 1px 1px 3px var(--color-primary-light);
+      pointer-events: none;
+      transition: 0.2s ease-in-out;
 
-        & .content {
-            padding: 1em;
-        }
+      & .content {
+        padding: 1em;
+      }
 
-        &::after {
-            content: initial;
-        }
+      &::after {
+        content: initial;
+      }
     }
 
     &.active {
-        background-color: var(--color-primary);
-        color: #fff;
+      background-color: var(--color-primary);
+      color: #fff;
 
-        & .panel {
-            bottom: 2em;
-            pointer-events: auto;
-            opacity: 1;
-        }
+      & .panel {
+        bottom: 2em;
+        pointer-events: auto;
+        opacity: 1;
+      }
 
-        &.downward .panel {
-            bottom: -7em;
-            /* places adjacent to the bottom border of parent */
-        }
+      &.downward .panel {
+        bottom: -7em;
+        /* places adjacent to the bottom border of parent */
+      }
     }
 
     &.downward .panel {

diff --git a/public/css/elements/_dropdown.css b/public/css/elements/_dropdown.css
@@ -49,7 +49,7 @@
 
     & > li {
       padding: 5px;
-      color: var(--off);
+      color: var(--color-off-black);
     }
 
     & > li:hover {