Added more options
This commit is contained in:
Jas Singh
@@ -1,5 +1,6 @@
|
|||||||
Requirements:
|
Requirements:
|
||||||
Bun (may require sudo)
|
Bun (may require sudo)
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
curl -fsSL https://bun.sh/install | bash && \
|
curl -fsSL https://bun.sh/install | bash && \
|
||||||
ln -s $HOME/.bun/bin/bun /usr/local/bin/bun
|
ln -s $HOME/.bun/bin/bun /usr/local/bin/bun
|
||||||
|
|||||||
344
options.ts
344
options.ts
@@ -3,26 +3,335 @@ import { distro } from "lib/variables"
|
|||||||
import { icon } from "lib/utils"
|
import { icon } from "lib/utils"
|
||||||
import icons from "lib/icons"
|
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, {
|
const options = mkOptions(OPTIONS, {
|
||||||
autotheme: opt(false),
|
autotheme: opt(false),
|
||||||
|
|
||||||
theme: {
|
theme: {
|
||||||
primary: {
|
bar: {
|
||||||
bg: opt("#51a4e7"),
|
transparent: opt(false),
|
||||||
fg: opt("#141414"),
|
background: opt(colors.mantle),
|
||||||
},
|
buttons: {
|
||||||
error: {
|
monochrome: opt(true),
|
||||||
bg: opt("#e55f86"),
|
background: opt(colors.base2),
|
||||||
fg: opt("#141414"),
|
hover: opt(colors.surface1),
|
||||||
},
|
text: opt(colors.lavender),
|
||||||
bg: opt("#171717"),
|
dashboard: {
|
||||||
fg: opt("#eeeeee"),
|
background: opt(colors.base2),
|
||||||
blur: opt(0),
|
text: opt(colors.yellow)
|
||||||
widget: { opacity: opt(94) },
|
},
|
||||||
border: {
|
workspaces: {
|
||||||
width: opt(1),
|
background: opt(colors.base2),
|
||||||
opacity: opt(96),
|
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: {
|
font: {
|
||||||
@@ -31,7 +340,6 @@ const options = mkOptions(OPTIONS, {
|
|||||||
},
|
},
|
||||||
|
|
||||||
bar: {
|
bar: {
|
||||||
flatButtons: opt(true),
|
|
||||||
position: opt<"top" | "bottom">("top"),
|
position: opt<"top" | "bottom">("top"),
|
||||||
corners: opt(true),
|
corners: opt(true),
|
||||||
transparent: opt(false),
|
transparent: opt(false),
|
||||||
|
|||||||
@@ -161,7 +161,7 @@ tooltip label {
|
|||||||
padding: 0.1em;
|
padding: 0.1em;
|
||||||
margin-bottom: -0.2em;
|
margin-bottom: -0.2em;
|
||||||
.menu-active-icon {
|
.menu-active-icon {
|
||||||
color: $overlay1;
|
color: $overlay2;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
|
|||||||
@@ -82,6 +82,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.notification-icon {
|
.notification-icon {
|
||||||
|
color: $lavender;
|
||||||
margin-bottom: 0.4em;
|
margin-bottom: 0.4em;
|
||||||
min-width: 1em;
|
min-width: 1em;
|
||||||
min-height: 1em;
|
min-height: 1em;
|
||||||
|
|||||||
@@ -572,7 +572,7 @@ tooltip label {
|
|||||||
margin-bottom: -0.2em;
|
margin-bottom: -0.2em;
|
||||||
}
|
}
|
||||||
.menu-active-button .menu-active-icon {
|
.menu-active-button .menu-active-icon {
|
||||||
color: #7f849c;
|
color: #9399b2;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
@@ -1754,6 +1754,7 @@ window#powermenu .powermenu.box {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.notification-icon {
|
.notification-icon {
|
||||||
|
color: #b4befe;
|
||||||
margin-bottom: 0.4em;
|
margin-bottom: 0.4em;
|
||||||
min-width: 1em;
|
min-width: 1em;
|
||||||
min-height: 1em;
|
min-height: 1em;
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user