From 3c9797af4ac4355394747cb7e0da512f24c20bc8 Mon Sep 17 00:00:00 2001
From: "@kirill.komarov" <kirill.komarov@stecpoint.ru>
Date: Wed, 13 May 2026 12:48:17 +0500
Subject: [PATCH] deploy

---
 client/src/app/providers/AppProviders.tsx      |  6 ++++++
 client/src/entities/product/ui/ProductCard.tsx | 10 ++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/client/src/app/providers/AppProviders.tsx b/client/src/app/providers/AppProviders.tsx
index 7237b57..e827022 100644
--- a/client/src/app/providers/AppProviders.tsx
+++ b/client/src/app/providers/AppProviders.tsx
@@ -18,6 +18,8 @@ function AppThemeInner({ children }: PropsWithChildren) {
             ? { primary: '#F2F2F2', secondary: 'rgba(242,242,242,0.72)', disabled: 'rgba(242,242,242,0.48)' }
             : { primary: '#1F1B16', secondary: 'rgba(31,27,22,0.72)', disabled: 'rgba(31,27,22,0.48)' }
 
+          const chip = isDark ? { default: '#0E1510', paper: '#121B14' } : { default: '#F6FAF6', paper: '#FFFFFF' }
+
           switch (controller.scheme) {
             case 'forest':
               return {
@@ -30,6 +32,7 @@ function AppThemeInner({ children }: PropsWithChildren) {
                 error: { main: isDark ? '#EF5350' : '#D32F2F' },
                 divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
                 text,
+                chip,
                 background: isDark
                   ? { default: '#0E1510', paper: '#121B14' }
                   : { default: '#F6FAF6', paper: '#FFFFFF' },
@@ -45,6 +48,7 @@ function AppThemeInner({ children }: PropsWithChildren) {
                 error: { main: isDark ? '#EF5350' : '#D32F2F' },
                 divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
                 text,
+                chip,
                 background: isDark
                   ? { default: '#0B1220', paper: '#0F172A' }
                   : { default: '#F6FAFF', paper: '#FFFFFF' },
@@ -60,6 +64,7 @@ function AppThemeInner({ children }: PropsWithChildren) {
                 error: { main: isDark ? '#EF5350' : '#D32F2F' },
                 divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
                 text,
+                chip,
                 background: isDark
                   ? { default: '#140A17', paper: '#1B0F20' }
                   : { default: '#FFF7FD', paper: '#FFFFFF' },
@@ -76,6 +81,7 @@ function AppThemeInner({ children }: PropsWithChildren) {
                 error: { main: isDark ? '#EF9A9A' : '#D32F2F' },
                 divider: isDark ? 'rgba(255,255,255,0.10)' : 'rgba(0,0,0,0.10)',
                 text,
+                chip,
                 background: isDark
                   ? { default: '#12100F', paper: '#191615' }
                   : { default: '#FAF8F5', paper: '#FFFFFF' },
diff --git a/client/src/entities/product/ui/ProductCard.tsx b/client/src/entities/product/ui/ProductCard.tsx
index 6f76250..8496c2f 100644
--- a/client/src/entities/product/ui/ProductCard.tsx
+++ b/client/src/entities/product/ui/ProductCard.tsx
@@ -186,11 +186,12 @@ export function ProductCard({ product, mediaHeight = 200, actions }: Props) {
                   key={m}
                   label={m}
                   size="small"
+                  variant="outlined"
                   sx={{
+                    bgcolor: 'chip.default',
+                    color: 'text.secondary',
                     fontSize: '0.7rem',
                     height: 22,
-                    bgcolor: 'grey.100',
-                    color: 'text.secondary',
                     fontWeight: 500,
                   }}
                 />
@@ -199,11 +200,12 @@ export function ProductCard({ product, mediaHeight = 200, actions }: Props) {
                 <Chip
                   label={`+${moreMaterials}`}
                   size="small"
+                  variant="outlined"
                   sx={{
+                    bgcolor: 'chip.default',
+                    color: 'text.secondary',
                     fontSize: '0.7rem',
                     height: 22,
-                    bgcolor: 'grey.100',
-                    color: 'text.secondary',
                     fontWeight: 500,
                   }}
                 />