update _vars, _mixins, _reset.scss

README.md

@@ -1 +1 @@
-npm run format - форматування за prettier
+npm run format - форматування за prettier

src/assets/styles/_mixins.scss

@@ -6,6 +6,8 @@
 
     @media screen and (min-width: 375px) {
         width: 375px;
+        padding-left: 20px;
+        padding-right: 20px;
     }
 
     @media screen and (min-width: 768px) {
@@ -15,9 +17,10 @@
     }
 
     @media screen and (min-width: 1280px) {
-        width: 1280px;
-        padding-left: 55px;
-        padding-right: 55px;
+        min-width: 1280px;
+        max-width: 1440px;
+        padding-left: 24px;
+        padding-right: 24px;
     }
 }
 

src/assets/styles/_reset.scss

@@ -36,5 +36,5 @@ a {
 }
 
 body {
-    background-color: #1F1F1F;
+    background-color: var($dark-color);
 }

src/assets/styles/_vars.scss

@@ -1,18 +1,14 @@
-$accent: #3a6af5;
-$main-dark: #191d28;
-$main-violet: #6359e9;
-$main-white: #f3f3f3;
-$modal-color: rgba(25, 29, 40, 1);
-$main-backgroud: #1F253466;
-$text-input-color: #252c41;
-$text-input-color1: #252C4180;
-$text-input-title-color: #F3F3F366;
-$border-color: #F3F3F30F;
-$text-color: #ffffff;
-$text-color1: #FFFFFF66;
-$input-hint-color: #F3F3F34D;
-$text-input-title-color: #f3f3f366;
-$input-hint-color: #f3f3f34d;
-$text-button-color: #242424;
+$accent-color: #BEDBB0;
+$accent-colorful-color: #5255BC;
+$black-color: #121212;
+$dark-color: #1F1F1F;
+$white-color: #FFFFFF;
+$off-white-color: #F6F6F7;
+$black-text-color: #161616;
+$priority-low-color: #8FA1D0;
+$priority-medium-color: #E09CB5;
+$priority-high-color: #BEDBB0;
 
-$greeting-title: #4770E4;
+
+
+$start-background-color: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(190, 219, 176, 1) 100%);