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

fix: add correct amber colors and button design (#7413)

Browse source 
* Fix amber color

* Fix button and voice assistant button to use correct design and colors

* Fixed button design to include bg

* remove bg definition from voice assistant
This commit is contained in:
Lucas Oliveira 2025-04-02 15:41:01 -03:00 • committed by GitHub
commit 0d00fe8f12
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/components/ui/button.tsx
View file

@ -15,7 +15,7 @@ const buttonVariants = cva(
outline: outline:
"border border-input hover:bg-input hover:text-accent-foreground ", "border border-input hover:bg-input hover:text-accent-foreground ",
outlineAmber: outlineAmber:
"border border-accent-amber-foreground hover:border-accent-amber", "border border-accent-amber-foreground hover:bg-accent-amber",
primary: primary:
"border bg-background text-secondary-foreground hover:bg-muted hover:shadow-sm", "border bg-background text-secondary-foreground hover:bg-muted hover:shadow-sm",
warning: warning:

8
src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx
View file

@ -457,14 +457,12 @@ export function VoiceAssistant({
variant={"outlineAmber"} variant={"outlineAmber"}
size={"icon"} size={"icon"}
data-testid="voice-assistant-settings-icon-without-openai" data-testid="voice-assistant-settings-icon-without-openai"
className="group h-8 w-8" className="h-8 w-8"
> >
<IconComponent <IconComponent
name="Settings" name="Key"
strokeWidth={ICON_STROKE_WIDTH} strokeWidth={ICON_STROKE_WIDTH}
className={cn( className={cn("h-4 w-4 text-accent-amber-foreground")}
"h-4 w-4 text-accent-amber-foreground group-hover:text-accent-amber",
)}
/> />
</Button> </Button>
</> </>

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

@ -191,7 +191,7 @@
--zinc-foreground: 240 5.9% 90%; --zinc-foreground: 240 5.9% 90%;
--accent-amber: 21.7 77.8% 26.5%; --accent-amber: 48, 96%, 89%;
--accent-amber-foreground: 26 90.5% 37.1%; --accent-amber-foreground: 26 90.5% 37.1%;
--red-foreground: 0 90.6% 70.8%; --red-foreground: 0 90.6% 70.8%;
} }
@ -447,7 +447,7 @@
--zinc-foreground: 240 5.2% 33.9%; --zinc-foreground: 240 5.2% 33.9%;
--accent-amber: 48 96.5% 88.8%; --accent-amber: 22, 78%, 26%;
--accent-amber-foreground: 45.9 96.7% 64.5%; --accent-amber-foreground: 45.9 96.7% 64.5%;
--red-foreground: 0 72.2% 50.6%; --red-foreground: 0 72.2% 50.6%;
} }