From 8105ca61103f961bd96172637858283f6676d144 Mon Sep 17 00:00:00 2001 From: Aman Harwara Date: Wed, 18 Oct 2023 22:39:44 +0530 Subject: [PATCH] chore: fix input border colors --- .../web/src/javascripts/Components/Input/DecoratedInput.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/web/src/javascripts/Components/Input/DecoratedInput.tsx b/packages/web/src/javascripts/Components/Input/DecoratedInput.tsx index a7de44331..c9de7a291 100644 --- a/packages/web/src/javascripts/Components/Input/DecoratedInput.tsx +++ b/packages/web/src/javascripts/Components/Input/DecoratedInput.tsx @@ -4,7 +4,7 @@ import { DecoratedInputProps } from './DecoratedInputProps' const getClassNames = (hasLeftDecorations: boolean, hasRightDecorations: boolean, roundedFull?: boolean) => { return { - container: `position-relative flex items-stretch overflow-hidden border border-border bg-default translucent-ui:bg-transparent text-sm focus-within:ring-2 focus-within:ring-info bg-clip-padding ${ + container: `position-relative flex items-stretch overflow-hidden border border-border translucent-ui:border-[--popover-border-color] bg-default translucent-ui:bg-transparent text-sm focus-within:ring-2 focus-within:ring-info bg-clip-padding ${ !hasLeftDecorations && !hasRightDecorations ? 'px-2 py-1.5' : '' } ${roundedFull ? 'rounded-full' : 'rounded'}`, input: `focus:ring-none w-full border-0 bg-transparent text-text focus:shadow-none focus:outline-none ${