using a new color palette based on the new logo
This commit is contained in:
parent
1bb333162a
commit
4c36445225
GPG key ID:
035104A645BAEADD
2 changed files with 75 additions and 77 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
// 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
|
||||
|
|
|
|||
Loading…
Reference in a new issue