Added more options
This commit is contained in:
Jas Singh
344
options.ts
344
options.ts
@@ -3,26 +3,335 @@ import { distro } from "lib/variables"
|
||||
import { icon } from "lib/utils"
|
||||
import icons from "lib/icons"
|
||||
|
||||
const colors = {
|
||||
"rosewater": "#f5e0dc",
|
||||
"flamingo": "#f2cdcd",
|
||||
"pink": "#f5c2e7",
|
||||
"mauve": "#cba6f7",
|
||||
"red": "#f38ba8",
|
||||
"maroon": "#eba0ac",
|
||||
"peach": "#fab387",
|
||||
"yellow": "#f9e2af",
|
||||
"green": "#a6e3a1",
|
||||
"teal": "#94e2d5",
|
||||
"sky": "#89dceb",
|
||||
"sapphire": "#74c7ec",
|
||||
"blue": "#89b4fa",
|
||||
"lavender": "#b4befe",
|
||||
"text": "#cdd6f4",
|
||||
"subtext1": "#bac2de",
|
||||
"subtext2": "#a6adc8",
|
||||
"overlay2": "#9399b2",
|
||||
"overlay1": "#7f849c",
|
||||
"overlay0": "#6c7086",
|
||||
"surface2": "#585b70",
|
||||
"surface1": "#45475a",
|
||||
"surface0": "#313244",
|
||||
"base2": "#242438",
|
||||
"base": "#1e1e2e",
|
||||
"mantle": "#181825",
|
||||
"crust": "#11111b"
|
||||
};
|
||||
|
||||
const options = mkOptions(OPTIONS, {
|
||||
autotheme: opt(false),
|
||||
|
||||
theme: {
|
||||
primary: {
|
||||
bg: opt("#51a4e7"),
|
||||
fg: opt("#141414"),
|
||||
},
|
||||
error: {
|
||||
bg: opt("#e55f86"),
|
||||
fg: opt("#141414"),
|
||||
},
|
||||
bg: opt("#171717"),
|
||||
fg: opt("#eeeeee"),
|
||||
blur: opt(0),
|
||||
widget: { opacity: opt(94) },
|
||||
border: {
|
||||
width: opt(1),
|
||||
opacity: opt(96),
|
||||
},
|
||||
bar: {
|
||||
transparent: opt(false),
|
||||
background: opt(colors.mantle),
|
||||
buttons: {
|
||||
monochrome: opt(true),
|
||||
background: opt(colors.base2),
|
||||
hover: opt(colors.surface1),
|
||||
text: opt(colors.lavender),
|
||||
dashboard: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.yellow)
|
||||
},
|
||||
workspaces: {
|
||||
background: opt(colors.base2),
|
||||
available: opt(colors.sky),
|
||||
occupied: opt(colors.flamingo),
|
||||
active: opt(colors.pink),
|
||||
},
|
||||
windowtitle: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.pink)
|
||||
},
|
||||
media: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.lavender)
|
||||
},
|
||||
volume: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.maroon)
|
||||
},
|
||||
network: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.mauve)
|
||||
},
|
||||
bluetooth: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.sky)
|
||||
},
|
||||
systray: {
|
||||
background: opt(colors.base2),
|
||||
},
|
||||
battery: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.yellow)
|
||||
},
|
||||
clock: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.pink)
|
||||
},
|
||||
notifications: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.lavender)
|
||||
},
|
||||
},
|
||||
menus: {
|
||||
monochrome: opt(true),
|
||||
background: opt(colors.crust),
|
||||
cards: opt(colors.base),
|
||||
border: opt(colors.surface0),
|
||||
text: opt(colors.text),
|
||||
label: opt(colors.lavender),
|
||||
listitems: {
|
||||
passive: opt(colors.text),
|
||||
active: opt(colors.lavender)
|
||||
},
|
||||
icons: {
|
||||
passive: opt(colors.overlay2),
|
||||
active: opt(colors.lavender)
|
||||
},
|
||||
switch: {
|
||||
enabled: opt(colors.lavender),
|
||||
disabled: opt(colors.surface0),
|
||||
button: opt(colors.overlay0)
|
||||
|
||||
},
|
||||
buttons: {
|
||||
default: opt(colors.lavender),
|
||||
hover: opt(colors.pink),
|
||||
text: opt(colors.crust)
|
||||
},
|
||||
dashboard: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.yellow)
|
||||
},
|
||||
workspaces: {
|
||||
background: opt(colors.base2),
|
||||
available: opt(colors.sky),
|
||||
occupied: opt(colors.flamingo),
|
||||
active: opt(colors.pink),
|
||||
},
|
||||
progressbar: opt(colors.lavender),
|
||||
slider: {
|
||||
primary: opt(colors.lavender),
|
||||
background: opt(colors.surface2),
|
||||
backgroundhover: opt(colors.surface1),
|
||||
puck: opt(colors.overlay0)
|
||||
},
|
||||
notifications: {
|
||||
background: opt(colors.base),
|
||||
actions: {
|
||||
background: opt(colors.surface0),
|
||||
hover: opt(colors.surface1),
|
||||
text: opt(colors.mantle),
|
||||
},
|
||||
label: opt(colors.lavender),
|
||||
date: opt(colors.overlay1),
|
||||
text: opt(colors.text),
|
||||
labelicon: opt(colors.lavender)
|
||||
},
|
||||
dropdownmenu: {
|
||||
background: opt(colors.crust),
|
||||
text: opt(colors.text),
|
||||
divider: opt(colors.base)
|
||||
},
|
||||
tooltip: {
|
||||
background: opt(colors.crust),
|
||||
text: opt(colors.text)
|
||||
},
|
||||
menu: {
|
||||
media: {
|
||||
song: opt(colors.base2),
|
||||
artist: opt(colors.base2),
|
||||
album: opt(colors.base2),
|
||||
buttons: {
|
||||
inactive: {
|
||||
background: opt(colors.surface2),
|
||||
text: opt(colors.crust)
|
||||
},
|
||||
shuffle: {
|
||||
background: opt(colors.lavender),
|
||||
hover: opt(colors.pink),
|
||||
active: opt(colors.pink),
|
||||
text: opt(colors.crust)
|
||||
},
|
||||
previous: {
|
||||
background: opt(colors.lavender),
|
||||
hover: opt(colors.pink),
|
||||
text: opt(colors.crust)
|
||||
},
|
||||
playpause: {
|
||||
background: opt(colors.lavender),
|
||||
hover: opt(colors.pink),
|
||||
text: opt(colors.crust)
|
||||
|
||||
},
|
||||
next: {
|
||||
background: opt(colors.lavender),
|
||||
hover: opt(colors.pink),
|
||||
text: opt(colors.crust)
|
||||
|
||||
},
|
||||
loop: {
|
||||
background: opt(colors.lavender),
|
||||
hover: opt(colors.pink),
|
||||
active: opt(colors.pink),
|
||||
text: opt(colors.crust)
|
||||
|
||||
}
|
||||
},
|
||||
slider: {
|
||||
primary: opt(colors.pink),
|
||||
background: opt(colors.surface2),
|
||||
backgroundhover: opt(colors.surface1),
|
||||
puck: opt(colors.overlay0)
|
||||
}
|
||||
},
|
||||
volume: {
|
||||
card: opt(colors.base),
|
||||
background: opt(colors.crust),
|
||||
border: opt(colors.surface0),
|
||||
label: opt(colors.maroon),
|
||||
text: opt(colors.text),
|
||||
listitems: {
|
||||
passive: opt(colors.text),
|
||||
active: opt(colors.maroon)
|
||||
},
|
||||
icons: {
|
||||
passive: opt(colors.overlay2),
|
||||
active: opt(colors.maroon),
|
||||
hover: opt(colors.maroon)
|
||||
},
|
||||
slider: {
|
||||
primary: opt(colors.maroon),
|
||||
background: opt(colors.surface2),
|
||||
backgroundhover: opt(colors.surface1),
|
||||
puck: opt(colors.overlay0)
|
||||
}
|
||||
},
|
||||
network: {
|
||||
card: opt(colors.base),
|
||||
background: opt(colors.crust),
|
||||
border: opt(colors.surface0),
|
||||
label: opt(colors.mauve),
|
||||
text: opt(colors.text),
|
||||
status: opt(colors.overlay0),
|
||||
listitems: {
|
||||
passive: opt(colors.text),
|
||||
active: opt(colors.mauve)
|
||||
},
|
||||
icons: {
|
||||
passive: opt(colors.overlay2),
|
||||
active: opt(colors.mauve),
|
||||
hover: opt(colors.mauve)
|
||||
},
|
||||
iconbuttons: {
|
||||
passive: opt(colors.text),
|
||||
hover: opt(colors.mauve)
|
||||
},
|
||||
},
|
||||
bluetooth: {
|
||||
card: opt(colors.base),
|
||||
background: opt(colors.crust),
|
||||
border: opt(colors.surface0),
|
||||
label: opt(colors.sky),
|
||||
text: opt(colors.text),
|
||||
status: opt(colors.overlay0),
|
||||
listitems: {
|
||||
passive: opt(colors.text),
|
||||
active: opt(colors.sky)
|
||||
},
|
||||
icons: {
|
||||
passive: opt(colors.overlay2),
|
||||
active: opt(colors.sky),
|
||||
hover: opt(colors.sky)
|
||||
},
|
||||
iconbuttons: {
|
||||
passive: opt(colors.text),
|
||||
hover: opt(colors.sky)
|
||||
},
|
||||
},
|
||||
systray: {
|
||||
background: opt(colors.base2),
|
||||
dropdownmenu: {
|
||||
background: opt(colors.crust),
|
||||
text: opt(colors.text),
|
||||
divider: opt(colors.base)
|
||||
},
|
||||
},
|
||||
battery: {
|
||||
card: opt(colors.base),
|
||||
background: opt(colors.crust),
|
||||
border: opt(colors.surface0),
|
||||
label: opt(colors.yellow),
|
||||
text: opt(colors.text),
|
||||
listitems: {
|
||||
passive: opt(colors.text),
|
||||
active: opt(colors.yellow)
|
||||
},
|
||||
icons: {
|
||||
passive: opt(colors.overlay2),
|
||||
active: opt(colors.yellow),
|
||||
hover: opt(colors.yellow)
|
||||
},
|
||||
},
|
||||
clock: {
|
||||
card: opt(colors.base),
|
||||
background: opt(colors.crust),
|
||||
border: opt(colors.surface0),
|
||||
text: opt(colors.text),
|
||||
time: {
|
||||
time: opt(colors.pink),
|
||||
timeperiod: opt(colors.teal),
|
||||
},
|
||||
calendar: {
|
||||
yearmonth: opt(colors.teal),
|
||||
weekdays: opt(colors.pink),
|
||||
paginator: opt(colors.pink),
|
||||
days: opt(colors.text),
|
||||
contextdays: opt(colors.surface2),
|
||||
},
|
||||
weather: {
|
||||
icon: opt(colors.pink),
|
||||
temperature: opt(colors.text),
|
||||
status: opt(colors.teal),
|
||||
stats: opt(colors.pink),
|
||||
thermometer: {
|
||||
extremelyhot: opt(colors.red),
|
||||
hot: opt(colors.peach),
|
||||
moderate: opt(colors.lavender),
|
||||
cold: opt(colors.blue),
|
||||
extremelycold: opt(colors.sky),
|
||||
},
|
||||
hourly: {
|
||||
time: opt(colors.pink),
|
||||
icon: opt(colors.pink),
|
||||
temperature: opt(colors.pink)
|
||||
}
|
||||
},
|
||||
},
|
||||
notifications: {
|
||||
background: opt(colors.base2),
|
||||
text: opt(colors.lavender)
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
font: {
|
||||
@@ -31,7 +340,6 @@ const options = mkOptions(OPTIONS, {
|
||||
},
|
||||
|
||||
bar: {
|
||||
flatButtons: opt(true),
|
||||
position: opt<"top" | "bottom">("top"),
|
||||
corners: opt(true),
|
||||
transparent: opt(false),
|
||||
|
||||
Reference in New Issue
Block a user