Merge pull request #5 from appwrite-labs/feat-replace-grey-shades

Replace grey shades
appwrite · Sep 20, 2023 · 5d64391 · 5d64391
2 parents 9b4bcb8 + cc38d3a
commit 5d64391
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -206,4 +206,54 @@
         mask-composite: exclude;
         pointer-events: none;
     }
+
+    :root {
+        /** Neutral **/
+
+        --color-neutral-0-new:   0    0% 100%;   /* #ffffff */
+        --color-neutral-5-new:   240 11%  98%;   /* #FAFAFB */
+        --color-neutral-10-new:  240  9%  94%;   /* #EDEDF0 */
+        --color-neutral-15-new:  240  4%  85%;   /* #D8D8DB */
+        --color-neutral-20-new:  240  3%  77%;   /* #C3C3C6 */
+        
+        --color-neutral-50-new:  240  2%  52%;   /* #818186 */
+        --color-neutral-60-new:  240  2%  43%;   /* #6C6C71 */
+        --color-neutral-70-new:  240  3%  35%;   /* #56565C */
+        
+        --color-neutral-80-new:  240  4%  27%;   /* #414146 */
+        --color-neutral-85-new:  240  4%  18%;   /* #2D2D31 */
+        --color-neutral-90-new:  240  7%  12%;   /* #1D1D21 */
+        --color-neutral-100-new: 240  6%  10%;   /* #19191C */
+
+        --color-neutral-0:   var(--color-neutral-0-new);
+        --color-neutral-5:   var(--color-neutral-5-new);
+        --color-neutral-10:  var(--color-neutral-10-new);
+        --color-neutral-30:  var(--color-neutral-15-new);
+        --color-neutral-50:  var(--color-neutral-20-new);
+        
+        --color-neutral-70:  var(--color-neutral-50-new);
+        --color-neutral-100: var(--color-neutral-60-new);
+        --color-neutral-120: var(--color-neutral-70-new);
+        
+        --color-neutral-150: var(--color-neutral-80-new);
+        --color-neutral-200: var(--color-neutral-85-new);
+        --color-neutral-300: var(--color-neutral-90-new);
+        --color-neutral-400: var(--color-neutral-100-new);
+        --color-neutral-500: var(--color-neutral-100-new);
+
+        // --color-neutral-0:   0    0% 100%;   /* #ffffff */
+        // --color-neutral-5:   240 11%  98%;   /* #FAFAFB */
+        // --color-neutral-10:  240  9%  94%;   /* #EDEDF0 */
+        // --color-neutral-15:  240  4%  85%;   /* #D8D8DB */
+        // --color-neutral-20:  240  3%  77%;   /* #C3C3C6 */
+        
+        // --color-neutral-50:  240  2%  52%;   /* #818186 */
+        // --color-neutral-60:  240  2%  43%;   /* #6C6C71 */
+        // --color-neutral-70:  240  3%  35%;   /* #56565C */
+        
+        // --color-neutral-80:  240  4%  27%;   /* #414146 */
+        // --color-neutral-85:  240  4%  18%;   /* #2D2D31 */
+        // --color-neutral-90:  240  7%  12%;   /* #1D1D21 */
+        // --color-neutral-100: 240  6%  10%;   /* #19191C */
+    }
 </style>