feat(addon-mobile): update TabBar styles

taiga-family · Jun 28, 2024 · 4c321ec · 4c321ec
1 parent 74d9d85
commit 4c321ec
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/projects/addon-mobile/components/tab-bar/tab-bar.style.less b/projects/addon-mobile/components/tab-bar/tab-bar.style.less
@@ -1,7 +1,7 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
 :host {
-    --tui-active-color: var(--tui-background-accent-1);
+    --tui-active-color: var(--tui-text-action);
 
     position: relative;
     display: flex;
@@ -14,16 +14,20 @@
         'Segoe UI',
         sans-serif;
     height: var(--tui-height-l);
-    color: var(--tui-text-tertiary);
-    backdrop-filter: blur(0.25rem);
+    color: var(--tui-text-secondary);
+    backdrop-filter: blur(0.3125rem);
 
     &:before {
         .fullsize();
 
         content: '';
-        background: var(--tui-background-elevation-1);
+        background: var(--tui-background-base-alt);
         box-shadow: inset 0 1px var(--tui-border-normal);
-        opacity: 0.9;
+        opacity: 0.8;
+
+        [tuiTheme='dark'] & {
+            opacity: 0.7;
+        }
     }
 }