From bfaa2b00e5175cdc551da97960cb84af66841fce Mon Sep 17 00:00:00 2001
From: Andrey Sobolev <haiodo@users.noreply.github.com>
Date: Sun, 28 May 2023 13:42:07 +0700
Subject: [PATCH] UBER-269: Fix mini toggle (#3271)

---
 packages/ui/src/components/MiniToggle.svelte         | 12 ++++++------
 .../src/components/NotificationView.svelte           |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/MiniToggle.svelte b/packages/ui/src/components/MiniToggle.svelte
index c0ccbed59d..6774d2da21 100644
--- a/packages/ui/src/components/MiniToggle.svelte
+++ b/packages/ui/src/components/MiniToggle.svelte
@@ -61,13 +61,13 @@
       overflow: hidden;
 
       &:checked + .toggle-switch {
-        background-color: var(--toggle-on-bg-color);
+        background-color: var(--theme-toggle-on-bg-color);
         &:hover {
-          background-color: var(--toggle-on-bg-hover);
+          background-color: var(--theme-toggle-on-bg-hover);
         }
         &:before {
           left: 9px;
-          background: var(--toggle-on-sw-color);
+          background: var(--theme-toggle-on-sw-color);
         }
       }
       &:not(:disabled) + .toggle-switch {
@@ -88,7 +88,7 @@
       width: 22px;
       height: 14px;
       border-radius: 4.5rem;
-      background-color: var(--toggle-bg-color);
+      background-color: var(--theme-toggle-bg-color);
       transition: left 0.2s, background-color 0.2s;
       &:before {
         content: '';
@@ -99,12 +99,12 @@
         width: 10px;
         height: 10px;
         border-radius: 50%;
-        background: var(--toggle-sw-color);
+        background: var(--theme-toggle-sw-color);
         // box-shadow: 1px 2px 7px rgba(119, 129, 142, 0.1);
         transition: all 0.1s ease-out;
       }
       &:hover {
-        background-color: var(--toggle-bg-hover);
+        background-color: var(--theme-toggle-bg-hover);
       }
     }
 
diff --git a/plugins/notification-resources/src/components/NotificationView.svelte b/plugins/notification-resources/src/components/NotificationView.svelte
index cb500591c4..8827347f80 100644
--- a/plugins/notification-resources/src/components/NotificationView.svelte
+++ b/plugins/notification-resources/src/components/NotificationView.svelte
@@ -128,6 +128,7 @@
       display: flex;
       flex-grow: 1;
       padding: 0.5rem 0;
+      color: var(--theme-caption-color);
 
       &.read {
         opacity: 0.6;