fix: fix avatar background in dark mode #785

tabler · Oct 24, 2021 · 52fe2d7 · 52fe2d7
1 parent ad4f992
commit 52fe2d7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/scss/_dark.scss b/src/scss/_dark.scss
@@ -61,7 +61,7 @@
   }
 
   .avatar {
-    background-color: $dark-mode-lighten;
+    --tblr-avatar-bg: #{$dark-mode-lighten};
   }
 
   .avatar-list-stacked .avatar {

diff --git a/src/scss/ui/_avatars.scss b/src/scss/ui/_avatars.scss
@@ -1,5 +1,6 @@
 .avatar {
   --#{$variable-prefix}avatar-size: #{$avatar-size};
+  --#{$variable-prefix}avatar-bg: #{$gray-200};
   position: relative;
   width: var(--#{$variable-prefix}avatar-size);
   height: var(--#{$variable-prefix}avatar-size);
@@ -13,7 +14,7 @@
   text-transform: uppercase;
   vertical-align: bottom;
   user-select: none;
-  background: $gray-200 no-repeat center/cover;
+  background: var(--#{$variable-prefix}avatar-bg) no-repeat center/cover;
   border-radius: $avatar-border-radius;
 
   svg {