jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

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

Browse source 
✨ 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
1 changed files with 115 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/frontend/src/style/index.css
View file

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