From 4c3644522585c7c6db75aa876a2065488309c8df Mon Sep 17 00:00:00 2001
From: CloudyyUw <cloudyy.uw@tuta.io>
Date: Sat, 20 Jan 2024 20:35:30 -0300
Subject: [PATCH] using a new color palette based on the new logo

---
 src/styles/theme.css | 136 +++++++++++++++++++++----------------------
 tailwind.config.mjs  |  16 ++---
 2 files changed, 75 insertions(+), 77 deletions(-)

diff --git a/src/styles/theme.css b/src/styles/theme.css
index 6b300eb..ea2b4dc 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 @layer base {
     :root {
         --text-50: #f1f3f3;
@@ -28,41 +24,41 @@
         --background-900: #171c1c;
         --background-950: #0b0e0e;
 
-        --primary-50: #f0f5f5;
-        --primary-100: #e0ebea;
-        --primary-200: #c2d6d6;
-        --primary-300: #a3c2c1;
-        --primary-400: #85adad;
-        --primary-500: #669998;
-        --primary-600: #527a7a;
-        --primary-700: #3d5c5b;
-        --primary-800: #293d3d;
-        --primary-900: #141f1e;
-        --primary-950: #0a0f0f;
+        --primary-50: #ebf1fa;
+        --primary-100: #d7e3f4;
+        --primary-200: #afc7e9;
+        --primary-300: #87abde;
+        --primary-400: #5f8fd3;
+        --primary-500: #3773c8;
+        --primary-600: #2c5ca0;
+        --primary-700: #214578;
+        --primary-800: #162e50;
+        --primary-900: #0b1728;
+        --primary-950: #050c14;
 
-        --secondary-50: #eff6f5;
-        --secondary-100: #dfecec;
-        --secondary-200: #bfd9d8;
-        --secondary-300: #9fc6c5;
-        --secondary-400: #7eb4b2;
-        --secondary-500: #5ea19e;
-        --secondary-600: #4b817f;
-        --secondary-700: #39605f;
-        --secondary-800: #26403f;
-        --secondary-900: #132020;
-        --secondary-950: #091010;
+        --secondary-50: #eef7f6;
+        --secondary-100: #dcefed;
+        --secondary-200: #badedc;
+        --secondary-300: #97ceca;
+        --secondary-400: #74beb9;
+        --secondary-500: #52ada7;
+        --secondary-600: #418b86;
+        --secondary-700: #316864;
+        --secondary-800: #214543;
+        --secondary-900: #102321;
+        --secondary-950: #081111;
 
-        --accent-50: #eef6f6;
-        --accent-100: #ddeeed;
-        --accent-200: #bcdcdb;
-        --accent-300: #9acbc9;
-        --accent-400: #78bab6;
-        --accent-500: #57a8a4;
-        --accent-600: #458783;
-        --accent-700: #346563;
-        --accent-800: #234342;
-        --accent-900: #112221;
-        --accent-950: #091110;
+        --accent-50: #edf8f4;
+        --accent-100: #dbf0e9;
+        --accent-200: #b6e2d3;
+        --accent-300: #92d3bc;
+        --accent-400: #6dc5a6;
+        --accent-500: #49b690;
+        --accent-600: #3a9273;
+        --accent-700: #2c6d56;
+        --accent-800: #1d493a;
+        --accent-900: #0f241d;
+        --accent-950: #07120e;
     }
     .dark {
         --text-50: #0c0e0e;
@@ -89,40 +85,40 @@
         --background-900: #e3e8e8;
         --background-950: #f1f4f4;
 
-        --primary-50: #0a0f0f;
-        --primary-100: #141f1e;
-        --primary-200: #293d3d;
-        --primary-300: #3d5c5b;
-        --primary-400: #527a7a;
-        --primary-500: #669998;
-        --primary-600: #85adad;
-        --primary-700: #a3c2c1;
-        --primary-800: #c2d6d6;
-        --primary-900: #e0ebea;
-        --primary-950: #f0f5f5;
+        --primary-50: #050c14;
+        --primary-100: #0b1728;
+        --primary-200: #162e50;
+        --primary-300: #214578;
+        --primary-400: #2c5ca0;
+        --primary-500: #3773c8;
+        --primary-600: #5f8fd3;
+        --primary-700: #87abde;
+        --primary-800: #afc7e9;
+        --primary-900: #d7e3f4;
+        --primary-950: #ebf1fa;
 
-        --secondary-50: #091010;
-        --secondary-100: #132020;
-        --secondary-200: #26403f;
-        --secondary-300: #39605f;
-        --secondary-400: #4b817f;
-        --secondary-500: #5ea19e;
-        --secondary-600: #7eb4b2;
-        --secondary-700: #9fc6c5;
-        --secondary-800: #bfd9d8;
-        --secondary-900: #dfecec;
-        --secondary-950: #eff6f5;
+        --secondary-50: #081111;
+        --secondary-100: #102321;
+        --secondary-200: #214543;
+        --secondary-300: #316864;
+        --secondary-400: #418b86;
+        --secondary-500: #52ada7;
+        --secondary-600: #74beb9;
+        --secondary-700: #97ceca;
+        --secondary-800: #badedc;
+        --secondary-900: #dcefed;
+        --secondary-950: #eef7f6;
 
-        --accent-50: #091110;
-        --accent-100: #112221;
-        --accent-200: #234342;
-        --accent-300: #346563;
-        --accent-400: #458783;
-        --accent-500: #57a8a4;
-        --accent-600: #78bab6;
-        --accent-700: #9acbc9;
-        --accent-800: #bcdcdb;
-        --accent-900: #ddeeed;
-        --accent-950: #eef6f6;
+        --accent-50: #07120e;
+        --accent-100: #0f241d;
+        --accent-200: #1d493a;
+        --accent-300: #2c6d56;
+        --accent-400: #3a9273;
+        --accent-500: #49b690;
+        --accent-600: #6dc5a6;
+        --accent-700: #92d3bc;
+        --accent-800: #b6e2d3;
+        --accent-900: #dbf0e9;
+        --accent-950: #edf8f4;
     }
 }
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index a1e81be..50a2b43 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -9,16 +9,16 @@ export default {
         themes: [
             {
                 light: {
-                    primary: '#6f9f9e',
-                    secondary: '#a8cccb',
-                    accent: '#7fbdba',
+                    primary: '#3773c8',
+                    secondary: '#9ad0cc',
+                    accent: '#47b38d',
                     neutral: '#222a2a',
                     'base-100': '#f4f6f6',
                 },
                 dark: {
-                    primary: '#60908f',
-                    secondary: '#335756',
-                    accent: '#42807d',
+                    primary: '#3773c8',
+                    secondary: '#2f6561',
+                    accent: '#4cb892',
                     neutral: '#222a2a',
                     'base-100': '#090b0b',
                 },
@@ -27,4 +27,6 @@ export default {
     },
 };
 
-// https://www.realtimecolors.com/?colors=111313-f4f6f6-6f9f9e-a8cccb-7fbdba&fonts=Inter-Inter
\ No newline at end of file
+// old: https://www.realtimecolors.com/?colors=111313-f4f6f6-6f9f9e-a8cccb-7fbdba&fonts=Inter-Inter
+
+// new: https://www.realtimecolors.com/?colors=111313-f4f6f6-3773c8-9ad0cc-47b38d&fonts=Inter-Inter