Feat(CSS) Added root colors

ViktorSvertoka · Sep 14, 2023 · 9737ed9 · 9737ed9
1 parent 3b31d9f
commit 9737ed9
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/src/index.css b/src/index.css
@@ -1,5 +1,27 @@
 @import-normalize; /* bring in normalize.css styles */
 
+:root {
+  /* colors */
+  --black-color: #040404;
+  --orange-color: #e6533c;
+  --orange-light-color: #ef8964;
+  --beige-color: #efa082;
+  --white-color: #efede8;
+
+  /* accent colors */
+  --normal-color: rgba(239, 237, 232, 0.3);
+  --hover-color: #e6533c;
+  --success-color: #3cbf61;
+  --error-color: #d80027;
+
+  /* linear-gradient */
+  --linear-gradient: linear-gradient(
+    80deg,
+    #040404 -2.45%,
+    rgba(4, 4, 4, 0) 68.17%
+  );
+}
+
 body {
   background-color: #fff;
   /* background-image: url('./assets/background.png'); */
@@ -13,6 +35,7 @@ body {
   width: 100%;
   height: 100vh;
 }
+
 h1,
 h2,
 h3,
@@ -22,17 +45,21 @@ h6,
 p {
   margin-top: 0;
 }
+
 a {
   text-decoration: none;
 }
+
 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
+
 img {
   display: block;
 }
+
 button {
   cursor: pointer;
 }