diff --git a/README.md b/README.md
index aa29256..db5fe2b 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
# GNexus UI Kit
-UI-kit для веб-интерфейсов GNexus. Текущий стиль: темная cyber/terminal панель, IBM Plex Mono, Phosphor Icons, жесткие прямые формы, акцентные бордеры и неоновые состояния.
+UI-kit для веб-интерфейсов GNexus. Текущий стиль: темная cyber/terminal панель с легкой примесью Tokyo Night, IBM Plex Mono, Phosphor Icons, жесткие прямые формы, акцентные бордеры и яркие состояния.
Проект выделен из старого `webclient`, но развивается как отдельный набор UI-компонентов с demo/docs страницей.
@@ -129,7 +129,7 @@
src/scss/components/
```
-Основная идея стиля сохраняется от исходного UI: моноширинная типографика, dark surface, sharp edges, толстые акцентные бордеры, цветовая инверсия на hover/focus и яркие status colors.
+Основная идея стиля сохраняется от исходного UI: моноширинная типографика, Tokyo Night influenced dark surface, sharp edges, толстые акцентные бордеры, цветовая инверсия на hover/focus и яркие status colors.
## Assets
diff --git a/demo/index.html b/demo/index.html
index e5d6a90..f7117ec 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -8,7 +8,7 @@
-
+
diff --git a/public/assets/imgs/gnexus-mark.svg b/public/assets/imgs/gnexus-mark.svg
index 4776d34..0417f8d 100644
--- a/public/assets/imgs/gnexus-mark.svg
+++ b/public/assets/imgs/gnexus-mark.svg
@@ -1,6 +1,6 @@
diff --git a/src/scss/_design-tokens.scss b/src/scss/_design-tokens.scss
index 340d358..49a9cb8 100644
--- a/src/scss/_design-tokens.scss
+++ b/src/scss/_design-tokens.scss
@@ -4,8 +4,8 @@
$surface-page: $color-black;
$surface-panel: $color-dark;
-$surface-panel-muted: rgba($color-text-light, 0.035);
-$surface-panel-strong: rgba($color-text-light, 0.07);
+$surface-panel-muted: rgba($color-text-light, 0.045);
+$surface-panel-strong: rgba($color-text-light, 0.085);
/* =========================
BORDERS
@@ -15,7 +15,7 @@
$border-width-accent: 6px;
$border-style-base: solid;
$border-color-base: $color-primary;
-$border-color-muted: rgba($color-text-light, 0.22);
+$border-color-muted: rgba($color-text-light, 0.24);
/* =========================
MOTION
diff --git a/src/scss/_palette-colors.scss b/src/scss/_palette-colors.scss
index a502fe0..da4c6ae 100644
--- a/src/scss/_palette-colors.scss
+++ b/src/scss/_palette-colors.scss
@@ -1,33 +1,32 @@
// —————————————————————————
-// Cyberpunk Mix Palette
-// Source palettes: ColorMagic + Cyberpunk vibes
+// Cyberpunk Mix Palette with a light Tokyo Night influence
// —————————————————————————
// neutrals
-$color-black: #0A0A0D;
-$color-dark: #1A1A23;
-$color-grey: #4A4A57;
+$color-black: #16161E;
+$color-dark: #1F2335;
+$color-grey: #414868;
// prime neons
-$color-cyan: #00FFCC;
+$color-cyan: #7DCFFF;
$color-magenta: #FF00CC;
$color-hot-pink: #FF1492;
-$color-electric-blue:#00B3FF;
-$color-orange: #ff6f30;
+$color-electric-blue:#7AA2F7;
+$color-orange: #FF9E64;
// secondary accents
-$color-purple: #8A2CE2;
-$color-indigo: #4B4B9B;
-$color-teal: #00FF9F;
+$color-purple: #BB9AF7;
+$color-indigo: #565F89;
+$color-teal: #73DACA;
// highlights
-$color-neon-yellow: #FFD900;
-$color-neon-green: #00FFAA;
+$color-neon-yellow: #E0AF68;
+$color-neon-green: #9ECE6A;
// text tones
-$color-text-light: #F8F8F8;
-$color-text-medium: #D1D1D1;
-$color-text-dark: #AAAEB2;
+$color-text-light: #C0CAF5;
+$color-text-medium: #A9B1D6;
+$color-text-dark: #787C99;
// UI state
$color-primary: $color-text-light;
@@ -35,5 +34,5 @@
$color-accent: $color-orange;
$color-success: $color-neon-green;
$color-warning: $color-neon-yellow;
-$color-error: #FF3C00;
-$color-info: $color-purple;
\ No newline at end of file
+$color-error: #F7768E;
+$color-info: $color-purple;
diff --git a/src/scss/components/_typography.scss b/src/scss/components/_typography.scss
index b9764b8..8c42079 100644
--- a/src/scss/components/_typography.scss
+++ b/src/scss/components/_typography.scss
@@ -46,7 +46,7 @@
LETTER SPACING
========================= */
-$letter-spacing-tight: -0.01em;
+$letter-spacing-tight: 0;
$letter-spacing-normal: 0;
$letter-spacing-wide: 0.04em;
diff --git a/src/scss/kit.scss b/src/scss/kit.scss
index 22bde84..5db9871 100644
--- a/src/scss/kit.scss
+++ b/src/scss/kit.scss
@@ -30,7 +30,7 @@
}
body {
- background-color: $color-black;
+ background-color: $surface-page;
color: $color-text-light;
}
@@ -40,7 +40,7 @@
*::-webkit-scrollbar-track {
width: 10px;
- background: $color-black;
+ background: $surface-page;
cursor: pointer;
}