fix(FE): rename gray var for gray color, add two more gray colors

Author: Manuel Proß

web/src/styles/globals.scss

@@ -11,7 +11,9 @@
     --color-primary: #3498db;
     --color-secondary: #2ecc71;
     --color-tertiary: #e74c3c;
-    --gray-1: #313131;
+    --c-gray-1: #313131;
+    --c-gray-2: #222222;
+    --c-gray-3: #1b1b1b;
     --primary-text: #333;
     --secondary-text: #555;
 }

web/tailwind.config.ts

@@ -19,7 +19,9 @@ const config: Config = {
                 'primary-text': 'var(--color-primary-text)',
                 'secondary-text': 'var(--color-secondary-text)',
                 'accent-text': 'var(--color-primary)',
-                'gray-1': 'var(--gray-1)',
+                'gray-1': 'var(--c-gray-1)',
+                'gray-2': 'var(--c-gray-2)',
+                'gray-3': 'var(--c-gray-3)',
             },
         },
     },