diff --git a/html/css/style-classic7.css b/html/css/style-classic7.css
index 863fad5c9..082e05c8e 100644
--- a/html/css/style-classic7.css
+++ b/html/css/style-classic7.css
@@ -27,14 +27,16 @@ BODY {
     --hover : rgba(108, 130, 208, 0.9);
         --border-size:6px;
      --accent-color:lightblue;
+    --input-color:#4b4b91;
+
 }
 input{
     font-family: 'OpenSansRegular';
     padding : 2px;
      margin:2px;
-    border:1px solid #4b4b91; 
+    border:1px solid var(--input-color);
 
-    color:#4b4b91;
+    color:var(--input-color);
     
 }
 input:focus {
@@ -671,7 +673,7 @@ a.document:hover {
     margin:1px;
 }
 .input_text {
-    border:1px solid #4b4b91;
+    border:1px solid var(--input-color);
     margin:1px;
     border-radius: 5px;
 }
@@ -1640,7 +1642,7 @@ div.menu3 {
     margin-left:30px;
 }
 #folder {
-    border: 1px solid #4b4b91;
+    border: 1px solid var(--input-color);
     border-collapse: separate;
     border-radius: 10px;
     border-spacing: 0px;
@@ -1887,7 +1889,7 @@ left:25%;
 /**========*/
 
 #error_div h2 {
-    background: #FF0000;
+    background: var(--color-red);
 }
 div#error_content_div {
    color:#FF0000;
@@ -1902,7 +1904,7 @@ td.workday ol {
 }
 input.inum {
     text-align:right;
-    border:1px solid #4b4b91;
+    border:1px solid var(--input-color);
     margin:2px;
     border-radius: 5px;
 }