styles to global

FrontEnd/src/pages/AdminPage/AdminGlobal.css

@@ -1,10 +1,13 @@
 :root {
     --font__admin-panel: "Inter", sans-serif;
-    --block-size__admin-panel: 1500px;
+    --block-size__admin-panel: 1512px;
     --menu-size__admin-panel: 222px;
     --table-size__admin-panel: 1000px;
     --font-color__admin-panel: #292E32;
+    --notification-text-color__admin-panel: #ff4d4f;
     --background__admin-panel: #F1FFF7;
-    --background-butons__admin-panel: #0B6C61;
-    --button-color__admin-panel: #0B6C61;
+    --background-input__admin-panel: #FFF;
+    --border-input__admin-panel: #d9d9d9;
+    --background-butons__admin-panel: #1F9A7C;
+    --button-color__admin-panel: #1F9A7C;
 }

FrontEnd/src/pages/AdminPage/AdminProfile/AdminInfo.module.css

@@ -23,7 +23,7 @@
     display: flex;
     gap: 4px;
     align-self: stretch;
-    color: var(--main-black-90, #292e32);
+    color: var(--font-color__admin-panel);
     font-feature-settings: "calt" off;
     font-family: var(--font-main);
     font-size: 14px;
@@ -43,7 +43,7 @@
 }
 
 .admin-info-form__label--required {
-    color: var(--dust-red-5, #ff4d4f);
+    color: var(--notification-text-color__admin-panel);
     text-align: right;
     font-family: var(--font-messages);
     font-size: 14px;
@@ -54,18 +54,6 @@
     top: 10%;
 }
 
-.admin-info-form__label--required_special {
-    color: var(--dust-red-5, #ff4d4f);
-    text-align: right;
-    font-family: var(--font-messages);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22.001px;
-    position: relative;
-    bottom: 10%;
-}
-
 .admin-info-form__label--text {
     display: flex;
     flex-direction: column;
@@ -82,7 +70,7 @@
     align-items: center;
     align-self: stretch;
     border-radius: 2px;
-    background: var(--main-white, #fff);
+    background: var(--background-input__admin-panel);
 }
 
 .admin-info-form__input {
@@ -93,8 +81,8 @@
     gap: 4px;
     flex: 1 0 0;
     border-radius: 2px;
-    border: 1px solid var(--neutral-5, #d9d9d9);
-    background: var(--main-white, #fff);
+    border: 1px solid var(--border-input__admin-panel);
+    background: var(--background-input__admin-panel);
     color: var(--character-title-85, rgba(0, 0, 0, 0.85));
     font-family: var(--font-messages);
     font-size: 14px;
@@ -113,7 +101,7 @@
     flex-direction: column;
     align-items: flex-start;
     align-self: stretch;
-    color: var(--red-red-100, #f34444);
+    color: var(--notification-text-color__admin-panel);
     font-family: var(--font-messages);
     font-size: 12px;
     font-style: normal;
@@ -124,10 +112,10 @@
 .admin-submit__button {
     display: flex;
     border-radius: 4px;
-    border: 1px solid #1F9A7C;
-    background: #1F9A7C;
+    border: 1px solid var(--main-button-color);
+    background: var(--main-button-color);
     box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
-    color: white;
+    color: var(--light-button-text-color);
     font-feature-settings: 'calt' off;
     font-style: normal;
     padding: 5px 15px 5px 15px;