Fix input colors

This commit is contained in:
IRBorisov 2023-09-04 18:33:48 +03:00
parent 0ab5622756
commit 7430041f7b
4 changed files with 6 additions and 7 deletions

View File

@ -17,9 +17,8 @@ function InfoCstClass({ title }: InfoCstClassProps) {
return ( return (
<p key={`${prefixes.cst_status_list}${index}`}> <p key={`${prefixes.cst_status_list}${index}`}>
<span <span
className='px-1 inline-block font-semibold min-w-[7rem] text-center border' className='px-1 inline-block font-semibold min-w-[7rem] text-center border text-sm'
style={{backgroundColor: getCstClassColor(cstClass, colors)}} style={{backgroundColor: getCstClassColor(cstClass, colors)}}
> >
{info.text} {info.text}
</span> </span>

View File

@ -17,7 +17,7 @@ function InfoCstStatus({ title }: InfoCstStatusProps) {
return ( return (
<p key={`${prefixes.cst_status_list}${index}`}> <p key={`${prefixes.cst_status_list}${index}`}>
<span <span
className='px-1 inline-block font-semibold min-w-[5rem] text-center border' className='px-1 inline-block font-semibold min-w-[5rem] text-center border text-sm'
style={{backgroundColor: getCstStatusColor(status, colors)}} style={{backgroundColor: getCstStatusColor(status, colors)}}
> >
{info.text} {info.text}

View File

@ -69,7 +69,7 @@ function RSInput({
theme: 'light', theme: 'light',
settings: { settings: {
fontFamily: 'inherit', fontFamily: 'inherit',
background: editable ? colors.bgInput : colors.bgDisabled, background: editable ? colors.bgInput : colors.bgDefault,
foreground: colors.fgDefault, foreground: colors.fgDefault,
selection: colors.bgHover selection: colors.bgHover
}, },
@ -89,7 +89,7 @@ function RSInput({
theme: 'dark', theme: 'dark',
settings: { settings: {
fontFamily: 'inherit', fontFamily: 'inherit',
background: editable ? colors.bgInput : colors.bgDisabled, background: editable ? colors.bgInput : colors.bgDefault,
foreground: colors.fgDefault, foreground: colors.fgDefault,
selection: colors.bgHover selection: colors.bgHover
}, },

View File

@ -114,7 +114,8 @@
.clr-footer, .clr-footer,
.clr-modal-backdrop, .clr-modal-backdrop,
.clr-btn-nav, .clr-btn-nav,
.clr-checkbox .clr-checkbox,
.clr-input:disabled
) { ) {
background-color: var(--cl-bg-100); background-color: var(--cl-bg-100);
.dark & { .dark & {
@ -162,7 +163,6 @@
} }
:is(.clr-disabled, :is(.clr-disabled,
.clr-input,
.clr-btn-default, .clr-btn-default,
.clr-btn-primary .clr-btn-primary
):disabled { ):disabled {