From 2a15faf17b83e09fa0fed523f04192ed2b57bd9c Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Wed, 18 Jun 2025 22:54:14 +0300
Subject: [PATCH] M: Minor UI color improvements

---
 .../src/app/navigation/toggle-navigation.tsx  |  8 ++++----
 .../src/components/tabs/tab-label.tsx         |  2 +-
 .../features/help/components/badge-help.tsx   |  2 +-
 .../toolbar-constituenta.tsx                  | 19 +++++++++++++------
 .../editor-term-graph/schemas-guide.tsx       |  2 +-
 .../editor-term-graph/toolbar-term-graph.tsx  |  3 ++-
 .../users/pages/register-page/form-signup.tsx |  6 +++++-
 7 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx b/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
index 47c7bb91..a35f2d6f 100644
--- a/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
+++ b/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
@@ -25,8 +25,8 @@ export function ToggleNavigation() {
         data-tooltip-content={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'}
         aria-label={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'}
       >
-        {!noNavigationAnimation ? <IconPin size='0.75rem' /> : null}
-        {noNavigationAnimation ? <IconUnpin size='0.75rem' /> : null}
+        {!noNavigationAnimation ? <IconPin size='0.75rem' className='hover:text-primary' /> : null}
+        {noNavigationAnimation ? <IconUnpin size='0.75rem' className='hover:text-primary' /> : null}
       </button>
       {!noNavigationAnimation ? (
         <button
@@ -38,8 +38,8 @@ export function ToggleNavigation() {
           data-tooltip-content={darkMode ? 'Тема: Темная' : 'Тема: Светлая'}
           aria-label={darkMode ? 'Тема: Темная' : 'Тема: Светлая'}
         >
-          {darkMode ? <IconDarkTheme size='0.75rem' /> : null}
-          {!darkMode ? <IconLightTheme size='0.75rem' /> : null}
+          {darkMode ? <IconDarkTheme size='0.75rem' className='hover:text-primary' /> : null}
+          {!darkMode ? <IconLightTheme size='0.75rem' className='hover:text-primary' /> : null}
         </button>
       ) : null}
     </div>
diff --git a/rsconcept/frontend/src/components/tabs/tab-label.tsx b/rsconcept/frontend/src/components/tabs/tab-label.tsx
index 95bd3620..d87a897f 100644
--- a/rsconcept/frontend/src/components/tabs/tab-label.tsx
+++ b/rsconcept/frontend/src/components/tabs/tab-label.tsx
@@ -22,7 +22,7 @@ export function TabLabel({
   className,
   disabled,
   role = 'tab',
-  selectedClassName = 'text-foreground! cc-selected',
+  selectedClassName = 'text-foreground! bg-secondary',
   ...otherProps
 }: TabLabelProps) {
   return (
diff --git a/rsconcept/frontend/src/features/help/components/badge-help.tsx b/rsconcept/frontend/src/features/help/components/badge-help.tsx
index 9c4305b2..adb201fc 100644
--- a/rsconcept/frontend/src/features/help/components/badge-help.tsx
+++ b/rsconcept/frontend/src/features/help/components/badge-help.tsx
@@ -42,7 +42,7 @@ export function BadgeHelp({ topic, padding = 'p-1', className, contentClass, sty
   }
   return (
     <div tabIndex={-1} id={`help-${topic}`} className={cn(padding, className)} style={style}>
-      <IconHelp size='1.25rem' className='icon-primary' />
+      <IconHelp size='1.25rem' className='text-muted-foreground hover:text-primary' />
       <Tooltip
         clickable
         anchorSelect={`#help-${topic}`}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/toolbar-constituenta.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/toolbar-constituenta.tsx
index fe571b12..f36be39c 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/toolbar-constituenta.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/toolbar-constituenta.tsx
@@ -131,12 +131,6 @@ export function ToolbarConstituenta({
         </>
       ) : null}
 
-      <MiniButton
-        title='Отображение списка конституент'
-        icon={showList ? <IconList size='1.25rem' className='icon-primary' /> : <IconListOff size='1.25rem' />}
-        onClick={toggleList}
-      />
-
       {isContentEditable ? (
         <>
           <MiniButton
@@ -155,6 +149,19 @@ export function ToolbarConstituenta({
           />
         </>
       ) : null}
+
+      <MiniButton
+        noHover
+        title='Отображение списка конституент'
+        icon={
+          showList ? (
+            <IconList size='1.25rem' className='hover:icon-primary' />
+          ) : (
+            <IconListOff size='1.25rem' className='hover:icon-primary' />
+          )
+        }
+        onClick={toggleList}
+      />
       <BadgeHelp topic={HelpTopic.UI_RS_EDITOR} offset={4} contentClass='sm:max-w-160' />
     </div>
   );
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/schemas-guide.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/schemas-guide.tsx
index 3392f65e..2164d325 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/schemas-guide.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/schemas-guide.tsx
@@ -37,7 +37,7 @@ export function SchemasGuide() {
 
   return (
     <div className='p-1' tabIndex={-1} id={globalIDs.graph_schemas}>
-      <IconHelp size='1.25rem' className='icon-primary' />
+      <IconHelp size='1.25rem' className='text-muted-foreground hover:icon-primary' />
       <Tooltip
         anchorSelect={`#${globalIDs.graph_schemas}`}
         place='right'
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/toolbar-term-graph.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/toolbar-term-graph.tsx
index dfd6a9bc..90aa24f7 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/toolbar-term-graph.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/toolbar-term-graph.tsx
@@ -157,7 +157,8 @@ export function ToolbarTermGraph() {
         />
       ) : null}
       <MiniButton
-        icon={<IconTypeGraph size='1.25rem' className='icon-primary' />}
+        noHover
+        icon={<IconTypeGraph size='1.25rem' className='hover:icon-primary' />}
         title='Граф ступеней'
         onClick={handleShowTypeGraph}
       />
diff --git a/rsconcept/frontend/src/features/users/pages/register-page/form-signup.tsx b/rsconcept/frontend/src/features/users/pages/register-page/form-signup.tsx
index 42cbfbe2..6670891d 100644
--- a/rsconcept/frontend/src/features/users/pages/register-page/form-signup.tsx
+++ b/rsconcept/frontend/src/features/users/pages/register-page/form-signup.tsx
@@ -96,7 +96,11 @@ export function FormSignup() {
         <fieldset className='cc-column w-60 relative'>
           <legend className='sr-only'>Информация о пользователе</legend>
 
-          <IconHelp id={globalIDs.email_tooltip} className='absolute top-0 right-0 icon-primary' size='1.25rem' />
+          <IconHelp
+            id={globalIDs.email_tooltip}
+            className='absolute top-0 right-0 text-muted-foreground hover:text-primary'
+            size='1.25rem'
+          />
           <Tooltip anchorSelect={`#${globalIDs.email_tooltip}`} offset={6}>
             электронная почта используется для восстановления пароля
           </Tooltip>