menu changed

src/Style/LoginModal.css

@@ -4,7 +4,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
+    background: var(--modal-background);
     display: flex;
     justify-content: center;
     align-items: center;
@@ -13,8 +13,9 @@
 .modal {
     background: var(--modal-background);
     padding: 20px;
+    /* padding-right: 3%; */
     border-radius: 8px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    /* box-shadow: 0 0.3vh 2vh #1E1E1E; */
     max-width: 400px;
     width: 100%;
     color: var(--modal-text);
@@ -22,36 +23,52 @@
 
 .modal h2 {
     margin-bottom: 20px;
+    text-align: center;
+    font-size: 4vh;
 }
 
 .modal label {
     display: block;
     margin-bottom: 5px;
     color: var(--modal-text);
+    font-size: larger;
+    font-weight: bolder;
+    padding-bottom: 1%;
 }
 
 .modal input {
-    width: 100%;
-    padding: 8px;
+    width: 94%;
+    /* max-width: fit-content; */
+    padding: 3%;
+    padding-top: 3%;
+    padding-bottom: 3%;
     margin-bottom: 10px;
     border: 1px solid #ccc;
+    /* text-align: start; */
     border-radius: 4px;
+    font-size: larger;
     background-color: var(--modal-background);
     color: var(--modal-text);
 }
 
 .modal button {
-    padding: 10px 20px;
+    /* padding: 10px 20px; */
+    margin-top: 5vh;
     margin-bottom: 5px;
-    background: var(--accent-color);
+    background: var(--modal--btn-background);
     color: var(--text-color);
     border: none;
     border-radius: 4px;
+    box-shadow: 0 0.3vh 1vh #2c2c2c;
     cursor: pointer;
+    width: 100%;
+    padding-top: 4%;
+    padding-bottom: 4%;
+    transition: 0.2s;
 }
 
 .modal button:hover {
-    background: var(--accent-hover-color);
+    background: var(--hover-button);
 }
 
 .error {

src/Style/dark-theme.css

@@ -8,7 +8,8 @@
         /* Темный цвет сайдбара */
         --sidebar-text-color: #E0E0E0;
         /* Светлый текст в сайдбаре */
-        --modal-background: #333333;
+        --modal-background: #2d2d2d;
+        --modal--btn-background: #333333;
         --modal-text: #FFFFFF;
         --table-border: #444444;
         --table-header-background: #2d2d2d;
@@ -17,5 +18,7 @@
         /* Светлый текст в таблице */
         --TreeChart-text-color: #ffffff;
         --scrollbar-track-color: #333;
+        /* hover for buttons */
+        --hover-button: #333d4d;
     }
 }

src/Style/light-theme.css

@@ -14,4 +14,7 @@
     --table-cell-background: #FFFFFF;
     --table-text-color: #000000;
     /* Черный текст в таблице */
+    
+    /* hover for buttons */
+    --hover-button: #2c579c;
 }