diff --git a/src/components/chat_list_item/chat_list_item.scss b/src/components/chat_list_item/chat_list_item.scss
index 04bec8dd93..67e913a259 100644
--- a/src/components/chat_list_item/chat_list_item.scss
+++ b/src/components/chat_list_item/chat_list_item.scss
@@ -10,7 +10,7 @@
   }
 
   &:hover {
-    box-shadow: 0 0 3px 1px rgb(0 0 0 / 10%);
+    box-shadow: var(--shadow)
   }
 
   .chat-list-item-left {
@@ -49,12 +49,12 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     margin: 0.35em 0;
-    color: var(--faintText);
+    color: var(--textFaint);
     width: 100%;
   }
 
   a {
-    color: var(--faintLink);
+    color: var(--linkFaint);
     text-decoration: none;
     pointer-events: none;
   }
diff --git a/src/components/settings_modal/tabs/theme_tab/preview.vue b/src/components/settings_modal/tabs/theme_tab/preview.vue
index 4054a440cd..1837620f6e 100644
--- a/src/components/settings_modal/tabs/theme_tab/preview.vue
+++ b/src/components/settings_modal/tabs/theme_tab/preview.vue
@@ -81,7 +81,7 @@
               class="faint"
               scope="global"
             >
-              <a style="color: var(--faintLink);">
+              <a style="color: var(--linkFaint);">
                 {{ $t('settings.style.preview.faint_link') }}
               </a>
             </i18n-t>