export type BaseThemeType = 'dark' | 'light'; export type BaseThemeKey = `default-${BaseThemeType}`; export type CssVariableStyleContent = `:root{${string}`; export type ThemeCssVariableName = `--dh-${string}`; export type ThemeCssColorVariableName = `--dh-color-${string}`; export type ThemePreloadColorVariable = '--dh-color-accent-contrast' | '--dh-color-accent-bg' | '--dh-color-accent-hover-bg' | '--dh-color-accent-down-bg' | '--dh-color-accent-key-focus-bg' | '--dh-color-negative-bg' | '--dh-color-loading-spinner-primary' | '--dh-color-loading-spinner-secondary' | '--dh-color-bg' | '--dh-color-fg' | '--dh-color-input-bg' | '--dh-color-input-fg' | '--dh-color-input-disabled-bg' | '--dh-color-input-border' | '--dh-color-input-placeholder' | '--dh-color-input-focus-border' | '--dh-color-text-highlight' | '--dh-color-login-form-bg' | '--dh-color-login-status-message' | '--dh-color-login-logo-bg' | '--dh-color-login-footer-fg' | '--dh-color-random-area-plot-animation-fg-fill' | '--dh-color-random-area-plot-animation-fg-stroke' | '--dh-color-random-area-plot-animation-bg' | '--dh-color-random-area-plot-animation-grid'; export type ThemeIconsRequiringManualColorChanges = '--dh-svg-icon-select-indicator' | '--dh-svg-icon-select-indicator-hover' | '--dh-svg-icon-select-indicator-disabled' | '--dh-svg-icon-error'; export declare const DEFAULT_DARK_THEME_KEY = "default-dark"; export declare const DEFAULT_LIGHT_THEME_KEY = "default-light"; export declare const EXTERNAL_THEME_KEY: "external-theme"; export declare const MSG_REQUEST_GET_THEME = "io.deephaven.message.ThemeModel.requestExternalTheme"; export declare const MSG_REQUEST_SET_THEME = "io.deephaven.message.ThemeModel.requestSetTheme"; export declare const PRELOAD_TRANSPARENT_THEME_QUERY_PARAM: "preloadTransparentTheme"; export declare const THEME_KEY_OVERRIDE_QUERY_PARAM: "theme"; export declare const DEFAULT_DARK_THEME_PALETTE: { readonly blue: { readonly 500: "#2f5bc0"; readonly 400: "#254ba4"; readonly 600: "#3b6bda"; readonly 700: "#4c7dee"; }; readonly red: { readonly 600: "#c73f61"; }; readonly gray: { readonly 50: "#1a171a"; readonly 75: "#211f22"; readonly 300: "#373438"; readonly 400: "#403e41"; readonly 500: "#5b5a5c"; readonly 600: "#929192"; readonly 700: "#c0bfbf"; readonly 800: "#f0f0ee"; readonly 900: "#fcfcfa"; }; }; export declare const DEFAULT_PRELOAD_DATA_VARIABLES: Record; export declare const TRANSPARENT_PRELOAD_DATA_VARIABLES: Partial>; /** * Some inline SVGs require manually updating their fill color via * `updateSVGFillColors`. This object maps these variables to their respective * fill color variables. */ export declare const SVG_ICON_MANUAL_COLOR_MAP: Record; export declare const THEME_CACHE_LOCAL_STORAGE_KEY = "deephaven.themeCache"; export interface ThemePreloadData { themeKey: string; preloadStyleContent?: CssVariableStyleContent; } export interface ThemeData { baseThemeKey?: BaseThemeKey; themeKey: string; name: string; styleContent: string; } export interface ThemeRegistrationData { base: ThemeData[]; custom: ThemeData[]; } export interface ExternalThemeData { baseThemeKey?: BaseThemeKey; name: string; cssVars: Record; } //# sourceMappingURL=ThemeModel.d.ts.map