diff --git a/apps/documenteditor/main/index.html b/apps/documenteditor/main/index.html
index 25689a90d..4b44c621a 100644
--- a/apps/documenteditor/main/index.html
+++ b/apps/documenteditor/main/index.html
@@ -14,12 +14,16 @@
             --toolbar-header-document: #2a2a2a;
             --background-toolbar: #404040;
             --border-toolbar: #2a2a2a;
-            --highlight-button-pressed: #606060;
+            --highlight-button-hover: #e0e0e0;
             --canvas-background: #666666;
             /*--canvas-content-background: #fff;*/
             --canvas-page-border: #555;
         }
 
+        .theme-classic-light {
+            --highlight-button-hover: #d8dadc;
+        }
+
         .loadmask {
             left: 0;
             top: 0;
@@ -91,7 +95,7 @@
 
         .loadmask > .sktoolbar li {
             background: #ccc;
-            background: var(--highlight-button-pressed, #ccc);
+            background: var(--highlight-button-hover, #ccc);
             border-radius: 3px;
             width: 20px;
             height: 20px;
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index c69e97577..70a90f658 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -82,7 +82,7 @@
 
         .loadmask > .sktoolbar li {
             background: #ccc;
-            background: var(--highlight-button-pressed, #ccc);
+            background: var(--highlight-button-hover, #ccc);
             border-radius: 3px;
             width: 20px;
             height: 20px;
diff --git a/apps/presentationeditor/main/index.html b/apps/presentationeditor/main/index.html
index 9847f2341..cd541ff81 100644
--- a/apps/presentationeditor/main/index.html
+++ b/apps/presentationeditor/main/index.html
@@ -13,12 +13,16 @@
             --toolbar-header-presentation: #2a2a2a;
             --background-toolbar: #404040;
             --border-toolbar: #2a2a2a;
-            --highlight-button-pressed: #606060;
+            --highlight-button-hover: #606060;
             --canvas-background: #666666;
             /*--canvas-content-background: #fff;*/
             --canvas-page-border: #555;
         }
 
+        .theme-classic-light {
+            --highlight-button-hover: #d8dadc;
+        }
+
         .loadmask {
             left: 0;
             top: 0;
@@ -90,7 +94,7 @@
 
         .loadmask > .sktoolbar li {
             background: #ccc;
-            background: var(--highlight-button-pressed, #ccc);
+            background: var(--highlight-button-hover, #ccc);
             border-radius: 3px;
             width: 20px;
             height: 20px;
diff --git a/apps/presentationeditor/main/index.html.deploy b/apps/presentationeditor/main/index.html.deploy
index b4e367fa3..b3daac5dc 100644
--- a/apps/presentationeditor/main/index.html.deploy
+++ b/apps/presentationeditor/main/index.html.deploy
@@ -82,7 +82,7 @@
 
         .loadmask > .sktoolbar li {
             background: #ccc;
-            background: var(--highlight-button-pressed, #ccc);
+            background: var(--highlight-button-hover, #ccc);
             border-radius: 3px;
             width: 20px;
             height: 20px;
diff --git a/apps/spreadsheeteditor/main/index.html b/apps/spreadsheeteditor/main/index.html
index b1f98863c..69de345aa 100644
--- a/apps/spreadsheeteditor/main/index.html
+++ b/apps/spreadsheeteditor/main/index.html
@@ -13,12 +13,16 @@
             --background-toolbar: #404040;
             --background-normal: #333;
             --border-toolbar: #2a2a2a;
-            --highlight-button-pressed: #606060;
+            --highlight-button-hover: #606060;
             --canvas-background: #666666;
             /*--canvas-content-background: #fff;*/
             --canvas-page-border: #555;
         }
 
+        .theme-classic-light {
+            --highlight-button-hover: #d8dadc;
+        }
+
         .loadmask {
             left: 0;
             top: 0;
diff --git a/apps/spreadsheeteditor/main/index.html.deploy b/apps/spreadsheeteditor/main/index.html.deploy
index c0b600f56..09545445e 100644
--- a/apps/spreadsheeteditor/main/index.html.deploy
+++ b/apps/spreadsheeteditor/main/index.html.deploy
@@ -79,7 +79,7 @@
 
         .loadmask > .sktoolbar li {
             background: #ccc;
-            background: var(--highlight-button-pressed, #ccc);
+            background: var(--highlight-button-hover, #ccc);
             border-radius: 3px;
             width: 20px;
             height: 20px;