src/Style/LoginModal.css

@@ -4,7 +4,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background: var(--modal-background);
+    background: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
@@ -13,9 +13,8 @@
 .modal {
     background: var(--modal-background);
     padding: 20px;
-    /* padding-right: 3%; */
     border-radius: 8px;
-    /* box-shadow: 0 0.3vh 2vh #1E1E1E; */
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     max-width: 400px;
     width: 100%;
     color: var(--modal-text);
@@ -23,52 +22,36 @@
 
 .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: 94%;
-    /* max-width: fit-content; */
-    padding: 3%;
-    padding-top: 3%;
-    padding-bottom: 3%;
+    width: 100%;
+    padding: 8px;
     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; */
-    margin-top: 5vh;
+    padding: 10px 20px;
     margin-bottom: 5px;
-    background: var(--modal--btn-background);
+    background: var(--accent-color);
     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(--hover-button);
+    background: var(--accent-hover-color);
 }
 
 .error {

src/Style/dark-theme.css

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

src/Style/light-theme.css

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