You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
229 lines
4.7 KiB
229 lines
4.7 KiB
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: "#A87FD1", |
|
}, |
|
|
|
// 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", |
|
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", |
|
}, |
|
}, |
|
}, |
|
}, |
|
}, |
|
};
|
|
|