oklch

function oklch(knobs: OklchKnobs): Readonly<{ knob: { 'accent-h': string; 'accent-c': string; 'accent-l': string; 'accent-c-dark': string; 'accent-l-dark': string; 'neutral-h': string; 'secondary-shift': string; 'tertiary-shift': string; 'surface-c': string; 'surface-c-dark': string; 'surface-contrast': string; 'contrast-factor': string; 'base-l': string; 'base-l-dark': string; 'success-h': string; 'warning-h': string; 'error-h': string; 'info-h': string; 'syntax-c': string; 'popup-bold': string; 'popup-invert': string; 'popup-alpha': string; 'popup-blur': string; 'state-hover': string; 'state-tint': string; 'state-tint-dark': string; 'image-edge': string; 'raise-dark': string; }; hue: { accent: string; secondary: string; tertiary: string; neutral: string; }; surface: { base: string; muted: string; subtle: string; default: string; overt: string; bedrock: string; }; text: { default: string; muted: string; subtle: string; overt: string; link: string; 'link-hover': string; }; outline: { subtle: string; default: string; overt: string; focus: string; }; accent: { default: string; hover: string; active: string; subtle: string; outline: string; 'on-fill': string; ink: string; }; secondary: { default: string; hover: string; active: string; subtle: string; outline: string; 'on-fill': string; ink: string; }; tertiary: { default: string; hover: string; active: string; subtle: string; outline: string; 'on-fill': string; ink: string; }; shadow: { color: string; }; state: { hover: string; tint: string; 'tint-hover': string; …;