fix(frontend): полная зачистка UI legacy и унификация брендовой палитры (fix41)

apps/frontend/src/styles/dark.scss

@@ -1,35 +0,0 @@
-html.dark {
-  --menuBg: var(--el-bg-color-overlay);
-  --menuText: #fff;
-  --menuActiveText: var(--el-menu-active-color);
-  --menuHover: rgb(0 0 0 / 20%);
-  --subMenuBg: var(--el-menu-bg-color);
-  --subMenuActiveText: var(--el-menu-active-color);
-  --subMenuHover: rgb(0 0 0 / 20%);
-
-  .navbar {
-    color: var(--el-text-color-regular);
-    background-color: var(--el-bg-color);
-
-    .setting-container .setting-item:hover {
-      background: var(--el-fill-color-light);
-    }
-  }
-
-  .right-panel-btn {
-    background-color: var(--el-color-primary-dark);
-  }
-
-  .svg-icon,
-  svg {
-    fill: var(--el-text-color-regular);
-  }
-
-  .sidebar-container {
-    .el-menu-item.is-active .svg-icon {
-      fill: var(--el-color-primary);
-    }
-  }
-}
-
-

apps/frontend/src/styles/element-plus.scss

@@ -1,9 +1,3 @@
-:root {
-  // Здесь можно задать пользовательские переменные цвета
-  // Цвет active-состояния основной кнопки Element Plus, меняется вместе с темой
-  --el-color-primary-dark: #0d84ff;
-}
-
 // Переопределение стилей Element Plus
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {

apps/frontend/src/styles/index.scss

@@ -1,19 +1,38 @@
 @import "./sidebar";
 @import "./reset";
-@import "./dark";
 @import "./element-plus";
 
 .app-container {
   margin: 20px;
 
-  .search {
-    padding: 18px 0 0 10px;
-    margin-bottom: 10px;
+  .search,
+  .page-toolbar {
+    padding: 16px 20px;
+    margin-bottom: 12px;
     background-color: var(--el-bg-color-overlay);
     border: 1px solid var(--el-border-color-light);
     border-radius: 4px;
     box-shadow: var(--el-box-shadow-light);
   }
+
+  .page-toolbar {
+    .el-form {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 12px 16px;
+      align-items: center;
+    }
+
+    .el-form-item {
+      margin-right: 0;
+      margin-bottom: 0;
+    }
+  }
+
+  .search {
+    padding: 18px 0 0 10px;
+    margin-bottom: 10px;
+  }
 }
 
 

apps/frontend/src/styles/sidebar.scss

@@ -54,6 +54,28 @@
       height: 48px;
       line-height: normal;
       padding: 0 16px !important;
+      color: $menuText !important;
+    }
+
+    .el-menu-item:hover,
+    .el-sub-menu__title:hover {
+      background-color: $menuHover !important;
+    }
+
+    .el-menu-item.is-active {
+      position: relative;
+      color: $menuActiveText !important;
+      background-color: $menuActiveBg !important;
+    }
+
+    .el-menu-item.is-active::before {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 2px;
+      content: "";
+      background-color: $menuActiveBorder;
     }
 
     .svg-icon {
@@ -61,6 +83,8 @@
       width: 18px;
       height: 18px;
       margin-right: 0;
+      color: currentColor;
+      fill: currentColor;
     }
 
     .menu-title {
@@ -236,4 +260,3 @@
     }
   }
 }
-

apps/frontend/src/styles/variables.scss

@@ -1,13 +1,23 @@
 // Глобальные SCSS-переменные
 
 :root {
-  --menuBg: #304156;
-  --menuText: #bfcbd9;
-  --menuActiveText: #409eff;
-  --menuHover: #263445;
-  --subMenuBg: #1f2d3d;
-  --subMenuActiveText: #f4f4f5;
-  --subMenuHover: #001528;
+  --el-color-primary: #ff4e2f;
+  --el-color-primary-dark-2: #cc3e26;
+  --el-color-primary-light-3: #ff826d;
+  --el-color-primary-light-5: #ffa797;
+  --el-color-primary-light-7: #ffc8bd;
+  --el-color-primary-light-8: #ffdcd6;
+  --el-color-primary-light-9: #ffedea;
+
+  --menuBg: #181818;
+  --menuText: #fff;
+  --menuActiveText: #fff;
+  --menuHover: #2a2d2e;
+  --subMenuBg: #1f1f1f;
+  --subMenuActiveText: #fff;
+  --subMenuHover: #2a2d2e;
+  --menuActiveBg: #37373d;
+  --menuActiveBorder: #ff4e2f;
 }
 
 $menuBg: var(--menuBg);
@@ -18,8 +28,9 @@ $menuHover: var(--menuHover);
 $subMenuBg: var(--subMenuBg);
 $subMenuActiveText: var(--subMenuActiveText);
 $subMenuHover: var(--subMenuHover);
+$menuActiveBg: var(--menuActiveBg);
+$menuActiveBorder: var(--menuActiveBorder);
 
 $sideBarWidth: 210px;
 $sideBarCollapsedWidth: 54px;
 
-