Some dark mode upgrades

joomla · Sep 3, 2023 · 0675cd2 · 0675cd2
1 parent dd595bf
commit 0675cd2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/build/media_source/templates/administrator/atum/scss/blocks/_global.scss b/build/media_source/templates/administrator/atum/scss/blocks/_global.scss
@@ -20,6 +20,14 @@ body {
     background-color: var(--template-bg-dark-5);
   }
 
+  @if $enable-dark-mode {
+    @include color-mode(dark) {
+      &.admin {
+        background-color: var(--secondary-bg);
+      }
+    }
+  }
+
   &.monochrome {
     filter: grayscale(1);
     &::after {

diff --git a/build/media_source/templates/administrator/atum/scss/blocks/_quickicons.scss b/build/media_source/templates/administrator/atum/scss/blocks/_quickicons.scss
@@ -1,7 +1,7 @@
 // Quick Icons
 
 .quick-icons {
-  background-color: $white;
+  background-color: var(--body-bg);
 
   .nav {
     display: grid;

diff --git a/build/media_source/templates/administrator/atum/scss/pages/_com_cpanel.scss b/build/media_source/templates/administrator/atum/scss/pages/_com_cpanel.scss
@@ -92,8 +92,7 @@
     align-items: center;
     padding: 1rem 1rem .75rem;
     font-weight: $font-weight-bold;
-    color: var(--template-bg-dark);
-    background: hsla(0, 0%, 100%, .7); // default: var(--card-bg);
+    --card-bg: hsla(0, 0%, 100%, .7);
 
     > [class^="icon-"],
     > img {
@@ -135,8 +134,8 @@
     font-weight: 700;
     line-height: 1;
     color: hsl(var(--hue),30%,40%);
-    background-color: hsl(var(--hue),35%,98%);
-    border: 1px solid hsl(var(--hue),35%,88%);
+    background-color: var(--body-bg);
+    border: 1px solid var(--body-bg);
     border-radius: $border-radius;
     transition: all .15s ease-in;