From 35d34ddfa9bd986a504103108061a6caa7e9df95 Mon Sep 17 00:00:00 2001
From: Vladimir Potekhin <vladimir.potekh@gmail.com>
Date: Fri, 5 Jul 2024 11:03:04 +0300
Subject: [PATCH] chore: fix action-bar night colors

---
 .../experimental/action-bar/action-bar.component.ts        | 3 ++-
 .../modules/experimental/action-bar/examples/1/index.less  | 7 -------
 .../modules/experimental/action-bar/examples/1/index.ts    | 1 -
 .../components/action-bar/action-bar.style.less            | 7 +++++++
 4 files changed, 9 insertions(+), 9 deletions(-)
 delete mode 100644 projects/demo/src/modules/experimental/action-bar/examples/1/index.less

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
index 14008cfb560e..f2f965601474 100644
--- 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
deleted file mode 100644
index 4a03300f0348..000000000000
--- a/projects/demo/src/modules/experimental/action-bar/examples/1/index.less
+++ /dev/null
@@ -1,7 +0,0 @@
-@import '@taiga-ui/core/styles/taiga-ui-local';
-
-tui-app-bar {
-    box-shadow: var(--tui-shadow-navigation);
-    width: 20rem;
-    margin-bottom: 1rem;
-}
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
index 76e38b52d366..916a8308d868 100644
--- 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
index 5651a23fd8f5..3896f35f312c 100644
--- 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 {