fix: input fields bg (#8389)

This commit is contained in:
Aaryan Khandelwal 2025-12-18 20:25:46 +05:30 committed by GitHub
parent 81dbd5ab19
commit 465c99f742
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 10 additions and 10 deletions

View file

@ -35,7 +35,7 @@ export const CustomCodeInlineExtension = Mark.create<InlineCodeOptions>({
return {
HTMLAttributes: {
class:
"rounded-sm bg-layer-1 px-[6px] py-[1.5px] font-mono font-medium text-orange-500 border-[0.5px] border-subtle",
"rounded-sm bg-layer-2 px-[6px] py-[1.5px] font-code font-medium text-(--extended-color-orange-600) border-[0.5px] border-subtle",
spellcheck: "false",
},
};

View file

@ -30,7 +30,7 @@ const Input = React.forwardRef(function Input(props: InputProps, ref: React.Forw
type={type}
name={name}
className={cn(
"block rounded-md bg-layer-transparent text-13 placeholder-tertiary border-subtle-1 focus:outline-none",
"block rounded-md bg-layer-2 text-13 placeholder-tertiary border-subtle-1 focus:outline-none",
{
"rounded-md border-[0.5px]": mode === "primary",
"rounded-sm border-none bg-transparent ring-0 transition-all focus:ring-1 focus:ring-accent-strong":

View file

@ -37,9 +37,9 @@ const TextArea = React.forwardRef(function TextArea(
ref={textAreaRef}
value={value}
className={cn(
"no-scrollbar w-full bg-transparent placeholder-(--text-color-placeholder) outline-none",
"no-scrollbar w-full bg-layer-2 placeholder-(--text-color-placeholder) outline-none",
{
"rounded-md border-[0.5px] border-subtle": mode === "primary",
"rounded-md border-[0.5px] border-subtle-1": mode === "primary",
"focus:ring-theme rounded-sm border-none bg-transparent ring-0 transition-all focus:ring-1":
mode === "transparent",
"rounded-sm border-none bg-transparent ring-0": mode === "true-transparent",