🔧 fix(index.css): remove unnecessary whitespace and comments for better code readability

✨ feat(index.css): add support for beta background and foreground colors to improve visual design and user experience

🔧 chore(styles.css): reorganize color variables for better readability and maintainability
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-07-26 10:00:34 -03:00
commit 28149ddb6c

View file

@ -2,11 +2,9 @@
@tailwind components;
@tailwind utilities;
/* TODO: Confirm that all colors here are found in tailwind config */
@layer base {
:root {
--background: 0 0% 100%; /* hsl(0 0% 100%) */
--foreground: 222.2 47.4% 11.2%; /* hsl(222 47% 11%) */
@ -43,6 +41,9 @@
--medium-indigo: #6366f1;
--low-indigo: #e0e7ff;
--beta-background: rgb(219 234 254);
--beta-foreground: rgb(37 99 235);
--chat-bot-icon: #afe6ef;
--chat-user-icon: #aface9;
@ -55,12 +56,11 @@
--status-yellow: #eab308;
--chat-send: #059669;
--status-green: #4ade80;
--status-blue:#2563eb;
--status-blue: #2563eb;
--connection: #555;
}
}
.dark {
.dark {
--background: 224 35% 7.5%; /* hsl(224 40% 10%) */
--foreground: 213 31% 80%; /* hsl(213 31% 91%) */
@ -103,7 +103,6 @@
--info-foreground: #eff6ff;
--info-background: #172554;
--high-indigo: #4338ca;
--medium-indigo: #6366f1;
--low-indigo: #e0e7ff;
@ -120,7 +119,10 @@
--status-blue: #2563eb;
--connection: #555;
--beta-background: rgb(37 99 235);
--beta-foreground: rgb(219 234 254);
--chat-bot-icon: #235d70;
--chat-user-icon: #4f3d6e;
}}
}
}