export const BUILT_IN_THEME_IDS = ["t3-chat", "grove", "ocean", "ember", "iris"] as const; /** The mobile app's own hand-tuned palette, which is not part of the built-in library. */export const MOBILE_DEFAULT_THEME_ID = "t3-code"; /** * Every palette the mobile app can render. Declared here so host-side tooling * (the app-store screenshot harness) can validate a requested theme without * importing React Native application code. */export const MOBILE_THEME_IDS = [MOBILE_DEFAULT_THEME_ID, ...BUILT_IN_THEME_IDS] as const; /** * Ids a theme may not take: the appearance keywords a stored preference uses, * every built-in, and the legacy aliases older saves still carry. Taking one * would either be shadowed by the built-in or capture clients that never chose * it, so the client library and the publish path both consult this set. */export const RESERVED_THEME_IDS: ReadonlySet<string> = new Set([ "system", "light", "dark", ...BUILT_IN_THEME_IDS, "t3-chat-dark", "t3-grove", "t3-ocean", "t3-ember", "t3-iris",]); /** * Additionally closed to a machine publishing a theme: the mobile default is * not a web or desktop built-in, so a saved theme may legitimately carry that * id, but no client that follows published themes can resolve it -- publishing * it would report success and change nothing. */export const UNPUBLISHABLE_THEME_IDS: ReadonlySet<string> = new Set([ ...RESERVED_THEME_IDS, MOBILE_DEFAULT_THEME_ID,]); export type BuiltInThemeId = (typeof BUILT_IN_THEME_IDS)[number];export type MobileThemeId = (typeof MOBILE_THEME_IDS)[number];export type ThemeAppearance = "light" | "dark"; /** Product roles shared by web CSS, React Native tokens, and native surfaces. */export const THEME_COLOR_ROLES = [ "canvas", "chrome", "toolbar", "toolbarForeground", "toolbarBorder", "toolbarControl", "toolbarControlForeground", "toolbarControlHover", "surface", "surfaceRaised", "surfaceOverlay", "text", "textMuted", "border", "input", "focus", "accent", "accentForeground", "secondary", "secondaryForeground", "muted", "mutedForeground", "placeholder", "secondaryLabel", "iconMuted", "error", "errorForeground", "errorSurface", "warning", "warningForeground", "warningSurface", "update", "updateForeground", "updateSurface", "accentSurface", "accentSurfaceForeground", "messageSurface", "messageForeground", "messageAction", "messageActionForeground", "messageActionHover", "codeBackground", "codeForeground", "sidebar", "sidebarForeground", "sidebarMutedForeground", "sidebarControlSurface", "sidebarRowHover", "sidebarRowActive", "sidebarRowSelected", "sidebarBorder", "terminalBackground", "terminalForeground", "terminalCursor", "terminalSelection", "terminalScrollbar", "terminalScrollbarHover",] as const; export type ThemeColorRole = (typeof THEME_COLOR_ROLES)[number];export type ThemeColors = Readonly<Record<ThemeColorRole, string>>;export type ThemeVariants = Readonly<Partial<Record<ThemeAppearance, ThemeColors>>>;export type ThemeDefinition = Readonly<{ id: string; label: string; appearance: ThemeAppearance; colors: ThemeColors; variants?: ThemeVariants; /** Groups related imported variants into one library card. */ collection?: Readonly<{ id: string; label: string }>; /** Allows reviewed built-ins to render product artwork over their sidebar. */ sidebarArtwork?: boolean; /** Generated from the guided editor's canvas and accent roles. */ managed?: boolean;}>; export const T3_CHAT_THEME: ThemeDefinition = { id: "t3-chat", label: "T3 Chat", appearance: "light", colors: { canvas: "oklch(0.982446 0.010114 325.653)", chrome: "oklch(0.982446 0.010114 325.653)", toolbar: "oklch(0.982446 0.010114 325.653)", toolbarForeground: "oklch(0.325698 0.116116 325.037)", toolbarBorder: "oklch(0.856784 0.082879 328.911)", toolbarControl: "oklch(0.939552 0.024286 321.664)", toolbarControlForeground: "oklch(0.325698 0.116116 325.037)", toolbarControlHover: "oklch(0.884525 0.041658 337.177)", surface: "oklch(0.971835 0.012884 321.894)", surfaceRaised: "oklch(0.988235 0.005049 325.615)", surfaceOverlay: "oklch(1 0 0)", text: "oklch(0.325698 0.116116 325.037)", textMuted: "oklch(0.494754 0.190937 354.544)", border: "oklch(0.923531 0.021247 328.096)", input: "oklch(0.851713 0.055822 336.6)", focus: "oklch(0.591646 0.217985 0.584)", accent: "oklch(0.591646 0.217985 0.584)", accentForeground: "oklch(1 0 0)", secondary: "oklch(0.869588 0.06751 334.899)", secondaryForeground: "oklch(0.444777 0.134061 324.799)", muted: "oklch(0.802407 0.090963 345.892)", mutedForeground: "oklch(0.428932 0.163929 354.332)", placeholder: "oklch(0.549927 0.090215 323.149)", secondaryLabel: "oklch(0.494754 0.190937 354.544)", iconMuted: "oklch(0.494754 0.190937 354.544)", error: "oklch(0.627117 0.248974 7.734)", errorForeground: "oklch(0.458704 0.169677 3.815)", errorSurface: "oklch(0.942787 0.032076 344.963)", warning: "oklch(0.76859 0.164659 70.08)", warningForeground: "oklch(0.54612 0.143036 48.949)", warningSurface: "oklch(0.962901 0.015297 48.56)", update: "oklch(0.591646 0.217985 0.584)", updateForeground: "oklch(0.494754 0.190937 354.544)", updateSurface: "oklch(0.930264 0.036194 341.45)", accentSurface: "oklch(0.939552 0.024286 321.664)", accentSurfaceForeground: "oklch(0.396296 0.025134 285.196)", messageSurface: "oklch(0.926746 0.037898 332.6)", messageForeground: "oklch(0.354591 0.093575 307.568)", messageAction: "oklch(0.591646 0.217985 0.584)", messageActionForeground: "oklch(1 0 0)", messageActionHover: "oklch(0.539042 0.197866 0.305)", codeBackground: "oklch(0.953855 0.019695 315.668)", codeForeground: "oklch(0.445128 0.13005 307.026)", sidebar: "oklch(0.928886 0.031178 322.592)", sidebarForeground: "oklch(0.396296 0.025134 285.196)", sidebarMutedForeground: "oklch(0.494754 0.190937 354.544)", sidebarControlSurface: "oklch(0.978851 0.001321 106.424)", sidebarRowHover: "oklch(0.978851 0.001321 106.424)", sidebarRowActive: "oklch(0.978851 0.001321 106.424)", sidebarRowSelected: "oklch(0.978851 0.001321 106.424)", sidebarBorder: "oklch(0.938313 0.002552 48.717)", terminalBackground: "oklch(0.982446 0.010114 325.653)", terminalForeground: "oklch(0.325698 0.116116 325.037)", terminalCursor: "oklch(0.591646 0.217985 0.584)", terminalSelection: "oklch(0.869588 0.06751 334.899)", terminalScrollbar: "oklch(0.851713 0.055822 336.6)", terminalScrollbarHover: "oklch(0.802407 0.090963 345.892)", }, variants: { dark: { canvas: "oklch(0.22813 0.020366 307.469)", chrome: "oklch(0.22813 0.020366 307.469)", toolbar: "oklch(0.22813 0.020366 307.469)", toolbarForeground: "oklch(0.980735 0.004092 301.426)", toolbarBorder: "oklch(0.266943 0.015262 302.425)", toolbarControl: "oklch(0.313674 0.030572 310.061)", toolbarControlForeground: "oklch(0.848252 0.038248 307.961)", toolbarControlHover: "oklch(0.364912 0.050794 308.491)", surface: "oklch(0.267101 0.02016 311.799)", surfaceRaised: "oklch(0.279864 0.021572 309.532)", surfaceOverlay: "oklch(0.154761 0.01316 338.901)", text: "oklch(0.980735 0.004092 301.426)", textMuted: "oklch(0.880303 0.03077 342.696)", border: "oklch(0.266943 0.015262 302.425)", input: "oklch(0.266817 0.02897 344.461)", focus: "oklch(0.591646 0.217985 0.584)", accent: "oklch(0.460685 0.185347 4.099)", accentForeground: "oklch(0.901233 0.057189 343.694)", secondary: "oklch(0.313674 0.030572 310.061)", secondaryForeground: "oklch(0.848252 0.038248 307.961)", muted: "oklch(0.360924 0.021469 316.83)", mutedForeground: "oklch(0.880303 0.03077 342.696)", placeholder: "oklch(0.657087 0.028226 307.985)", secondaryLabel: "oklch(0.880303 0.03077 342.696)", iconMuted: "oklch(0.848252 0.038248 307.961)", error: "oklch(0.458704 0.169677 3.815)", errorForeground: "oklch(0.901233 0.057189 343.694)", errorSurface: "oklch(0.259022 0.04799 340.062)", warning: "oklch(0.76859 0.164659 70.08)", warningForeground: "oklch(0.836861 0.164422 84.429)", warningSurface: "oklch(0.321706 0.036256 60.806)", update: "oklch(0.460685 0.185347 4.099)", updateForeground: "oklch(0.901233 0.057189 343.694)", updateSurface: "oklch(0.256077 0.063004 342.914)", accentSurface: "oklch(0.364912 0.050794 308.491)", accentSurfaceForeground: "oklch(0.964695 0.009139 341.803)", messageSurface: "oklch(0.273791 0.025541 309.079)", messageForeground: "oklch(0.949872 0.021269 306.838)", messageAction: "oklch(0.460685 0.185347 4.099)", messageActionForeground: "oklch(0.901233 0.057189 343.694)", messageActionHover: "oklch(0.458754 0.184639 3.857)", codeBackground: "oklch(0.22813 0.020366 307.469)", codeForeground: "oklch(0.848703 0.064239 306.645)", sidebar: "oklch(0.185778 0.019368 322.159)", sidebarForeground: "oklch(0.967434 0.001326 286.375)", sidebarMutedForeground: "oklch(0.880303 0.03077 342.696)", sidebarControlSurface: "oklch(0.23366 0.026081 338.196)", sidebarRowHover: "oklch(0.23366 0.026081 338.196)", sidebarRowActive: "oklch(0.23366 0.026081 338.196)", sidebarRowSelected: "oklch(0.23366 0.026081 338.196)", sidebarBorder: "oklch(0.269132 0.030766 351.067)", terminalBackground: "oklch(0.22813 0.020366 307.469)", terminalForeground: "oklch(0.980735 0.004092 301.426)", terminalCursor: "oklch(0.591646 0.217985 0.584)", terminalSelection: "oklch(0.313674 0.030572 310.061)", terminalScrollbar: "oklch(0.266817 0.02897 344.461)", terminalScrollbarHover: "oklch(0.360924 0.021469 316.83)", }, }, sidebarArtwork: true,}; export const GROVE_THEME: ThemeDefinition = { id: "grove", label: "Grove", appearance: "light", colors: { canvas: "oklch(0.972369 0.005497 157.15)", chrome: "oklch(0.972369 0.005497 157.15)", toolbar: "oklch(0.972369 0.005497 157.15)", toolbarForeground: "oklch(0.222003 0.03479 328.979)", toolbarBorder: "oklch(0.909438 0.021521 164.612)", toolbarControl: "oklch(0.936464 0.014601 163.554)", toolbarControlForeground: "oklch(0.222003 0.03479 328.979)", toolbarControlHover: "oklch(0.909438 0.021521 164.612)", surface: "oklch(0.972369 0.005497 157.15)", surfaceRaised: "oklch(0.949276 0.004496 159.002)", surfaceOverlay: "oklch(0.932695 0.003778 160.944)", text: "oklch(0.222003 0.03479 328.979)", textMuted: "oklch(0.540472 0.014944 326.176)", border: "oklch(0.864831 0.01312 167.255)", input: "oklch(0.829746 0.016084 168.234)", focus: "oklch(0.523295 0.112292 158.089)", accent: "oklch(0.523295 0.112292 158.089)", accentForeground: "oklch(0.990339 0.008411 325.64)", secondary: "oklch(0.936464 0.014601 163.554)", secondaryForeground: "oklch(0.222003 0.03479 328.979)", muted: "oklch(0.945455 0.012308 162.879)", mutedForeground: "oklch(0.527266 0.012309 320.683)", placeholder: "oklch(0.529681 0.01551 326.299)", secondaryLabel: "oklch(0.540472 0.014944 326.176)", iconMuted: "oklch(0.540472 0.014944 326.176)", error: "oklch(0.637823 0.237287 25.436)", errorForeground: "oklch(0.509494 0.208583 28.513)", errorSurface: "oklch(0.936968 0.014243 26.295)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.545036 0.155019 45.359)", warningSurface: "oklch(0.953175 0.02009 93.379)", update: "oklch(0.523295 0.112292 158.089)", updateForeground: "oklch(0.388012 0.080082 158.768)", updateSurface: "oklch(0.900411 0.02384 164.795)", accentSurface: "oklch(0.909438 0.021521 164.612)", accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)", messageSurface: "oklch(0.891377 0.026164 164.929)", messageForeground: "oklch(0.222003 0.03479 328.979)", messageAction: "oklch(0.535028 0.106403 77.549)", messageActionForeground: "oklch(0.990339 0.008411 325.64)", messageActionHover: "oklch(0.488753 0.096536 77.829)", codeBackground: "oklch(0.955888 0.004783 158.391)", codeForeground: "oklch(0.222003 0.03479 328.979)", sidebar: "oklch(0.936464 0.014601 163.554)", sidebarForeground: "oklch(0.222003 0.03479 328.979)", sidebarMutedForeground: "oklch(0.515606 0.011938 318.897)", sidebarControlSurface: "oklch(0.88585 0.011734 166.331)", sidebarRowHover: "oklch(0.886676 0.027374 164.983)", sidebarRowActive: "oklch(0.85335 0.03597 165.158)", sidebarRowSelected: "oklch(0.836654 0.040284 165.149)", sidebarBorder: "oklch(0.860274 0.010287 168.339)", terminalBackground: "oklch(0.972369 0.005497 157.15)", terminalForeground: "oklch(0.222003 0.03479 328.979)", terminalCursor: "oklch(0.523295 0.112292 158.089)", terminalSelection: "oklch(0.891377 0.026164 164.929)", terminalScrollbar: "oklch(0.824752 0.001392 294.641)", terminalScrollbarHover: "oklch(0.755495 0.004415 318.776)", }, variants: { dark: { canvas: "oklch(0.260865 0.02152 162.75)", chrome: "oklch(0.260865 0.02152 162.75)", toolbar: "oklch(0.260865 0.02152 162.75)", toolbarForeground: "oklch(0.990339 0.008411 325.64)", toolbarBorder: "oklch(0.464636 0.066083 158.72)", toolbarControl: "oklch(0.380487 0.048313 159.608)", toolbarControlForeground: "oklch(0.990339 0.008411 325.64)", toolbarControlHover: "oklch(0.437021 0.060312 158.962)", surface: "oklch(0.260865 0.02152 162.75)", surfaceRaised: "oklch(0.363192 0.016572 165.32)", surfaceOverlay: "oklch(0.411828 0.014378 166.627)", text: "oklch(0.990339 0.008411 325.64)", textMuted: "oklch(0.666747 0.004239 187.292)", border: "oklch(0.457475 0.044046 160.971)", input: "oklch(0.519849 0.049896 160.863)", focus: "oklch(0.796228 0.133058 157.319)", accent: "oklch(0.796228 0.133058 157.319)", accentForeground: "oklch(0.222003 0.03479 328.979)", secondary: "oklch(0.380487 0.048313 159.608)", secondaryForeground: "oklch(0.990339 0.008411 325.64)", muted: "oklch(0.339728 0.039456 160.274)", mutedForeground: "oklch(0.715427 0.010896 171.428)", placeholder: "oklch(0.739243 0.002222 223.225)", secondaryLabel: "oklch(0.666747 0.004239 187.292)", iconMuted: "oklch(0.666747 0.004239 187.292)", error: "oklch(0.655108 0.221148 23.473)", errorForeground: "oklch(0.704237 0.187511 22.228)", errorSurface: "oklch(0.312773 0.02923 32.121)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.829017 0.171221 81.038)", warningSurface: "oklch(0.345524 0.046882 99.736)", update: "oklch(0.796228 0.133058 157.319)", updateForeground: "oklch(0.86276 0.089288 159.704)", updateSurface: "oklch(0.448116 0.062637 158.86)", accentSurface: "oklch(0.437021 0.060312 158.962)", accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)", messageSurface: "oklch(0.470111 0.067221 158.676)", messageForeground: "oklch(0.990339 0.008411 325.64)", messageAction: "oklch(0.791603 0.129713 83.299)", messageActionForeground: "oklch(0.222003 0.03479 328.979)", messageActionHover: "oklch(0.815227 0.117902 84.21)", codeBackground: "oklch(0.312979 0.018942 164.082)", codeForeground: "oklch(0.990339 0.008411 325.64)", sidebar: "oklch(0.309925 0.032827 160.944)", sidebarForeground: "oklch(0.990339 0.008411 325.64)", sidebarMutedForeground: "oklch(0.711387 0.007643 175.89)", sidebarControlSurface: "oklch(0.432727 0.024549 163.654)", sidebarRowHover: "oklch(0.374959 0.047124 159.686)", sidebarRowActive: "oklch(0.41688 0.056069 159.165)", sidebarRowSelected: "oklch(0.437466 0.060406 158.958)", sidebarBorder: "oklch(0.569253 0.015933 167.062)", terminalBackground: "oklch(0.260865 0.02152 162.75)", terminalForeground: "oklch(0.990339 0.008411 325.64)", terminalCursor: "oklch(0.796228 0.133058 157.319)", terminalSelection: "oklch(0.464636 0.066083 158.72)", terminalScrollbar: "oklch(0.594692 0.006862 176.022)", terminalScrollbarHover: "oklch(0.687968 0.00354 193.55)", }, }, sidebarArtwork: true,}; export const OCEAN_THEME: ThemeDefinition = { id: "ocean", label: "Ocean", appearance: "light", colors: { canvas: "oklch(0.974199 0.002856 241.597)", chrome: "oklch(0.974199 0.002856 241.597)", toolbar: "oklch(0.974199 0.002856 241.597)", toolbarForeground: "oklch(0.222003 0.03479 328.979)", toolbarBorder: "oklch(0.91295 0.018827 241.836)", toolbarControl: "oklch(0.939254 0.01193 241.729)", toolbarControlForeground: "oklch(0.222003 0.03479 328.979)", toolbarControlHover: "oklch(0.91295 0.018827 241.836)", surface: "oklch(0.974199 0.002856 241.597)", surfaceRaised: "oklch(0.951058 0.002962 258.339)", surfaceOverlay: "oklch(0.934442 0.003181 269.1)", text: "oklch(0.222003 0.03479 328.979)", textMuted: "oklch(0.541555 0.017468 323.531)", border: "oklch(0.867646 0.013482 252.362)", input: "oklch(0.832939 0.017389 252.598)", focus: "oklch(0.536684 0.120219 247.01)", accent: "oklch(0.536684 0.120219 247.01)", accentForeground: "oklch(0.990339 0.008411 325.64)", secondary: "oklch(0.939254 0.01193 241.729)", secondaryForeground: "oklch(0.222003 0.03479 328.979)", muted: "oklch(0.948004 0.009649 241.695)", mutedForeground: "oklch(0.528741 0.01828 313.823)", placeholder: "oklch(0.530733 0.01795 323.79)", secondaryLabel: "oklch(0.541555 0.017468 323.531)", iconMuted: "oklch(0.541555 0.017468 323.531)", error: "oklch(0.637823 0.237287 25.436)", errorForeground: "oklch(0.509494 0.208583 28.513)", errorSurface: "oklch(0.938747 0.016377 7.186)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.546927 0.155556 45.359)", warningSurface: "oklch(0.954846 0.016009 81.731)", update: "oklch(0.536684 0.120219 247.01)", updateForeground: "oklch(0.397497 0.084999 246.523)", updateSurface: "oklch(0.904165 0.021144 241.874)", accentSurface: "oklch(0.91295 0.018827 241.836)", accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)", messageSurface: "oklch(0.895373 0.023469 241.913)", messageForeground: "oklch(0.222003 0.03479 328.979)", messageAction: "oklch(0.493961 0.08175 201.584)", messageActionForeground: "oklch(0.990339 0.008411 325.64)", messageActionHover: "oklch(0.45151 0.074407 201.516)", codeBackground: "oklch(0.957684 0.002906 253.68)", codeForeground: "oklch(0.222003 0.03479 328.979)", sidebar: "oklch(0.939254 0.01193 241.729)", sidebarForeground: "oklch(0.222003 0.03479 328.979)", sidebarMutedForeground: "oklch(0.517366 0.018944 311.433)", sidebarControlSurface: "oklch(0.888479 0.011475 251.638)", sidebarRowHover: "oklch(0.890798 0.024681 241.933)", sidebarRowActive: "oklch(0.858363 0.033325 242.089)", sidebarRowSelected: "oklch(0.842113 0.037689 242.174)", sidebarBorder: "oklch(0.862823 0.011384 256.926)", terminalBackground: "oklch(0.974199 0.002856 241.597)", terminalForeground: "oklch(0.222003 0.03479 328.979)", terminalCursor: "oklch(0.536684 0.120219 247.01)", terminalSelection: "oklch(0.895373 0.023469 241.913)", terminalScrollbar: "oklch(0.826271 0.006191 305.456)", terminalScrollbarHover: "oklch(0.756866 0.008685 313.721)", }, variants: { dark: { canvas: "oklch(0.242641 0.024125 250.573)", chrome: "oklch(0.242641 0.024125 250.573)", toolbar: "oklch(0.242641 0.024125 250.573)", toolbarForeground: "oklch(0.990339 0.008411 325.64)", toolbarBorder: "oklch(0.439946 0.0561 243.479)", toolbarControl: "oklch(0.358725 0.043145 244.911)", toolbarControlForeground: "oklch(0.990339 0.008411 325.64)", toolbarControlHover: "oklch(0.413315 0.051874 243.855)", surface: "oklch(0.242641 0.024125 250.573)", surfaceRaised: "oklch(0.348439 0.019942 253.696)", surfaceOverlay: "oklch(0.398517 0.018232 255.72)", text: "oklch(0.990339 0.008411 325.64)", textMuted: "oklch(0.652227 0.01149 273.31)", border: "oklch(0.438653 0.039496 245.44)", input: "oklch(0.500905 0.043574 244.781)", focus: "oklch(0.758933 0.105833 241.548)", accent: "oklch(0.758933 0.105833 241.548)", accentForeground: "oklch(0.222003 0.03479 328.979)", secondary: "oklch(0.358725 0.043145 244.911)", secondaryForeground: "oklch(0.990339 0.008411 325.64)", muted: "oklch(0.319287 0.036766 246.065)", mutedForeground: "oklch(0.691936 0.016294 261.588)", placeholder: "oklch(0.721641 0.010192 281.271)", secondaryLabel: "oklch(0.652227 0.01149 273.31)", iconMuted: "oklch(0.652227 0.01149 273.31)", error: "oklch(0.655108 0.221148 23.473)", errorForeground: "oklch(0.702184 0.189226 22.228)", errorSurface: "oklch(0.298933 0.036443 350.094)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.829017 0.171221 81.038)", warningSurface: "oklch(0.329449 0.028712 84.495)", update: "oklch(0.758933 0.105833 241.548)", updateForeground: "oklch(0.840844 0.069217 240.151)", updateSurface: "oklch(0.424017 0.053575 243.695)", accentSurface: "oklch(0.413315 0.051874 243.855)", accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)", messageSurface: "oklch(0.445224 0.056936 243.413)", messageForeground: "oklch(0.990339 0.008411 325.64)", messageAction: "oklch(0.793363 0.105022 199.893)", messageActionForeground: "oklch(0.222003 0.03479 328.979)", messageActionHover: "oklch(0.815308 0.096174 199.862)", codeBackground: "oklch(0.29661 0.021883 251.968)", codeForeground: "oklch(0.990339 0.008411 325.64)", sidebar: "oklch(0.290387 0.032043 247.274)", sidebarForeground: "oklch(0.990339 0.008411 325.64)", sidebarMutedForeground: "oklch(0.69099 0.01395 266.424)", sidebarControlSurface: "oklch(0.417822 0.02535 250.162)", sidebarRowHover: "oklch(0.353381 0.042285 245.043)", sidebarRowActive: "oklch(0.393878 0.048778 244.179)", sidebarRowSelected: "oklch(0.413744 0.051943 243.848)", sidebarBorder: "oklch(0.55859 0.019001 256.223)", terminalBackground: "oklch(0.242641 0.024125 250.573)", terminalForeground: "oklch(0.990339 0.008411 325.64)", terminalCursor: "oklch(0.758933 0.105833 241.548)", terminalSelection: "oklch(0.439946 0.0561 243.479)", terminalScrollbar: "oklch(0.58613 0.012959 267.22)", terminalScrollbarHover: "oklch(0.681569 0.010909 276.465)", },Lines 1–500 of 773. Load more
export const BUILT_IN_THEME_IDS = ["t3-chat", "grove", "ocean", "ember", "iris"] as const; /** The mobile app's own hand-tuned palette, which is not part of the built-in library. */ export const MOBILE_DEFAULT_THEME_ID = "t3-code"; /** * Every palette the mobile app can render. Declared here so host-side tooling * (the app-store screenshot harness) can validate a requested theme without * importing React Native application code. */ export const MOBILE_THEME_IDS = [MOBILE_DEFAULT_THEME_ID, ...BUILT_IN_THEME_IDS] as const; /** * Ids a theme may not take: the appearance keywords a stored preference uses, * every built-in, and the legacy aliases older saves still carry. Taking one * would either be shadowed by the built-in or capture clients that never chose * it, so the client library and the publish path both consult this set. */ export const RESERVED_THEME_IDS: ReadonlySet<string> = new Set([ "system", "light", "dark", ...BUILT_IN_THEME_IDS, "t3-chat-dark", "t3-grove", "t3-ocean", "t3-ember", "t3-iris", ]); /** * Additionally closed to a machine publishing a theme: the mobile default is * not a web or desktop built-in, so a saved theme may legitimately carry that * id, but no client that follows published themes can resolve it -- publishing * it would report success and change nothing. */ export const UNPUBLISHABLE_THEME_IDS: ReadonlySet<string> = new Set([ ...RESERVED_THEME_IDS, MOBILE_DEFAULT_THEME_ID, ]); export type BuiltInThemeId = (typeof BUILT_IN_THEME_IDS)[number]; export type MobileThemeId = (typeof MOBILE_THEME_IDS)[number]; export type ThemeAppearance = "light" | "dark"; /** Product roles shared by web CSS, React Native tokens, and native surfaces. */ export const THEME_COLOR_ROLES = [ "canvas", "chrome", "toolbar", "toolbarForeground", "toolbarBorder", "toolbarControl", "toolbarControlForeground", "toolbarControlHover", "surface", "surfaceRaised", "surfaceOverlay", "text", "textMuted", "border", "input", "focus", "accent", "accentForeground", "secondary", "secondaryForeground", "muted", "mutedForeground", "placeholder", "secondaryLabel", "iconMuted", "error", "errorForeground", "errorSurface", "warning", "warningForeground", "warningSurface", "update", "updateForeground", "updateSurface", "accentSurface", "accentSurfaceForeground", "messageSurface", "messageForeground", "messageAction", "messageActionForeground", "messageActionHover", "codeBackground", "codeForeground", "sidebar", "sidebarForeground", "sidebarMutedForeground", "sidebarControlSurface", "sidebarRowHover", "sidebarRowActive", "sidebarRowSelected", "sidebarBorder", "terminalBackground", "terminalForeground", "terminalCursor", "terminalSelection", "terminalScrollbar", "terminalScrollbarHover", ] as const; export type ThemeColorRole = (typeof THEME_COLOR_ROLES)[number]; export type ThemeColors = Readonly<Record<ThemeColorRole, string>>; export type ThemeVariants = Readonly<Partial<Record<ThemeAppearance, ThemeColors>>>; export type ThemeDefinition = Readonly<{ id: string; label: string; appearance: ThemeAppearance; colors: ThemeColors; variants?: ThemeVariants; /** Groups related imported variants into one library card. */ collection?: Readonly<{ id: string; label: string }>; /** Allows reviewed built-ins to render product artwork over their sidebar. */ sidebarArtwork?: boolean; /** Generated from the guided editor's canvas and accent roles. */ managed?: boolean; }>; export const T3_CHAT_THEME: ThemeDefinition = { id: "t3-chat", label: "T3 Chat", appearance: "light", colors: { canvas: "oklch(0.982446 0.010114 325.653)", chrome: "oklch(0.982446 0.010114 325.653)", toolbar: "oklch(0.982446 0.010114 325.653)", toolbarForeground: "oklch(0.325698 0.116116 325.037)", toolbarBorder: "oklch(0.856784 0.082879 328.911)", toolbarControl: "oklch(0.939552 0.024286 321.664)", toolbarControlForeground: "oklch(0.325698 0.116116 325.037)", toolbarControlHover: "oklch(0.884525 0.041658 337.177)", surface: "oklch(0.971835 0.012884 321.894)", surfaceRaised: "oklch(0.988235 0.005049 325.615)", surfaceOverlay: "oklch(1 0 0)", text: "oklch(0.325698 0.116116 325.037)", textMuted: "oklch(0.494754 0.190937 354.544)", border: "oklch(0.923531 0.021247 328.096)", input: "oklch(0.851713 0.055822 336.6)", focus: "oklch(0.591646 0.217985 0.584)", accent: "oklch(0.591646 0.217985 0.584)", accentForeground: "oklch(1 0 0)", secondary: "oklch(0.869588 0.06751 334.899)", secondaryForeground: "oklch(0.444777 0.134061 324.799)", muted: "oklch(0.802407 0.090963 345.892)", mutedForeground: "oklch(0.428932 0.163929 354.332)", placeholder: "oklch(0.549927 0.090215 323.149)", secondaryLabel: "oklch(0.494754 0.190937 354.544)", iconMuted: "oklch(0.494754 0.190937 354.544)", error: "oklch(0.627117 0.248974 7.734)", errorForeground: "oklch(0.458704 0.169677 3.815)", errorSurface: "oklch(0.942787 0.032076 344.963)", warning: "oklch(0.76859 0.164659 70.08)", warningForeground: "oklch(0.54612 0.143036 48.949)", warningSurface: "oklch(0.962901 0.015297 48.56)", update: "oklch(0.591646 0.217985 0.584)", updateForeground: "oklch(0.494754 0.190937 354.544)", updateSurface: "oklch(0.930264 0.036194 341.45)", accentSurface: "oklch(0.939552 0.024286 321.664)", accentSurfaceForeground: "oklch(0.396296 0.025134 285.196)", messageSurface: "oklch(0.926746 0.037898 332.6)", messageForeground: "oklch(0.354591 0.093575 307.568)", messageAction: "oklch(0.591646 0.217985 0.584)", messageActionForeground: "oklch(1 0 0)", messageActionHover: "oklch(0.539042 0.197866 0.305)", codeBackground: "oklch(0.953855 0.019695 315.668)", codeForeground: "oklch(0.445128 0.13005 307.026)", sidebar: "oklch(0.928886 0.031178 322.592)", sidebarForeground: "oklch(0.396296 0.025134 285.196)", sidebarMutedForeground: "oklch(0.494754 0.190937 354.544)", sidebarControlSurface: "oklch(0.978851 0.001321 106.424)", sidebarRowHover: "oklch(0.978851 0.001321 106.424)", sidebarRowActive: "oklch(0.978851 0.001321 106.424)", sidebarRowSelected: "oklch(0.978851 0.001321 106.424)", sidebarBorder: "oklch(0.938313 0.002552 48.717)", terminalBackground: "oklch(0.982446 0.010114 325.653)", terminalForeground: "oklch(0.325698 0.116116 325.037)", terminalCursor: "oklch(0.591646 0.217985 0.584)", terminalSelection: "oklch(0.869588 0.06751 334.899)", terminalScrollbar: "oklch(0.851713 0.055822 336.6)", terminalScrollbarHover: "oklch(0.802407 0.090963 345.892)", }, variants: { dark: { canvas: "oklch(0.22813 0.020366 307.469)", chrome: "oklch(0.22813 0.020366 307.469)", toolbar: "oklch(0.22813 0.020366 307.469)", toolbarForeground: "oklch(0.980735 0.004092 301.426)", toolbarBorder: "oklch(0.266943 0.015262 302.425)", toolbarControl: "oklch(0.313674 0.030572 310.061)", toolbarControlForeground: "oklch(0.848252 0.038248 307.961)", toolbarControlHover: "oklch(0.364912 0.050794 308.491)", surface: "oklch(0.267101 0.02016 311.799)", surfaceRaised: "oklch(0.279864 0.021572 309.532)", surfaceOverlay: "oklch(0.154761 0.01316 338.901)", text: "oklch(0.980735 0.004092 301.426)", textMuted: "oklch(0.880303 0.03077 342.696)", border: "oklch(0.266943 0.015262 302.425)", input: "oklch(0.266817 0.02897 344.461)", focus: "oklch(0.591646 0.217985 0.584)", accent: "oklch(0.460685 0.185347 4.099)", accentForeground: "oklch(0.901233 0.057189 343.694)", secondary: "oklch(0.313674 0.030572 310.061)", secondaryForeground: "oklch(0.848252 0.038248 307.961)", muted: "oklch(0.360924 0.021469 316.83)", mutedForeground: "oklch(0.880303 0.03077 342.696)", placeholder: "oklch(0.657087 0.028226 307.985)", secondaryLabel: "oklch(0.880303 0.03077 342.696)", iconMuted: "oklch(0.848252 0.038248 307.961)", error: "oklch(0.458704 0.169677 3.815)", errorForeground: "oklch(0.901233 0.057189 343.694)", errorSurface: "oklch(0.259022 0.04799 340.062)", warning: "oklch(0.76859 0.164659 70.08)", warningForeground: "oklch(0.836861 0.164422 84.429)", warningSurface: "oklch(0.321706 0.036256 60.806)", update: "oklch(0.460685 0.185347 4.099)", updateForeground: "oklch(0.901233 0.057189 343.694)", updateSurface: "oklch(0.256077 0.063004 342.914)", accentSurface: "oklch(0.364912 0.050794 308.491)", accentSurfaceForeground: "oklch(0.964695 0.009139 341.803)", messageSurface: "oklch(0.273791 0.025541 309.079)", messageForeground: "oklch(0.949872 0.021269 306.838)", messageAction: "oklch(0.460685 0.185347 4.099)", messageActionForeground: "oklch(0.901233 0.057189 343.694)", messageActionHover: "oklch(0.458754 0.184639 3.857)", codeBackground: "oklch(0.22813 0.020366 307.469)", codeForeground: "oklch(0.848703 0.064239 306.645)", sidebar: "oklch(0.185778 0.019368 322.159)", sidebarForeground: "oklch(0.967434 0.001326 286.375)", sidebarMutedForeground: "oklch(0.880303 0.03077 342.696)", sidebarControlSurface: "oklch(0.23366 0.026081 338.196)", sidebarRowHover: "oklch(0.23366 0.026081 338.196)", sidebarRowActive: "oklch(0.23366 0.026081 338.196)", sidebarRowSelected: "oklch(0.23366 0.026081 338.196)", sidebarBorder: "oklch(0.269132 0.030766 351.067)", terminalBackground: "oklch(0.22813 0.020366 307.469)", terminalForeground: "oklch(0.980735 0.004092 301.426)", terminalCursor: "oklch(0.591646 0.217985 0.584)", terminalSelection: "oklch(0.313674 0.030572 310.061)", terminalScrollbar: "oklch(0.266817 0.02897 344.461)", terminalScrollbarHover: "oklch(0.360924 0.021469 316.83)", }, }, sidebarArtwork: true, }; export const GROVE_THEME: ThemeDefinition = { id: "grove", label: "Grove", appearance: "light", colors: { canvas: "oklch(0.972369 0.005497 157.15)", chrome: "oklch(0.972369 0.005497 157.15)", toolbar: "oklch(0.972369 0.005497 157.15)", toolbarForeground: "oklch(0.222003 0.03479 328.979)", toolbarBorder: "oklch(0.909438 0.021521 164.612)", toolbarControl: "oklch(0.936464 0.014601 163.554)", toolbarControlForeground: "oklch(0.222003 0.03479 328.979)", toolbarControlHover: "oklch(0.909438 0.021521 164.612)", surface: "oklch(0.972369 0.005497 157.15)", surfaceRaised: "oklch(0.949276 0.004496 159.002)", surfaceOverlay: "oklch(0.932695 0.003778 160.944)", text: "oklch(0.222003 0.03479 328.979)", textMuted: "oklch(0.540472 0.014944 326.176)", border: "oklch(0.864831 0.01312 167.255)", input: "oklch(0.829746 0.016084 168.234)", focus: "oklch(0.523295 0.112292 158.089)", accent: "oklch(0.523295 0.112292 158.089)", accentForeground: "oklch(0.990339 0.008411 325.64)", secondary: "oklch(0.936464 0.014601 163.554)", secondaryForeground: "oklch(0.222003 0.03479 328.979)", muted: "oklch(0.945455 0.012308 162.879)", mutedForeground: "oklch(0.527266 0.012309 320.683)", placeholder: "oklch(0.529681 0.01551 326.299)", secondaryLabel: "oklch(0.540472 0.014944 326.176)", iconMuted: "oklch(0.540472 0.014944 326.176)", error: "oklch(0.637823 0.237287 25.436)", errorForeground: "oklch(0.509494 0.208583 28.513)", errorSurface: "oklch(0.936968 0.014243 26.295)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.545036 0.155019 45.359)", warningSurface: "oklch(0.953175 0.02009 93.379)", update: "oklch(0.523295 0.112292 158.089)", updateForeground: "oklch(0.388012 0.080082 158.768)", updateSurface: "oklch(0.900411 0.02384 164.795)", accentSurface: "oklch(0.909438 0.021521 164.612)", accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)", messageSurface: "oklch(0.891377 0.026164 164.929)", messageForeground: "oklch(0.222003 0.03479 328.979)", messageAction: "oklch(0.535028 0.106403 77.549)", messageActionForeground: "oklch(0.990339 0.008411 325.64)", messageActionHover: "oklch(0.488753 0.096536 77.829)", codeBackground: "oklch(0.955888 0.004783 158.391)", codeForeground: "oklch(0.222003 0.03479 328.979)", sidebar: "oklch(0.936464 0.014601 163.554)", sidebarForeground: "oklch(0.222003 0.03479 328.979)", sidebarMutedForeground: "oklch(0.515606 0.011938 318.897)", sidebarControlSurface: "oklch(0.88585 0.011734 166.331)", sidebarRowHover: "oklch(0.886676 0.027374 164.983)", sidebarRowActive: "oklch(0.85335 0.03597 165.158)", sidebarRowSelected: "oklch(0.836654 0.040284 165.149)", sidebarBorder: "oklch(0.860274 0.010287 168.339)", terminalBackground: "oklch(0.972369 0.005497 157.15)", terminalForeground: "oklch(0.222003 0.03479 328.979)", terminalCursor: "oklch(0.523295 0.112292 158.089)", terminalSelection: "oklch(0.891377 0.026164 164.929)", terminalScrollbar: "oklch(0.824752 0.001392 294.641)", terminalScrollbarHover: "oklch(0.755495 0.004415 318.776)", }, variants: { dark: { canvas: "oklch(0.260865 0.02152 162.75)", chrome: "oklch(0.260865 0.02152 162.75)", toolbar: "oklch(0.260865 0.02152 162.75)", toolbarForeground: "oklch(0.990339 0.008411 325.64)", toolbarBorder: "oklch(0.464636 0.066083 158.72)", toolbarControl: "oklch(0.380487 0.048313 159.608)", toolbarControlForeground: "oklch(0.990339 0.008411 325.64)", toolbarControlHover: "oklch(0.437021 0.060312 158.962)", surface: "oklch(0.260865 0.02152 162.75)", surfaceRaised: "oklch(0.363192 0.016572 165.32)", surfaceOverlay: "oklch(0.411828 0.014378 166.627)", text: "oklch(0.990339 0.008411 325.64)", textMuted: "oklch(0.666747 0.004239 187.292)", border: "oklch(0.457475 0.044046 160.971)", input: "oklch(0.519849 0.049896 160.863)", focus: "oklch(0.796228 0.133058 157.319)", accent: "oklch(0.796228 0.133058 157.319)", accentForeground: "oklch(0.222003 0.03479 328.979)", secondary: "oklch(0.380487 0.048313 159.608)", secondaryForeground: "oklch(0.990339 0.008411 325.64)", muted: "oklch(0.339728 0.039456 160.274)", mutedForeground: "oklch(0.715427 0.010896 171.428)", placeholder: "oklch(0.739243 0.002222 223.225)", secondaryLabel: "oklch(0.666747 0.004239 187.292)", iconMuted: "oklch(0.666747 0.004239 187.292)", error: "oklch(0.655108 0.221148 23.473)", errorForeground: "oklch(0.704237 0.187511 22.228)", errorSurface: "oklch(0.312773 0.02923 32.121)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.829017 0.171221 81.038)", warningSurface: "oklch(0.345524 0.046882 99.736)", update: "oklch(0.796228 0.133058 157.319)", updateForeground: "oklch(0.86276 0.089288 159.704)", updateSurface: "oklch(0.448116 0.062637 158.86)", accentSurface: "oklch(0.437021 0.060312 158.962)", accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)", messageSurface: "oklch(0.470111 0.067221 158.676)", messageForeground: "oklch(0.990339 0.008411 325.64)", messageAction: "oklch(0.791603 0.129713 83.299)", messageActionForeground: "oklch(0.222003 0.03479 328.979)", messageActionHover: "oklch(0.815227 0.117902 84.21)", codeBackground: "oklch(0.312979 0.018942 164.082)", codeForeground: "oklch(0.990339 0.008411 325.64)", sidebar: "oklch(0.309925 0.032827 160.944)", sidebarForeground: "oklch(0.990339 0.008411 325.64)", sidebarMutedForeground: "oklch(0.711387 0.007643 175.89)", sidebarControlSurface: "oklch(0.432727 0.024549 163.654)", sidebarRowHover: "oklch(0.374959 0.047124 159.686)", sidebarRowActive: "oklch(0.41688 0.056069 159.165)", sidebarRowSelected: "oklch(0.437466 0.060406 158.958)", sidebarBorder: "oklch(0.569253 0.015933 167.062)", terminalBackground: "oklch(0.260865 0.02152 162.75)", terminalForeground: "oklch(0.990339 0.008411 325.64)", terminalCursor: "oklch(0.796228 0.133058 157.319)", terminalSelection: "oklch(0.464636 0.066083 158.72)", terminalScrollbar: "oklch(0.594692 0.006862 176.022)", terminalScrollbarHover: "oklch(0.687968 0.00354 193.55)", }, }, sidebarArtwork: true, }; export const OCEAN_THEME: ThemeDefinition = { id: "ocean", label: "Ocean", appearance: "light", colors: { canvas: "oklch(0.974199 0.002856 241.597)", chrome: "oklch(0.974199 0.002856 241.597)", toolbar: "oklch(0.974199 0.002856 241.597)", toolbarForeground: "oklch(0.222003 0.03479 328.979)", toolbarBorder: "oklch(0.91295 0.018827 241.836)", toolbarControl: "oklch(0.939254 0.01193 241.729)", toolbarControlForeground: "oklch(0.222003 0.03479 328.979)", toolbarControlHover: "oklch(0.91295 0.018827 241.836)", surface: "oklch(0.974199 0.002856 241.597)", surfaceRaised: "oklch(0.951058 0.002962 258.339)", surfaceOverlay: "oklch(0.934442 0.003181 269.1)", text: "oklch(0.222003 0.03479 328.979)", textMuted: "oklch(0.541555 0.017468 323.531)", border: "oklch(0.867646 0.013482 252.362)", input: "oklch(0.832939 0.017389 252.598)", focus: "oklch(0.536684 0.120219 247.01)", accent: "oklch(0.536684 0.120219 247.01)", accentForeground: "oklch(0.990339 0.008411 325.64)", secondary: "oklch(0.939254 0.01193 241.729)", secondaryForeground: "oklch(0.222003 0.03479 328.979)", muted: "oklch(0.948004 0.009649 241.695)", mutedForeground: "oklch(0.528741 0.01828 313.823)", placeholder: "oklch(0.530733 0.01795 323.79)", secondaryLabel: "oklch(0.541555 0.017468 323.531)", iconMuted: "oklch(0.541555 0.017468 323.531)", error: "oklch(0.637823 0.237287 25.436)", errorForeground: "oklch(0.509494 0.208583 28.513)", errorSurface: "oklch(0.938747 0.016377 7.186)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.546927 0.155556 45.359)", warningSurface: "oklch(0.954846 0.016009 81.731)", update: "oklch(0.536684 0.120219 247.01)", updateForeground: "oklch(0.397497 0.084999 246.523)", updateSurface: "oklch(0.904165 0.021144 241.874)", accentSurface: "oklch(0.91295 0.018827 241.836)", accentSurfaceForeground: "oklch(0.222003 0.03479 328.979)", messageSurface: "oklch(0.895373 0.023469 241.913)", messageForeground: "oklch(0.222003 0.03479 328.979)", messageAction: "oklch(0.493961 0.08175 201.584)", messageActionForeground: "oklch(0.990339 0.008411 325.64)", messageActionHover: "oklch(0.45151 0.074407 201.516)", codeBackground: "oklch(0.957684 0.002906 253.68)", codeForeground: "oklch(0.222003 0.03479 328.979)", sidebar: "oklch(0.939254 0.01193 241.729)", sidebarForeground: "oklch(0.222003 0.03479 328.979)", sidebarMutedForeground: "oklch(0.517366 0.018944 311.433)", sidebarControlSurface: "oklch(0.888479 0.011475 251.638)", sidebarRowHover: "oklch(0.890798 0.024681 241.933)", sidebarRowActive: "oklch(0.858363 0.033325 242.089)", sidebarRowSelected: "oklch(0.842113 0.037689 242.174)", sidebarBorder: "oklch(0.862823 0.011384 256.926)", terminalBackground: "oklch(0.974199 0.002856 241.597)", terminalForeground: "oklch(0.222003 0.03479 328.979)", terminalCursor: "oklch(0.536684 0.120219 247.01)", terminalSelection: "oklch(0.895373 0.023469 241.913)", terminalScrollbar: "oklch(0.826271 0.006191 305.456)", terminalScrollbarHover: "oklch(0.756866 0.008685 313.721)", }, variants: { dark: { canvas: "oklch(0.242641 0.024125 250.573)", chrome: "oklch(0.242641 0.024125 250.573)", toolbar: "oklch(0.242641 0.024125 250.573)", toolbarForeground: "oklch(0.990339 0.008411 325.64)", toolbarBorder: "oklch(0.439946 0.0561 243.479)", toolbarControl: "oklch(0.358725 0.043145 244.911)", toolbarControlForeground: "oklch(0.990339 0.008411 325.64)", toolbarControlHover: "oklch(0.413315 0.051874 243.855)", surface: "oklch(0.242641 0.024125 250.573)", surfaceRaised: "oklch(0.348439 0.019942 253.696)", surfaceOverlay: "oklch(0.398517 0.018232 255.72)", text: "oklch(0.990339 0.008411 325.64)", textMuted: "oklch(0.652227 0.01149 273.31)", border: "oklch(0.438653 0.039496 245.44)", input: "oklch(0.500905 0.043574 244.781)", focus: "oklch(0.758933 0.105833 241.548)", accent: "oklch(0.758933 0.105833 241.548)", accentForeground: "oklch(0.222003 0.03479 328.979)", secondary: "oklch(0.358725 0.043145 244.911)", secondaryForeground: "oklch(0.990339 0.008411 325.64)", muted: "oklch(0.319287 0.036766 246.065)", mutedForeground: "oklch(0.691936 0.016294 261.588)", placeholder: "oklch(0.721641 0.010192 281.271)", secondaryLabel: "oklch(0.652227 0.01149 273.31)", iconMuted: "oklch(0.652227 0.01149 273.31)", error: "oklch(0.655108 0.221148 23.473)", errorForeground: "oklch(0.702184 0.189226 22.228)", errorSurface: "oklch(0.298933 0.036443 350.094)", warning: "oklch(0.772406 0.172798 65.367)", warningForeground: "oklch(0.829017 0.171221 81.038)", warningSurface: "oklch(0.329449 0.028712 84.495)", update: "oklch(0.758933 0.105833 241.548)", updateForeground: "oklch(0.840844 0.069217 240.151)", updateSurface: "oklch(0.424017 0.053575 243.695)", accentSurface: "oklch(0.413315 0.051874 243.855)", accentSurfaceForeground: "oklch(0.990339 0.008411 325.64)", messageSurface: "oklch(0.445224 0.056936 243.413)", messageForeground: "oklch(0.990339 0.008411 325.64)", messageAction: "oklch(0.793363 0.105022 199.893)", messageActionForeground: "oklch(0.222003 0.03479 328.979)", messageActionHover: "oklch(0.815308 0.096174 199.862)", codeBackground: "oklch(0.29661 0.021883 251.968)", codeForeground: "oklch(0.990339 0.008411 325.64)", sidebar: "oklch(0.290387 0.032043 247.274)", sidebarForeground: "oklch(0.990339 0.008411 325.64)", sidebarMutedForeground: "oklch(0.69099 0.01395 266.424)", sidebarControlSurface: "oklch(0.417822 0.02535 250.162)", sidebarRowHover: "oklch(0.353381 0.042285 245.043)", sidebarRowActive: "oklch(0.393878 0.048778 244.179)", sidebarRowSelected: "oklch(0.413744 0.051943 243.848)", sidebarBorder: "oklch(0.55859 0.019001 256.223)", terminalBackground: "oklch(0.242641 0.024125 250.573)", terminalForeground: "oklch(0.990339 0.008411 325.64)", terminalCursor: "oklch(0.758933 0.105833 241.548)", terminalSelection: "oklch(0.439946 0.0561 243.479)", terminalScrollbar: "oklch(0.58613 0.012959 267.22)", terminalScrollbarHover: "oklch(0.681569 0.010909 276.465)", },