export const defaultTheme = { extend: { colors: { themePreview: { primary: "#505DBD", secondary: "#73739D", ghost: "white", }, // Branding pill: { background: "#1C1C36", }, // 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", accentA: "#6E3B80", accentB: "#1F1F50", }, // typography type: { emphasis: "#FFFFFF", text: "#73739D", dimmed: "#926CAD", divider: "#262632", secondary: "#64647B", }, // 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", secondary: "#73739D", }, // Passphrase authentication: { border: "#393954", inputBg: "#171728", wordBackground: "#171728", copyText: "#58587A", copyTextHover: "#8888AA", errorText: "#DB3D62", }, // Settings page settings: { sidebar: { activeLink: "#171728", type: { secondary: "#4B395F", inactive: "#8D68A9", icon: "#926CAD", iconActivated: "#6942A8", activated: "#CBA1E8", }, }, card: { border: "#2A243E", background: "#29243D", altBackground: "#29243D", }, }, utils: { divider: "#353549", }, // Error page errors: { card: "#12121B", border: "#252534", type: { secondary: "#62627D", }, }, // About page about: { circle: "#262632", circleText: "#9A9AC3", }, progress: { background: "#8787A8", preloaded: "#8787A8", filled: "#A75FC9", }, // video player video: { buttonBackground: "#444B5C", 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", }, }, }, }, }, };