/** * A Deck Theme is a set of CSS variables that control CSS styling of the official widgets. */ export type DeckWidgetTheme = { '--widget-margin'?: string; '--button-size'?: string; '--button-corner-radius'?: string; '--button-background'?: string; '--button-stroke'?: string; '--button-inner-stroke'?: string; '--button-shadow'?: string; '--button-backdrop-filter'?: string; '--button-icon-idle'?: string; '--button-icon-hover'?: string; '--button-text'?: string; '--icon-compass-north-color'?: string; '--icon-compass-south-color'?: string; '--menu-gap'?: string; '--menu-background'?: string; '--menu-backdrop-filter'?: string; '--menu-border'?: string; '--menu-shadow'?: string; '--menu-text'?: string; '--menu-item-hover'?: string; '--range-step-button-size'?: string; '--range-track-size'?: string; '--range-thumb-size'?: string; '--range-track-color'?: string; '--range-thumb-color'?: string; '--range-decoration-active-color'?: string; }; export declare const LightTheme: { readonly '--widget-margin': "12px"; readonly '--button-size': "28px"; readonly '--button-corner-radius': "8px"; readonly '--button-background': "#fff"; readonly '--button-stroke': "rgba(255, 255, 255, 0.3)"; readonly '--button-inner-stroke': "unset"; readonly '--button-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25)"; readonly '--button-backdrop-filter': "unset"; readonly '--button-icon-idle': "rgba(97, 97, 102, 1)"; readonly '--button-icon-hover': "rgba(24, 24, 26, 1)"; readonly '--button-text': "rgb(24, 24, 26, 1)"; readonly '--icon-compass-north-color': "rgb(240, 92, 68)"; readonly '--icon-compass-south-color': "rgb(204, 204, 204)"; readonly '--menu-gap': "4px"; readonly '--menu-background': "#fff"; readonly '--menu-backdrop-filter': "unset"; readonly '--menu-border': "unset"; readonly '--menu-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25)"; readonly '--menu-text': "rgb(24, 24, 26, 1)"; readonly '--menu-item-hover': "rgba(0, 0, 0, 0.08)"; readonly '--range-step-button-size': "24px"; readonly '--range-track-size': "16px"; readonly '--range-thumb-size': "10px"; readonly '--range-track-color': "#d8d8e5"; readonly '--range-thumb-color': "#616166"; readonly '--range-decoration-active-color': "#f8dd50"; }; export declare const DarkTheme: { readonly '--widget-margin': "12px"; readonly '--button-size': "28px"; readonly '--button-corner-radius': "8px"; readonly '--button-background': "rgba(18, 18, 20, 1)"; readonly '--button-stroke': "rgba(18, 18, 20, 0.30)"; readonly '--button-inner-stroke': "unset"; readonly '--button-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25)"; readonly '--button-backdrop-filter': "unset"; readonly '--button-icon-idle': "rgba(158, 157, 168, 1)"; readonly '--button-icon-hover': "rgba(215, 214, 229, 1)"; readonly '--button-text': "rgb(215, 214, 229, 1)"; readonly '--icon-compass-north-color': "rgb(240, 92, 68)"; readonly '--icon-compass-south-color': "rgb(200, 199, 209)"; readonly '--menu-gap': "4px"; readonly '--menu-background': "rgba(18, 18, 20, 1)"; readonly '--menu-backdrop-filter': "unset"; readonly '--menu-border': "unset"; readonly '--menu-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25)"; readonly '--menu-text': "rgb(215, 214, 229, 1)"; readonly '--menu-item-hover': "rgba(255, 255, 255, 0.1)"; readonly '--range-step-button-size': "24px"; readonly '--range-track-size': "16px"; readonly '--range-thumb-size': "10px"; readonly '--range-track-color': "#2c2c30"; readonly '--range-thumb-color': "#9e9da8"; readonly '--range-decoration-active-color': "#dd7d2c"; }; export declare const LightGlassTheme: { readonly '--widget-margin': "12px"; readonly '--button-size': "28px"; readonly '--button-corner-radius': "8px"; readonly '--button-background': "rgba(255, 255, 255, 0.6)"; readonly '--button-stroke': "rgba(255, 255, 255, 0.3)"; readonly '--button-inner-stroke': "1px solid rgba(255, 255, 255, 0.6)"; readonly '--button-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset"; readonly '--button-backdrop-filter': "blur(4px)"; readonly '--button-icon-idle': "rgba(97, 97, 102, 1)"; readonly '--button-icon-hover': "rgba(24, 24, 26, 1)"; readonly '--button-text': "rgb(24, 24, 26, 1)"; readonly '--icon-compass-north-color': "rgb(240, 92, 68)"; readonly '--icon-compass-south-color': "rgb(204, 204, 204)"; readonly '--menu-gap': "4px"; readonly '--menu-background': "rgba(255, 255, 255, 0.6)"; readonly '--menu-backdrop-filter': "blur(4px)"; readonly '--menu-border': "1px solid rgba(255, 255, 255, 0.6)"; readonly '--menu-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset"; readonly '--menu-text': "rgb(24, 24, 26, 1)"; readonly '--menu-item-hover': "rgba(0, 0, 0, 0.08)"; readonly '--range-step-button-size': "24px"; readonly '--range-track-size': "16px"; readonly '--range-thumb-size': "10px"; readonly '--range-track-color': "rgba(215, 214, 229, 0.3)"; readonly '--range-thumb-color': "rgba(97, 97, 102, 1)"; readonly '--range-decoration-active-color': "rgba(255, 215, 0, 0.6)"; }; export declare const DarkGlassTheme: { readonly '--widget-margin': "12px"; readonly '--button-size': "28px"; readonly '--button-corner-radius': "8px"; readonly '--button-background': "rgba(18, 18, 20, 0.75)"; readonly '--button-stroke': "rgba(18, 18, 20, 0.30)"; readonly '--button-inner-stroke': "1px solid rgba(18, 18, 20, 0.75)"; readonly '--button-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset"; readonly '--button-backdrop-filter': "blur(4px)"; readonly '--button-icon-idle': "rgba(158, 157, 168, 1)"; readonly '--button-icon-hover': "rgba(215, 214, 229, 1)"; readonly '--button-text': "rgb(215, 214, 229, 1)"; readonly '--icon-compass-north-color': "rgb(240, 92, 68)"; readonly '--icon-compass-south-color': "rgb(200, 199, 209)"; readonly '--menu-gap': "4px"; readonly '--menu-background': "rgba(18, 18, 20, 0.75)"; readonly '--menu-backdrop-filter': "blur(4px)"; readonly '--menu-border': "1px solid rgba(18, 18, 20, 0.75)"; readonly '--menu-shadow': "0px 0px 8px 0px rgba(0, 0, 0, 0.25), 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset"; readonly '--menu-text': "rgb(215, 214, 229, 1)"; readonly '--menu-item-hover': "rgba(255, 255, 255, 0.1)"; readonly '--range-step-button-size': "24px"; readonly '--range-track-size': "16px"; readonly '--range-thumb-size': "10px"; readonly '--range-track-color': "rgba(24, 24, 26, 0.3)"; readonly '--range-thumb-color': "rgba(158, 157, 168, 1)"; readonly '--range-decoration-active-color': "rgba(255, 145, 0, 0.6)"; }; //# sourceMappingURL=themes.d.ts.map