theme design

style/common.css

@@ -64,6 +64,7 @@ html[data-theme="dark"]{
   --button-text-size:15px;
   --button-text-default-size:15px;
   --test-border:2px solid black;
+  --test-border-hover:2px solid rgb(228, 20, 20);
   --production-border:2px solid black;
 }
 body{

style/index.css

@@ -29,37 +29,36 @@ dialog::backdrop{
     -webkit-backdrop-filter: blur(10px);
 }
 .approve{
-    color:#862930;
-    background-color:#DED8D4 ;
+    /* color:#862930;
+    background-color:#DED8D4 ; */
     font-size: 25px;
     line-height: 30px;
     display: inline-block;
     padding: 2px;
     border-radius: 5px;
-    border: 1px solid #862930;
+    border: var(--test-border);
 }
 .approve:hover{
-    color:#121929;
-    background-color:#862930 ;
-    border: 1px solid #121929;
+    /* color:#121929;
+    background-color:#862930 ; */
+    border: var(--test-border-hover);
 }
-.approve router-link span a{
-    /* color:#862930; */
-    /* background-color:#DED8D4 ; */
+/* .approve router-link span a{
+    color:#862930;
+    background-color:#DED8D4 ;
     font-size: 25px;
     line-height: 25px;
     display: inline-block;
     margin-left: 10px;
     padding: 2px;
     border-radius: 5px;
-    /* border: 1px solid #862930; */
     text-decoration: none;
 }
 .approve router-link span a:hover{
     color:#121929;
-    /* background-color:#862930 ; */
-    /* border: 1px solid #121929; */
-}
+    background-color:#862930 ;
+    border: 1px solid #121929;
+} */
 
 /* html[data-theme="dark"]{
     background-color: gray;