chore: fix action-bar night colors

taiga-family · Jul 5, 2024 · 35d34dd · 35d34dd
1 parent 54e6a71
commit 35d34dd
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/projects/demo/src/modules/experimental/action-bar/action-bar.component.ts b/projects/demo/src/modules/experimental/action-bar/action-bar.component.ts
@@ -13,11 +13,12 @@ export class ExampleTuiActionBarComponent {
 
     readonly example1: TuiDocExample = {
         HTML: import('./examples/1/index.html?raw'),
-        LESS: import('./examples/1/index.less?raw'),
+        TypeScript: import('./examples/1/index.ts?raw'),
     };
 
     readonly example2: TuiDocExample = {
         HTML: import('./examples/2/index.html?raw'),
         LESS: import('./examples/2/index.less?raw'),
+        TypeScript: import('./examples/2/index.ts?raw'),
     };
 }
diff --git a/projects/demo/src/modules/experimental/action-bar/examples/1/index.less b/projects/demo/src/modules/experimental/action-bar/examples/1/index.less
diff --git a/projects/demo/src/modules/experimental/action-bar/examples/1/index.ts b/projects/demo/src/modules/experimental/action-bar/examples/1/index.ts
@@ -8,7 +8,6 @@ import {map} from 'rxjs/operators';
 @Component({
     selector: 'tui-action-bar-example-1',
     templateUrl: './index.html',
-    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })

diff --git a/projects/experimental/components/action-bar/action-bar.style.less b/projects/experimental/components/action-bar/action-bar.style.less
@@ -19,6 +19,13 @@
     ::ng-deep tui-data-list[data-size] {
         padding: 0.25rem 0 0.5rem;
     }
+
+    &[tuiTheme='night'] {
+        --tui-text-01: var(--tui-text-01-night);
+        --tui-text-02: var(--tui-text-02-night);
+        --tui-text-03: var(--tui-text-03-night);
+        --tui-base-03: var(--tui-neutral-bg-night);
+    }
 }
 
 .t-content {