196 lines
3.9 KiB
TypeScript
196 lines
3.9 KiB
TypeScript
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",
|
|
},
|
|
|
|
// 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",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|