From dd8d4fe622756d91f73369398f5dc9c4341f69df Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 19 Jun 2025 12:44:58 +0300
Subject: [PATCH] F: Upgrade hover animations pt2

---
 .../src/app/navigation/toggle-navigation.tsx  | 16 ++++++++++----
 .../src/components/control/mini-button.tsx    |  8 +++----
 .../src/components/input/combo-box.tsx        |  7 ++++++-
 .../src/components/input/combo-multi.tsx      |  2 +-
 .../src/components/input/select-tree.tsx      |  3 +--
 .../frontend/src/components/input/select.tsx  |  4 ++--
 .../src/components/view/value-icon.tsx        |  2 +-
 .../features/help/components/badge-help.tsx   |  2 +-
 .../components/editor-library-item.tsx        |  1 -
 .../features/library/components/menu-role.tsx |  3 +--
 .../library/components/select-location.tsx    |  1 -
 .../dlg-edit-editors/dlg-edit-editors.tsx     |  3 +--
 .../dlg-edit-versions/table-versions.tsx      |  1 -
 .../pages/library-page/library-page.tsx       |  1 -
 .../library-page/use-library-columns.tsx      |  5 ++---
 .../pages/library-page/view-side-location.tsx |  3 +--
 .../features/oss/components/pick-contents.tsx |  3 ---
 .../oss/components/pick-multi-operation.tsx   |  3 ---
 .../oss/dialogs/dlg-change-input-schema.tsx   |  1 -
 .../tab-input-operation.tsx                   |  1 -
 .../oss/pages/oss-page/menu-edit-oss.tsx      |  2 +-
 .../features/oss/pages/oss-page/menu-main.tsx |  2 +-
 .../rsform/components/pick-substitutions.tsx  |  3 ---
 .../dlg-cst-template/tab-arguments.tsx        |  3 ---
 .../dlg-edit-word-forms.tsx                   |  5 -----
 .../dlg-edit-word-forms/table-word-forms.tsx  |  1 -
 .../editor-constituenta/form-constituenta.tsx |  6 ++----
 .../toolbar-constituenta.tsx                  |  5 ++---
 .../toolbar-rsexpression.tsx                  |  3 ---
 .../editor-rslist/editor-rslist.tsx           |  2 +-
 .../editor-term-graph/toolbar-term-graph.tsx  |  3 +--
 .../editor-term-graph/view-hidden.tsx         |  1 -
 .../pages/rsform-page/menu-edit-schema.tsx    |  3 +--
 .../rsform/pages/rsform-page/menu-main.tsx    |  2 +-
 .../view-constituents/constituents-search.tsx |  1 -
 .../features/users/components/table-users.tsx |  1 -
 .../users/pages/register-page/form-signup.tsx |  2 +-
 rsconcept/frontend/src/styling/components.css |  7 -------
 rsconcept/frontend/src/styling/utilities.css  | 21 +++++++++++++++++++
 39 files changed, 65 insertions(+), 78 deletions(-)

diff --git a/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx b/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
index a35f2d6f..8be5cd7f 100644
--- a/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
+++ b/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
@@ -25,8 +25,12 @@ export function ToggleNavigation() {
         data-tooltip-content={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'}
         aria-label={noNavigationAnimation ? 'Показать навигацию' : 'Скрыть навигацию'}
       >
-        {!noNavigationAnimation ? <IconPin size='0.75rem' className='hover:text-primary' /> : null}
-        {noNavigationAnimation ? <IconUnpin size='0.75rem' className='hover:text-primary' /> : null}
+        {!noNavigationAnimation ? (
+          <IconPin size='0.75rem' className='hover:text-primary cc-animate-color cc-hover-pulse' />
+        ) : null}
+        {noNavigationAnimation ? (
+          <IconUnpin size='0.75rem' className='hover:text-primary cc-animate-color cc-hover-pulse' />
+        ) : null}
       </button>
       {!noNavigationAnimation ? (
         <button
@@ -38,8 +42,12 @@ export function ToggleNavigation() {
           data-tooltip-content={darkMode ? 'Тема: Темная' : 'Тема: Светлая'}
           aria-label={darkMode ? 'Тема: Темная' : 'Тема: Светлая'}
         >
-          {darkMode ? <IconDarkTheme size='0.75rem' className='hover:text-primary' /> : null}
-          {!darkMode ? <IconLightTheme size='0.75rem' className='hover:text-primary' /> : null}
+          {darkMode ? (
+            <IconDarkTheme size='0.75rem' className='hover:text-primary cc-animate-color cc-hover-pulse' />
+          ) : null}
+          {!darkMode ? (
+            <IconLightTheme size='0.75rem' className='hover:text-primary cc-animate-color cc-hover-pulse' />
+          ) : null}
         </button>
       ) : null}
     </div>
diff --git a/rsconcept/frontend/src/components/control/mini-button.tsx b/rsconcept/frontend/src/components/control/mini-button.tsx
index 1030e3ac..963ab76e 100644
--- a/rsconcept/frontend/src/components/control/mini-button.tsx
+++ b/rsconcept/frontend/src/components/control/mini-button.tsx
@@ -1,8 +1,7 @@
-import clsx from 'clsx';
-
 import { globalIDs } from '@/utils/constants';
 
 import { type Button } from '../props';
+import { cn } from '../utils';
 
 interface MiniButtonProps extends Button {
   /** Button type. */
@@ -37,11 +36,12 @@ export function MiniButton({
     <button
       type={type}
       tabIndex={tabIndex ?? -1}
-      className={clsx(
+      className={cn(
         'rounded-lg',
         'cc-controls cc-animate-background',
         'cursor-pointer disabled:cursor-auto',
-        noHover ? 'outline-hidden' : 'cc-hover-bg',
+        (!tabIndex || tabIndex === -1) && 'outline-hidden',
+        !noHover && 'cc-hover-pulse',
         !noPadding && 'px-1 py-1',
         className
       )}
diff --git a/rsconcept/frontend/src/components/input/combo-box.tsx b/rsconcept/frontend/src/components/input/combo-box.tsx
index 714ad927..d6656398 100644
--- a/rsconcept/frontend/src/components/input/combo-box.tsx
+++ b/rsconcept/frontend/src/components/input/combo-box.tsx
@@ -92,7 +92,12 @@ export function ComboBox<Option>({
           hidden={hidden && !open}
         >
           <span className='truncate'>{value ? labelValueFunc(value) : placeholder}</span>
-          <ChevronDownIcon className={cn('text-muted-foreground', clearable && !!value && 'opacity-0')} />
+          <ChevronDownIcon
+            className={cn(
+              'text-muted-foreground cc-hover-pulse hover:text-primary',
+              clearable && !!value && 'opacity-0'
+            )}
+          />
           {clearable && !!value ? (
             <IconRemove
               tabIndex={-1}
diff --git a/rsconcept/frontend/src/components/input/combo-multi.tsx b/rsconcept/frontend/src/components/input/combo-multi.tsx
index 65eb5d80..00daf3df 100644
--- a/rsconcept/frontend/src/components/input/combo-multi.tsx
+++ b/rsconcept/frontend/src/components/input/combo-multi.tsx
@@ -115,7 +115,7 @@ export function ComboMulti<Option>({
             <IconRemove
               tabIndex={-1}
               size='1rem'
-              className='cc-remove absolute pointer-events-auto right-3'
+              className='cc-remove absolute pointer-events-auto right-3 cc-hover-pulse hover:text-primary'
               onClick={handleClear}
             />
           ) : null}
diff --git a/rsconcept/frontend/src/components/input/select-tree.tsx b/rsconcept/frontend/src/components/input/select-tree.tsx
index f13408ff..a2cba59d 100644
--- a/rsconcept/frontend/src/components/input/select-tree.tsx
+++ b/rsconcept/frontend/src/components/input/select-tree.tsx
@@ -101,9 +101,8 @@ export function SelectTree<ItemType>({
             {foldable.has(item) ? (
               <MiniButton
                 aria-label={!folded.includes(item) ? 'Свернуть' : 'Развернуть'}
-                className={clsx('absolute left-1', !folded.includes(item) ? 'top-1.5' : 'top-1')}
+                className={clsx('absolute left-1 hover:text-primary', !folded.includes(item) ? 'top-1.5' : 'top-1')}
                 noPadding
-                noHover
                 icon={!folded.includes(item) ? <IconDropArrow size='1rem' /> : <IconPageRight size='1.25rem' />}
                 onClick={event => handleClickFold(event, item)}
               />
diff --git a/rsconcept/frontend/src/components/input/select.tsx b/rsconcept/frontend/src/components/input/select.tsx
index 1f8b1f76..80e29da5 100644
--- a/rsconcept/frontend/src/components/input/select.tsx
+++ b/rsconcept/frontend/src/components/input/select.tsx
@@ -46,7 +46,7 @@ function SelectTrigger({
     >
       {children}
       <SelectPrimitive.Icon asChild>
-        <ChevronDownIcon className='size-4' />
+        <ChevronDownIcon className='size-4 cc-hover-pulse hover:text-primary' />
       </SelectPrimitive.Icon>
     </SelectPrimitive.Trigger>
   );
@@ -154,7 +154,7 @@ function SelectScrollDownButton({
       className={cn('flex cursor-default items-center justify-center py-1', className)}
       {...props}
     >
-      <ChevronDownIcon className='size-4' />
+      <ChevronDownIcon className='size-4 cc-hover-pulse hover:text-primary' />
     </SelectPrimitive.ScrollDownButton>
   );
 }
diff --git a/rsconcept/frontend/src/components/view/value-icon.tsx b/rsconcept/frontend/src/components/view/value-icon.tsx
index 14b9c5e1..3ab14d99 100644
--- a/rsconcept/frontend/src/components/view/value-icon.tsx
+++ b/rsconcept/frontend/src/components/view/value-icon.tsx
@@ -57,7 +57,7 @@ export function ValueIcon({
       data-tooltip-hidden={hideTitle}
       aria-label={title}
     >
-      {onClick ? <MiniButton noHover noPadding icon={icon} onClick={onClick} disabled={disabled} /> : icon}
+      {onClick ? <MiniButton noPadding icon={icon} onClick={onClick} disabled={disabled} /> : icon}
       <span id={id}>{value}</span>
     </div>
   );
diff --git a/rsconcept/frontend/src/features/help/components/badge-help.tsx b/rsconcept/frontend/src/features/help/components/badge-help.tsx
index adb201fc..832881b4 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='text-muted-foreground hover:text-primary' />
+      <IconHelp size='1.25rem' className='text-muted-foreground hover:text-primary cc-animate-color' />
       <Tooltip
         clickable
         anchorSelect={`#help-${topic}`}
diff --git a/rsconcept/frontend/src/features/library/components/editor-library-item.tsx b/rsconcept/frontend/src/features/library/components/editor-library-item.tsx
index c7ac1a49..a3f26b2f 100644
--- a/rsconcept/frontend/src/features/library/components/editor-library-item.tsx
+++ b/rsconcept/frontend/src/features/library/components/editor-library-item.tsx
@@ -86,7 +86,6 @@ export function EditorLibraryItem({ schema, isAttachedToOSS }: EditorLibraryItem
       <div className='relative flex justify-stretch sm:mb-1 max-w-120 gap-3'>
         <MiniButton
           title='Открыть в библиотеке'
-          noHover
           noPadding
           icon={<IconFolderOpened size='1.25rem' className='icon-primary' />}
           onClick={handleOpenLibrary}
diff --git a/rsconcept/frontend/src/features/library/components/menu-role.tsx b/rsconcept/frontend/src/features/library/components/menu-role.tsx
index 7797a465..087ac3dc 100644
--- a/rsconcept/frontend/src/features/library/components/menu-role.tsx
+++ b/rsconcept/frontend/src/features/library/components/menu-role.tsx
@@ -30,7 +30,6 @@ export function MenuRole({ isOwned, isEditor }: MenuRoleProps) {
   if (isAnonymous) {
     return (
       <MiniButton
-        noHover
         noPadding
         titleHtml='<b>Анонимный режим</b><br />Войти в Портал'
         hideTitle={accessMenu.isOpen}
@@ -48,7 +47,7 @@ export function MenuRole({ isOwned, isEditor }: MenuRoleProps) {
         noPadding
         title={`Режим ${labelUserRole(role)}`}
         hideTitle={accessMenu.isOpen}
-        className='h-full pr-2 bg-transparent text-muted-foreground hover:text-primary'
+        className='h-full pr-2 text-muted-foreground hover:text-primary cc-animate-color'
         icon={<IconRole value={role} size='1.25rem' className='' />}
         onClick={accessMenu.toggle}
       />
diff --git a/rsconcept/frontend/src/features/library/components/select-location.tsx b/rsconcept/frontend/src/features/library/components/select-location.tsx
index 599b08c8..3f95bbe8 100644
--- a/rsconcept/frontend/src/features/library/components/select-location.tsx
+++ b/rsconcept/frontend/src/features/library/components/select-location.tsx
@@ -73,7 +73,6 @@ export function SelectLocation({ value, dense, prefix, onClick, className, style
             {item.children.size > 0 ? (
               <MiniButton
                 noPadding
-                noHover
                 icon={
                   folded.includes(item) ? (
                     item.filesInside ? (
diff --git a/rsconcept/frontend/src/features/library/dialogs/dlg-edit-editors/dlg-edit-editors.tsx b/rsconcept/frontend/src/features/library/dialogs/dlg-edit-editors/dlg-edit-editors.tsx
index 2d336258..c8b7205d 100644
--- a/rsconcept/frontend/src/features/library/dialogs/dlg-edit-editors/dlg-edit-editors.tsx
+++ b/rsconcept/frontend/src/features/library/dialogs/dlg-edit-editors/dlg-edit-editors.tsx
@@ -48,9 +48,8 @@ export function DlgEditEditors() {
         <span>Всего редакторов [{selected.length}]</span>
         <MiniButton
           title='Очистить список'
-          noHover
           className='py-0 align-middle'
-          icon={<IconRemove size='1.5rem' className='cc-remove' />}
+          icon={<IconRemove size='1.25rem' className='cc-remove' />}
           onClick={() => setSelected([])}
           disabled={selected.length === 0}
         />
diff --git a/rsconcept/frontend/src/features/library/dialogs/dlg-edit-versions/table-versions.tsx b/rsconcept/frontend/src/features/library/dialogs/dlg-edit-versions/table-versions.tsx
index 88862c92..111b1b72 100644
--- a/rsconcept/frontend/src/features/library/dialogs/dlg-edit-versions/table-versions.tsx
+++ b/rsconcept/frontend/src/features/library/dialogs/dlg-edit-versions/table-versions.tsx
@@ -63,7 +63,6 @@ export function TableVersions({ processing, items, onDelete, selected, onSelect
         <MiniButton
           title='Удалить версию'
           className='align-middle'
-          noHover
           noPadding
           icon={<IconRemove size='1.25rem' className='cc-remove' />}
           onClick={event => handleDeleteVersion(event, props.row.original.id)}
diff --git a/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx b/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
index 9d2079e4..063bdabb 100644
--- a/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
+++ b/rsconcept/frontend/src/features/library/pages/library-page/library-page.tsx
@@ -56,7 +56,6 @@ export function LibraryPage() {
       <ToolbarSearch className='top-0 h-9' total={libraryItems.length} filtered={filtered.length} />
       <div className='relative flex'>
         <MiniButton
-          noHover
           title='Выгрузить в формате CSV'
           className='absolute z-tooltip -top-8 right-6 hidden sm:block'
           icon={<IconCSV size='1.25rem' className='text-muted-foreground hover:text-constructive' />}
diff --git a/rsconcept/frontend/src/features/library/pages/library-page/use-library-columns.tsx b/rsconcept/frontend/src/features/library/pages/library-page/use-library-columns.tsx
index 013c188e..9ce5b0c8 100644
--- a/rsconcept/frontend/src/features/library/pages/library-page/use-library-columns.tsx
+++ b/rsconcept/frontend/src/features/library/pages/library-page/use-library-columns.tsx
@@ -39,10 +39,9 @@ export function useLibraryColumns() {
                 titleHtml='Переключение в режим Проводник'
                 aria-label='Переключатель режима Проводник'
                 noPadding
-                noHover
-                className='pl-2 max-h-4 -translate-y-0.5'
+                className='ml-2 max-h-4 -translate-y-0.5'
                 onClick={handleToggleFolder}
-                icon={<IconFolderTree size='1.25rem' className='text-muted-foreground hover:text-primary' />}
+                icon={<IconFolderTree size='1.25rem' className='text-primary' />}
               />
             ),
             size: 50,
diff --git a/rsconcept/frontend/src/features/library/pages/library-page/view-side-location.tsx b/rsconcept/frontend/src/features/library/pages/library-page/view-side-location.tsx
index 13ca997c..801e2aba 100644
--- a/rsconcept/frontend/src/features/library/pages/library-page/view-side-location.tsx
+++ b/rsconcept/frontend/src/features/library/pages/library-page/view-side-location.tsx
@@ -86,9 +86,8 @@ export function ViewSideLocation({ isVisible, onRenameLocation }: ViewSideLocati
             />
           ) : null}
           <MiniButton
-            noHover
             title='Переключение в режим Таблица'
-            icon={<IconFolderTree size='1.25rem' className='text-muted-foreground hover:text-primary' />}
+            icon={<IconFolderTree size='1.25rem' className='text-primary' />}
             onClick={toggleFolderMode}
           />
         </div>
diff --git a/rsconcept/frontend/src/features/oss/components/pick-contents.tsx b/rsconcept/frontend/src/features/oss/components/pick-contents.tsx
index 8136df76..c8377d02 100644
--- a/rsconcept/frontend/src/features/oss/components/pick-contents.tsx
+++ b/rsconcept/frontend/src/features/oss/components/pick-contents.tsx
@@ -98,21 +98,18 @@ export function PickContents({
         <div className='flex w-fit'>
           <MiniButton
             title='Удалить'
-            noHover
             className='px-0'
             icon={<IconRemove size='1rem' className='icon-red' />}
             onClick={() => handleDelete(props.row.original)}
           />
           <MiniButton
             title='Переместить выше'
-            noHover
             className='px-0'
             icon={<IconMoveUp size='1rem' className='icon-primary' />}
             onClick={() => handleMoveUp(props.row.original)}
           />
           <MiniButton
             title='Переместить ниже'
-            noHover
             className='px-0'
             icon={<IconMoveDown size='1rem' className='icon-primary' />}
             onClick={() => handleMoveDown(props.row.original)}
diff --git a/rsconcept/frontend/src/features/oss/components/pick-multi-operation.tsx b/rsconcept/frontend/src/features/oss/components/pick-multi-operation.tsx
index 466693ef..bfbba02d 100644
--- a/rsconcept/frontend/src/features/oss/components/pick-multi-operation.tsx
+++ b/rsconcept/frontend/src/features/oss/components/pick-multi-operation.tsx
@@ -82,21 +82,18 @@ export function PickMultiOperation({ rows, items, value, onChange, className, ..
         <div className='flex w-fit'>
           <MiniButton
             title='Удалить'
-            noHover
             className='px-0'
             icon={<IconRemove size='1rem' className='icon-red' />}
             onClick={() => handleDelete(props.row.original.id)}
           />
           <MiniButton
             title='Переместить выше'
-            noHover
             className='px-0'
             icon={<IconMoveUp size='1rem' className='icon-primary' />}
             onClick={() => handleMoveUp(props.row.original.id)}
           />
           <MiniButton
             title='Переместить ниже'
-            noHover
             className='px-0'
             icon={<IconMoveDown size='1rem' className='icon-primary' />}
             onClick={() => handleMoveDown(props.row.original.id)}
diff --git a/rsconcept/frontend/src/features/oss/dialogs/dlg-change-input-schema.tsx b/rsconcept/frontend/src/features/oss/dialogs/dlg-change-input-schema.tsx
index 0356c106..01c4caf1 100644
--- a/rsconcept/frontend/src/features/oss/dialogs/dlg-change-input-schema.tsx
+++ b/rsconcept/frontend/src/features/oss/dialogs/dlg-change-input-schema.tsx
@@ -61,7 +61,6 @@ export function DlgChangeInputSchema() {
           <Label text='Загружаемая концептуальная схема' />
           <MiniButton
             title='Сбросить выбор схемы'
-            noHover
             noPadding
             icon={<IconReset size='1.25rem' className='icon-primary' />}
             onClick={() => setValue('input', null)}
diff --git a/rsconcept/frontend/src/features/oss/dialogs/dlg-create-operation/tab-input-operation.tsx b/rsconcept/frontend/src/features/oss/dialogs/dlg-create-operation/tab-input-operation.tsx
index b74f121a..0d14fc7a 100644
--- a/rsconcept/frontend/src/features/oss/dialogs/dlg-create-operation/tab-input-operation.tsx
+++ b/rsconcept/frontend/src/features/oss/dialogs/dlg-create-operation/tab-input-operation.tsx
@@ -97,7 +97,6 @@ export function TabInputOperation() {
           <Label text='Загружаемая концептуальная схема' />
           <MiniButton
             title='Сбросить выбор схемы'
-            noHover
             noPadding
             icon={<IconReset size='1.25rem' className='icon-primary' />}
             onClick={() => setValue('item_data.result', null)}
diff --git a/rsconcept/frontend/src/features/oss/pages/oss-page/menu-edit-oss.tsx b/rsconcept/frontend/src/features/oss/pages/oss-page/menu-edit-oss.tsx
index 95548b9b..3846db21 100644
--- a/rsconcept/frontend/src/features/oss/pages/oss-page/menu-edit-oss.tsx
+++ b/rsconcept/frontend/src/features/oss/pages/oss-page/menu-edit-oss.tsx
@@ -36,7 +36,7 @@ export function MenuEditOss() {
         noPadding
         title='Редактирование'
         hideTitle={menu.isOpen}
-        className='h-full px-3 bg-transparent text-muted-foreground hover:text-primary'
+        className='h-full px-3 text-muted-foreground hover:text-primary cc-animate-color'
         icon={<IconEdit2 size='1.25rem' />}
         onClick={menu.toggle}
       />
diff --git a/rsconcept/frontend/src/features/oss/pages/oss-page/menu-main.tsx b/rsconcept/frontend/src/features/oss/pages/oss-page/menu-main.tsx
index 58a18ddb..af206779 100644
--- a/rsconcept/frontend/src/features/oss/pages/oss-page/menu-main.tsx
+++ b/rsconcept/frontend/src/features/oss/pages/oss-page/menu-main.tsx
@@ -53,7 +53,7 @@ export function MenuMain() {
         title='Меню'
         hideTitle={menu.isOpen}
         icon={<IconMenu size='1.25rem' />}
-        className='h-full pl-2 text-muted-foreground hover:text-primary bg-transparent'
+        className='h-full pl-2 text-muted-foreground hover:text-primary cc-animate-color'
         onClick={menu.toggle}
       />
       <Dropdown isOpen={menu.isOpen} margin='mt-3'>
diff --git a/rsconcept/frontend/src/features/rsform/components/pick-substitutions.tsx b/rsconcept/frontend/src/features/rsform/components/pick-substitutions.tsx
index fb01e2c2..594f0b80 100644
--- a/rsconcept/frontend/src/features/rsform/components/pick-substitutions.tsx
+++ b/rsconcept/frontend/src/features/rsform/components/pick-substitutions.tsx
@@ -196,13 +196,11 @@ export function PickSubstitutions({
           <div className='max-w-fit'>
             <MiniButton
               title='Принять предложение'
-              noHover
               icon={<IconAccept size='1rem' className='icon-green' />}
               onClick={() => handleAcceptSuggestion(props.row.original)}
             />
             <MiniButton
               title='Игнорировать предложение'
-              noHover
               icon={<IconRemove size='1rem' className='icon-red' />}
               onClick={() => handleDeclineSuggestion(props.row.original)}
             />
@@ -211,7 +209,6 @@ export function PickSubstitutions({
           <div className='max-w-fit'>
             <MiniButton
               title='Удалить'
-              noHover
               icon={<IconRemove size='1rem' className='icon-red' />}
               onClick={() => handleDeleteSubstitution(props.row.original)}
             />
diff --git a/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx b/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx
index b48ecb96..464dddf5 100644
--- a/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx
+++ b/rsconcept/frontend/src/features/rsform/dialogs/dlg-cst-template/tab-arguments.tsx
@@ -87,7 +87,6 @@ export function TabArguments() {
           <MiniButton
             title='Очистить значение'
             noPadding
-            noHover
             className='align-middle'
             icon={<IconRemove size='1.25rem' className='cc-remove' />}
             onClick={() => handleClearArgument(props.row.original)}
@@ -129,7 +128,6 @@ export function TabArguments() {
         <div className='flex'>
           <MiniButton
             title='Подставить значение аргумента'
-            noHover
             className='py-0'
             icon={<IconAccept size='1.5rem' className='icon-green' />}
             onClick={() => handleAssignArgument(selectedArgument!, argumentValue)}
@@ -137,7 +135,6 @@ export function TabArguments() {
           />
           <MiniButton
             title='Очистить поле'
-            noHover
             className='py-0'
             onClick={handleReset}
             icon={<IconReset size='1.5rem' className='icon-primary' />}
diff --git a/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/dlg-edit-word-forms.tsx b/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/dlg-edit-word-forms.tsx
index ad548709..61b2b70a 100644
--- a/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/dlg-edit-word-forms.tsx
+++ b/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/dlg-edit-word-forms.tsx
@@ -144,14 +144,12 @@ export function DlgEditWordForms() {
         <div className='flex flex-col self-center gap-1'>
           <MiniButton
             title='Определить граммемы'
-            noHover
             icon={<IconMoveRight size='1.25rem' className='icon-primary' />}
             onClick={handleParse}
             disabled={isProcessing || !inputText}
           />
           <MiniButton
             title='Генерировать словоформу'
-            noHover
             icon={<IconMoveLeft size='1.25rem' className='icon-primary' />}
             onClick={handleInflect}
             disabled={isProcessing || inputGrams.length == 0}
@@ -169,14 +167,12 @@ export function DlgEditWordForms() {
         <div className='cc-icons'>
           <MiniButton
             title='Внести словоформу'
-            noHover
             icon={<IconAccept size='1.5rem' className='icon-green' />}
             onClick={handleAddForm}
             disabled={isProcessing || !inputText || inputGrams.length == 0}
           />
           <MiniButton
             title='Генерировать стандартные словоформы'
-            noHover
             icon={<IconMoveDown size='1.5rem' className='icon-primary' />}
             onClick={handleGenerateLexeme}
             disabled={isProcessing || !inputText}
@@ -186,7 +182,6 @@ export function DlgEditWordForms() {
           <span>Заданные вручную словоформы [{forms.length}]</span>
           <MiniButton
             title='Сбросить все словоформы'
-            noHover
             className='py-0 align-middle'
             icon={<IconRemove size='1.5rem' className='cc-remove' />}
             onClick={handleResetAll}
diff --git a/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/table-word-forms.tsx b/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/table-word-forms.tsx
index 5dc0bbbe..40210549 100644
--- a/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/table-word-forms.tsx
+++ b/rsconcept/frontend/src/features/rsform/dialogs/dlg-edit-word-forms/table-word-forms.tsx
@@ -48,7 +48,6 @@ export function TableWordForms({ forms, setForms, onFormSelect }: TableWordForms
       cell: props => (
         <MiniButton
           title='Удалить словоформу'
-          noHover
           noPadding
           className='align-middle'
           icon={<IconRemove size='1.25rem' className='cc-remove' />}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/form-constituenta.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/form-constituenta.tsx
index d3311009..e114402b 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/form-constituenta.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/form-constituenta.tsx
@@ -165,10 +165,9 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
         <MiniButton
           title={isModified ? tooltipText.unsaved : 'Редактировать словоформы термина'}
           aria-label='Редактировать словоформы термина'
-          noHover
           onClick={handleEditTermForms}
           className='absolute z-pop top-0 left-[calc(7ch+4px)]'
-          icon={<IconEdit size='1rem' className='hover:icon-primary' />}
+          icon={<IconEdit size='1rem' className='icon-primary' />}
           disabled={isModified}
         />
       ) : null}
@@ -182,9 +181,8 @@ export function FormConstituenta({ disabled, id, toggleReset, schema, activeCst,
           <MiniButton
             title={isModified ? tooltipText.unsaved : 'Переименовать конституенту'}
             aria-label='Переименовать конституенту'
-            noHover
             onClick={handleRenameCst}
-            icon={<IconEdit size='1rem' className='hover:icon-primary' />}
+            icon={<IconEdit size='1rem' className='icon-primary' />}
             disabled={isModified}
           />
         ) : null}
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 f36be39c..46490e5d 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
@@ -151,13 +151,12 @@ export function ToolbarConstituenta({
       ) : null}
 
       <MiniButton
-        noHover
         title='Отображение списка конституент'
         icon={
           showList ? (
-            <IconList size='1.25rem' className='hover:icon-primary' />
+            <IconList size='1.25rem' className='icon-primary' />
           ) : (
-            <IconListOff size='1.25rem' className='hover:icon-primary' />
+            <IconListOff size='1.25rem' className='icon-primary' />
           )
         }
         onClick={toggleList}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/toolbar-rsexpression.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/toolbar-rsexpression.tsx
index 81c9b188..b7e9652e 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/toolbar-rsexpression.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rsexpression/toolbar-rsexpression.tsx
@@ -24,20 +24,17 @@ export function ToolbarRSExpression({ className, disabled, showTypeGraph, showAS
     <div className={clsx('cc-icons', className)}>
       {!disabled || isProcessing ? (
         <MiniButton
-          noHover
           title='Отображение специальной клавиатуры'
           icon={<IconShowKeyboard value={showControls} size='1.25rem' className='hover:text-primary' />}
           onClick={toggleControls}
         />
       ) : null}
       <MiniButton
-        noHover
         title='Граф ступеней типизации'
         icon={<IconTypeGraph size='1.25rem' className='hover:text-primary' />}
         onClick={showTypeGraph}
       />
       <MiniButton
-        noHover
         title='Дерево разбора выражения'
         onClick={showAST}
         icon={<IconTree size='1.25rem' className='hover:text-primary' />}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx
index d1be7718..7c48cc76 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx
@@ -149,7 +149,7 @@ export function EditorRSList() {
       <MiniButton
         className='absolute z-pop right-4 hidden sm:block top-18'
         title='Выгрузить в формате CSV'
-        icon={<IconCSV size='1.25rem' className='text-muted-foreground hover:text-constructive' />}
+        icon={<IconCSV size='1.25rem' className='text-constructive' />}
         onClick={handleDownloadCSV}
       />
 
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 90aa24f7..dfd6a9bc 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,8 +157,7 @@ export function ToolbarTermGraph() {
         />
       ) : null}
       <MiniButton
-        noHover
-        icon={<IconTypeGraph size='1.25rem' className='hover:icon-primary' />}
+        icon={<IconTypeGraph size='1.25rem' className='icon-primary' />}
         title='Граф ступеней'
         onClick={handleShowTypeGraph}
       />
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/view-hidden.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/view-hidden.tsx
index ba820c3e..e2df7f81 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/view-hidden.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-term-graph/view-hidden.tsx
@@ -49,7 +49,6 @@ export function ViewHidden({ items }: ViewHiddenProps) {
       <MiniButton
         className='absolute right-[calc(1rem-4px)] top-3 pointer-events-auto'
         noPadding
-        noHover
         title={!isFolded ? 'Свернуть' : 'Развернуть'}
         icon={!isFolded ? <IconDropArrowUp size='1rem' /> : <IconDropArrow size='1rem' />}
         onClick={toggleFolded}
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-edit-schema.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-edit-schema.tsx
index 7b56d74e..868ad495 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-edit-schema.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-edit-schema.tsx
@@ -104,7 +104,6 @@ export function MenuEditSchema() {
   if (isArchive) {
     return (
       <MiniButton
-        noHover
         noPadding
         titleHtml='<b>Архив</b>: Редактирование запрещено<br />Перейти к актуальной версии'
         hideTitle={menu.isOpen}
@@ -122,7 +121,7 @@ export function MenuEditSchema() {
         noPadding
         title='Редактирование'
         hideTitle={menu.isOpen}
-        className='h-full px-3 bg-transparent text-muted-foreground hover:text-primary'
+        className='h-full px-3 text-muted-foreground hover:text-primary cc-animate-color'
         icon={<IconEdit2 size='1.25rem' />}
         onClick={menu.toggle}
       />
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-main.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-main.tsx
index a6debcf7..8c2c8754 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-main.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/menu-main.tsx
@@ -134,7 +134,7 @@ export function MenuMain() {
         title='Меню'
         hideTitle={menu.isOpen}
         icon={<IconMenu size='1.25rem' />}
-        className='h-full pl-2 text-muted-foreground hover:text-primary bg-transparent'
+        className='h-full pl-2 text-muted-foreground hover:text-primary cc-animate-color bg-transparent'
         onClick={menu.toggle}
       />
       <Dropdown isOpen={menu.isOpen} margin='mt-3'>
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/view-constituents/constituents-search.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/view-constituents/constituents-search.tsx
index a2e509e4..ed76a6af 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/view-constituents/constituents-search.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/view-constituents/constituents-search.tsx
@@ -39,7 +39,6 @@ export function ConstituentsSearch({ dense }: ConstituentsSearchProps) {
       <SelectGraphFilter value={filterSource} onChange={setSource} dense={dense} />
       {schema.stats.count_inherited > 0 ? (
         <MiniButton
-          noHover
           titleHtml={`Наследованные: <b>${includeInherited ? 'отображать' : 'скрывать'}</b>`}
           aria-label={`Отображение наследованных: ${includeInherited ? 'отображать' : 'скрывать'}`}
           icon={<IconChild size='1rem' className={includeInherited ? 'icon-primary' : 'cc-controls'} />}
diff --git a/rsconcept/frontend/src/features/users/components/table-users.tsx b/rsconcept/frontend/src/features/users/components/table-users.tsx
index d36ff596..e1c9eee8 100644
--- a/rsconcept/frontend/src/features/users/components/table-users.tsx
+++ b/rsconcept/frontend/src/features/users/components/table-users.tsx
@@ -32,7 +32,6 @@ export function TableUsers({ items, onDelete }: TableUsersProps) {
         <MiniButton
           title='Удалить из списка'
           className='align-middle'
-          noHover
           noPadding
           icon={<IconRemove size='1.25rem' className='cc-remove' />}
           onClick={() => onDelete(props.row.original.id)}
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 6670891d..b4ecc25d 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
@@ -98,7 +98,7 @@ export function FormSignup() {
 
           <IconHelp
             id={globalIDs.email_tooltip}
-            className='absolute top-0 right-0 text-muted-foreground hover:text-primary'
+            className='absolute top-0 right-0 text-muted-foreground hover:text-primary cc-animate-color'
             size='1.25rem'
           />
           <Tooltip anchorSelect={`#${globalIDs.email_tooltip}`} offset={6}>
diff --git a/rsconcept/frontend/src/styling/components.css b/rsconcept/frontend/src/styling/components.css
index e5597459..23c3bff5 100644
--- a/rsconcept/frontend/src/styling/components.css
+++ b/rsconcept/frontend/src/styling/components.css
@@ -14,15 +14,8 @@
   transition-duration: 500ms;
 
   &:hover {
-    background-color: var(--color-accent);
     color: var(--color-foreground);
   }
-
-  .dark & {
-    &:hover {
-      color: var(--color-foreground);
-    }
-  }
 }
 
 @utility cc-btn-primary {
diff --git a/rsconcept/frontend/src/styling/utilities.css b/rsconcept/frontend/src/styling/utilities.css
index a24ae221..8b2935d6 100644
--- a/rsconcept/frontend/src/styling/utilities.css
+++ b/rsconcept/frontend/src/styling/utilities.css
@@ -26,6 +26,27 @@
   }
 }
 
+@utility cc-hover-pulse {
+  &:hover:not(:disabled) {
+    animation: pulse-scale 1s infinite;
+    transition: var(--duration-move);
+  }
+}
+
+@keyframes pulse-scale {
+  0% {
+    transform: scale(1);
+  }
+
+  70% {
+    transform: scale(1.2);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
 @utility cc-hover-text {
   &:hover:not(:disabled) {
     color: var(--color-foreground);