Commit b9f76efcf1 for handsontable.com

commit b9f76efcf160fe9f97819db822edeb47574e7f73
Author: Jan Siegel <jansiegel@users.noreply.github.com>
Date:   Mon Mar 23 12:45:37 2026 +0100

    Re-apply #12159 to the 17.0.1 branch after a problem with a revert. (#12200)

diff --git a/handsontable/src/themes/static/css/theme/ht-theme-main-no-icons.css b/handsontable/src/themes/static/css/theme/ht-theme-main-no-icons.css
index 8375a18108..cb51a5645c 100644
--- a/handsontable/src/themes/static/css/theme/ht-theme-main-no-icons.css
+++ b/handsontable/src/themes/static/css/theme/ht-theme-main-no-icons.css
@@ -162,8 +162,8 @@
   --ht-icon-button-border-color: light-dark(var(--ht-colors-palette-50), var(--ht-colors-palette-900));
   --ht-icon-button-background-color: var(--ht-background-secondary-color);
   --ht-icon-button-icon-color: light-dark(var(--ht-colors-palette-300), var(--ht-colors-palette-400));
-  --ht-icon-button-hover-border-color: light-dark(var(--ht-colors-palette-200), var(--ht-colors-palette-600));
-  --ht-icon-button-hover-background-color: light-dark(var(--ht-colors-palette-200), var(--ht-colors-palette-600));
+  --ht-icon-button-hover-border-color: light-dark(var(--ht-colors-palette-100), var(--ht-colors-palette-700));
+  --ht-icon-button-hover-background-color: light-dark(var(--ht-colors-palette-100), var(--ht-colors-palette-700));
   --ht-icon-button-hover-icon-color: light-dark(var(--ht-colors-palette-300), var(--ht-colors-palette-400));
   --ht-icon-button-active-border-color: light-dark(var(--ht-colors-primary-400), var(--ht-colors-primary-200));
   --ht-icon-button-active-background-color: var(--ht-accent-color);
diff --git a/handsontable/src/themes/static/css/theme/ht-theme-main.css b/handsontable/src/themes/static/css/theme/ht-theme-main.css
index 72dabb8d8d..a0a86af049 100644
--- a/handsontable/src/themes/static/css/theme/ht-theme-main.css
+++ b/handsontable/src/themes/static/css/theme/ht-theme-main.css
@@ -162,8 +162,8 @@
   --ht-icon-button-border-color: light-dark(var(--ht-colors-palette-50), var(--ht-colors-palette-900));
   --ht-icon-button-background-color: var(--ht-background-secondary-color);
   --ht-icon-button-icon-color: light-dark(var(--ht-colors-palette-300), var(--ht-colors-palette-400));
-  --ht-icon-button-hover-border-color: light-dark(var(--ht-colors-palette-200), var(--ht-colors-palette-600));
-  --ht-icon-button-hover-background-color: light-dark(var(--ht-colors-palette-200), var(--ht-colors-palette-600));
+  --ht-icon-button-hover-border-color: light-dark(var(--ht-colors-palette-100), var(--ht-colors-palette-700));
+  --ht-icon-button-hover-background-color: light-dark(var(--ht-colors-palette-100), var(--ht-colors-palette-700));
   --ht-icon-button-hover-icon-color: light-dark(var(--ht-colors-palette-300), var(--ht-colors-palette-400));
   --ht-icon-button-active-border-color: light-dark(var(--ht-colors-primary-400), var(--ht-colors-primary-200));
   --ht-icon-button-active-background-color: var(--ht-accent-color);
diff --git a/handsontable/src/themes/static/variables/tokens/main.js b/handsontable/src/themes/static/variables/tokens/main.js
index 3110546bf4..4e01af6848 100644
--- a/handsontable/src/themes/static/variables/tokens/main.js
+++ b/handsontable/src/themes/static/variables/tokens/main.js
@@ -115,8 +115,8 @@ export default {
   iconButtonBorderColor: ['colors.palette.50', 'colors.palette.900'],
   iconButtonBackgroundColor: 'tokens.backgroundSecondaryColor',
   iconButtonIconColor: ['colors.palette.300', 'colors.palette.400'],
-  iconButtonHoverBorderColor: ['colors.palette.200', 'colors.palette.600'],
-  iconButtonHoverBackgroundColor: ['colors.palette.200', 'colors.palette.600'],
+  iconButtonHoverBorderColor: ['colors.palette.100', 'colors.palette.700'],
+  iconButtonHoverBackgroundColor: ['colors.palette.100', 'colors.palette.700'],
   iconButtonHoverIconColor: ['colors.palette.300', 'colors.palette.400'],
   iconButtonActiveBorderColor: ['colors.primary.400', 'colors.primary.200'],
   iconButtonActiveBackgroundColor: 'tokens.accentColor',