Skip to main content

Function: useThemedControlStyles()

function useThemedControlStyles(args: {
    currentTheme: ThemeTokens;
    cursor?: Cursor;
    disabled?: boolean;
    fluid?: boolean;
    getBackgroundClass: ThemeClassGetter;
    getBorderClass: ThemeClassGetter;
    getTextClass: ThemeClassGetter;
    tone: ThemedControlTone;
}): CSSProperties;

Defined in: src/theme/components/useThemedControlStyles.ts:36

Shared styling hook for theme-aware form controls (inputs/selects).

Parameters​

args​

currentTheme​

ThemeTokens

cursor?​

Cursor

disabled?​

boolean

fluid?​

boolean

getBackgroundClass​

ThemeClassGetter

getBorderClass​

ThemeClassGetter

getTextClass​

ThemeClassGetter

tone​

ThemedControlTone

Returns​

CSSProperties

Remarks​

Keeps ThemedInput / ThemedSelect visually consistent and prevents drift.