export const defaultTheme = { extend: { colors: { themePreview: { primary: "#505DBD", secondary: "#73739D", ghost: "white", }, // Branding pill: { background: "#2e2e4d", backgroundHover: "#3d3d61", highlight: "#714C97", }, // meta data for the theme itself global: { accentA: "#505DBD", accentB: "#3440A1", }, // light bar lightBar: { light: "#2A2A71", }, // Buttons buttons: { toggle: "#8D44D6", toggleDisabled: "#202836", danger: "#792131", dangerHover: "#8a293b", secondary: "#161F25", secondaryText: "#8EA3B0", secondaryHover: "#1B262E", primary: "#fff", primaryText: "#000", primaryHover: "#dedede", purple: "#6b298a", purpleHover: "#7f35a1", cancel: "#252533", cancelHover: "#3C3C4A", }, // only used for body colors/textures background: { main: "#0A0A10", secondary: "#151529", secondaryHover: "#252542", accentA: "#6E3B80", accentB: "#1F1F50", }, // typography type: { logo: "#A87FD1", emphasis: "#FFFFFF", text: "#73739D", dimmed: "#926CAD", divider: "#262632", secondary: "#64647B", danger: "#F46E6E", link: "#A87FD1", linkHover: "#ba8fe6", }, // search bar search: { background: "#1E1E33", focused: "#24243C", placeholder: "#4A4A71", icon: "#545476", text: "#FFFFFF", }, // media cards mediaCard: { hoverBackground: "#161622", hoverAccent: "#4D79A8", hoverShadow: "#0A0A10", shadow: "#161622", barColor: "#4B4B63", barFillColor: "#BA7FD6", badge: "#151522", badgeText: "#5F5F7A", }, // Large card largeCard: { background: "#171728", icon: "#6741A5", }, // Dropdown dropdown: { background: "#171728", altBackground: "#151525", hoverBackground: "#202036", highlight: "#afa349", highlightHover: "#FCEC61", text: "#846D95", secondary: "#73739D", border: "#272742", contentBackground: "#232337", }, // Passphrase authentication: { border: "#393954", inputBg: "#171728", inputBgHover: "#171726", wordBackground: "#171728", copyText: "#58587A", copyTextHover: "#8888AA", errorText: "#DB3D62", }, // Settings page settings: { sidebar: { activeLink: "#171728", badge: "#0A0A12", type: { secondary: "#4B395F", inactive: "#8D68A9", icon: "#926CAD", iconActivated: "#6942A8", activated: "#CBA1E8", }, }, card: { border: "#2A243E", background: "#29243D", altBackground: "#29243D", }, saveBar: { background: "#0F0E17" } }, utils: { divider: "#353549", }, // Error page errors: { card: "#12121B", border: "#252534", type: { secondary: "#62627D", }, }, // About page about: { circle: "#262632", circleText: "#9A9AC3", }, // About page editBadge: { bg: "#262632", bgHover: "#343443", text: "#9A9AC3", }, progress: { background: "#8787A8", preloaded: "#8787A8", filled: "#A75FC9", }, // video player video: { buttonBackground: "#444B5C", autoPlay: { background: "#161C26", hover: "#252533" }, scraping: { card: "#161620", error: "#E44F4F", success: "#40B44B", loading: "#B759D8", noresult: "#64647B", }, audio: { set: "#A75FC9", }, context: { background: "#0C1216", light: "#4D79A8", border: "#1d252b", hoverColor: "#1E2A32", buttonFocus: "#202836", flagBg: "#202836", inputBg: "#202836", buttonOverInputHover: "#283040", inputPlaceholder: "#374A56", cardBorder: "#1B262E", slider: "#8787A8", sliderFilled: "#A75FC9", error: "#E44F4F", buttons: { list: "#161C26", active: "#0D1317", }, type: { main: "#617A8A", secondary: "#374A56", accent: "#A570FA", }, }, }, }, }, };