feat(project): Configure Tailwind CSS color theme and add logos/icons

- Configured Tailwind CSS color theme with custom colors. - Added logos and icons to `/public/images`.
clders · Nov 28, 2024 · 603b3f1 · 603b3f1
1 parent 5f9fa3d
commit 603b3f1
Show file tree

Hide file tree

Showing 6 changed files with 78 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,3 +1,7 @@
+<p align="center">
+  <img style="max-width: 100%; height: auto;" alt="Cloud Coders logo" src="https://clders.com/images/logo-l.png">
+</p>
+
 # [Cloud Coders Website](https://clders.com)
 
 The source code for **clders.com**

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/images/logo-l.png b/public/images/logo-l.png
diff --git a/public/images/logo-s.png b/public/images/logo-s.png
diff --git a/public/images/logo.png b/public/images/logo.png
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -6,7 +6,80 @@ export default {
     './components/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: '#0B6BBF',
+          50: '#89C4F8',
+          100: '#76BBF7',
+          200: '#50A8F5',
+          300: '#2995F3',
+          400: '#0D81E6',
+          500: '#0B6BBF',
+          600: '#084D8A',
+          700: '#053055',
+          800: '#021220',
+          900: '#000000',
+          950: '#000000',
+        },
+        secondary: {
+          DEFAULT: '#117DBF',
+          50: '#92D0F5',
+          100: '#80C8F4',
+          200: '#5AB7F0',
+          300: '#35A7ED',
+          400: '#1496E4',
+          500: '#117DBF',
+          600: '#0C5B8B',
+          700: '#083A58',
+          800: '#031824',
+          900: '#000000',
+          950: '#000000',
+        },
+        accent: {
+          DEFAULT: '#22CCF2',
+          50: '#CFF4FC',
+          100: '#BCF0FB',
+          200: '#96E7F9',
+          300: '#6FDEF7',
+          400: '#49D5F4',
+          500: '#22CCF2',
+          600: '#0CACD0',
+          700: '#09809B',
+          800: '#065466',
+          900: '#032831',
+          950: '#011216',
+        },
+        dark: {
+          DEFAULT: '#0B1721',
+          50: '#3977AB',
+          100: '#346C9B',
+          200: '#2A577D',
+          300: '#1F425E',
+          400: '#152C40',
+          500: '#0B1721',
+          600: '#000000',
+          700: '#000000',
+          800: '#000000',
+          900: '#000000',
+          950: '#000000',
+        },
+        light: {
+          DEFAULT: '#F5F5F5',
+          50: '#FFFFFF',
+          100: '#FFFFFF',
+          200: '#FFFFFF',
+          300: '#FFFFFF',
+          400: '#FFFFFF',
+          500: '#F5F5F5',
+          600: '#D9D9D9',
+          700: '#BDBDBD',
+          800: '#A1A1A1',
+          900: '#858585',
+          950: '#777777',
+        },
+      },
+    },
   },
   plugins: [],
 };