diff --git a/src/scss/layout/_root.scss b/src/scss/layout/_root.scss
index 5fec5785dd..66929d97c4 100644
--- a/src/scss/layout/_root.scss
+++ b/src/scss/layout/_root.scss
@@ -8,6 +8,8 @@
     --#{$prefix}#{$name}-fg: #{if(contrast-ratio($color) > $min-contrast-ratio, var(--#{$prefix}light), var(--#{$prefix}dark))};
     --#{$prefix}#{$name}-darken: #{theme-color-darker($color)};
     --#{$prefix}#{$name}-rgb: #{to-rgb($color)};
+    --#{$prefix}#{$name}-lt: #{theme-color-lighter($color)};
+    --#{$prefix}#{$name}-lt-rgb: #{to-rgb(theme-color-lighter($color))};
   }
 
   --#{$prefix}bg-surface: #{$bg-surface};
diff --git a/src/scss/mixins/_functions.scss b/src/scss/mixins/_functions.scss
index baf19bd311..02bd26926d 100644
--- a/src/scss/mixins/_functions.scss
+++ b/src/scss/mixins/_functions.scss
@@ -2,7 +2,7 @@
   @if ($transparent) {
     @return rgba($color, .1);
   } @else {
-    @return tint-color($color, 10%);
+    @return tint-color($color, 90%);
   }
 }
 
diff --git a/src/scss/ui/_avatars.scss b/src/scss/ui/_avatars.scss
index ccf7c1f6d1..a5a539cfff 100644
--- a/src/scss/ui/_avatars.scss
+++ b/src/scss/ui/_avatars.scss
@@ -71,7 +71,7 @@
 
   .avatar {
     margin-right: calc(-.5 * var(--#{$prefix}avatar-size)) !important;
-    box-shadow: var(--#{$prefix}avatar-shadow), 0 0 0 2px var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
+    box-shadow: var(--#{$prefix}avatar-shadow), 0 0 0 2px var(--#{$prefix}card-cap-bg, var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface)));
   }
 }
 
diff --git a/src/scss/utils/_colors.scss b/src/scss/utils/_colors.scss
index f6935ab43a..6d016ba2b8 100644
--- a/src/scss/utils/_colors.scss
+++ b/src/scss/utils/_colors.scss
@@ -6,10 +6,10 @@
   }
 
   .bg-#{"" + $color}-lt {
-    --#{$prefix}bg-opacity: .1;
+    --#{$prefix}bg-opacity: 1;
     --#{$prefix}text-opacity: 1;
     color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}text-opacity)) !important;
-    background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
+    background-color: rgba(var(--#{$prefix}#{$color}-lt-rgb), var(--#{$prefix}bg-opacity)) !important;
   }
 }