Added more customization options
This commit is contained in:
Jas Singh
@@ -10,11 +10,13 @@ const Actions = (notif, notifs) => {
|
|||||||
class_name: "notification-action-buttons menu",
|
class_name: "notification-action-buttons menu",
|
||||||
on_primary_click: () => {
|
on_primary_click: () => {
|
||||||
if (action.id.includes("scriptAction:-")) {
|
if (action.id.includes("scriptAction:-")) {
|
||||||
|
App.closeWindow("notificationsmenu");
|
||||||
Utils.execAsync(
|
Utils.execAsync(
|
||||||
`${action.id.replace("scriptAction:-", "")}`,
|
`${action.id.replace("scriptAction:-", "")}`,
|
||||||
).catch((err) => console.error(err));
|
).catch((err) => console.error(err));
|
||||||
notifs.CloseNotification(notif.id);
|
notifs.CloseNotification(notif.id);
|
||||||
} else {
|
} else {
|
||||||
|
App.closeWindow("notificationsmenu");
|
||||||
notif.invoke(action.id);
|
notif.invoke(action.id);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
255
options.ts
255
options.ts
@@ -36,6 +36,19 @@ const colors = {
|
|||||||
const options = mkOptions(OPTIONS, {
|
const options = mkOptions(OPTIONS, {
|
||||||
autotheme: opt(false),
|
autotheme: opt(false),
|
||||||
theme: {
|
theme: {
|
||||||
|
notification: {
|
||||||
|
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),
|
||||||
|
close: opt(colors.red)
|
||||||
|
},
|
||||||
bar: {
|
bar: {
|
||||||
transparent: opt(false),
|
transparent: opt(false),
|
||||||
background: opt(colors.mantle),
|
background: opt(colors.mantle),
|
||||||
@@ -108,8 +121,7 @@ const options = mkOptions(OPTIONS, {
|
|||||||
switch: {
|
switch: {
|
||||||
enabled: opt(colors.lavender),
|
enabled: opt(colors.lavender),
|
||||||
disabled: opt(colors.surface0),
|
disabled: opt(colors.surface0),
|
||||||
button: opt(colors.overlay0)
|
puck: opt(colors.overlay0)
|
||||||
|
|
||||||
},
|
},
|
||||||
buttons: {
|
buttons: {
|
||||||
default: opt(colors.lavender),
|
default: opt(colors.lavender),
|
||||||
@@ -133,18 +145,6 @@ const options = mkOptions(OPTIONS, {
|
|||||||
backgroundhover: opt(colors.surface1),
|
backgroundhover: opt(colors.surface1),
|
||||||
puck: opt(colors.overlay0)
|
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: {
|
dropdownmenu: {
|
||||||
background: opt(colors.crust),
|
background: opt(colors.crust),
|
||||||
text: opt(colors.text),
|
text: opt(colors.text),
|
||||||
@@ -252,6 +252,12 @@ const options = mkOptions(OPTIONS, {
|
|||||||
label: opt(colors.sky),
|
label: opt(colors.sky),
|
||||||
text: opt(colors.text),
|
text: opt(colors.text),
|
||||||
status: opt(colors.overlay0),
|
status: opt(colors.overlay0),
|
||||||
|
switch_divider: opt(colors.surface1),
|
||||||
|
switch: {
|
||||||
|
enabled: opt(colors.sky),
|
||||||
|
disabled: opt(colors.surface0),
|
||||||
|
puck: opt(colors.overlay0)
|
||||||
|
},
|
||||||
listitems: {
|
listitems: {
|
||||||
passive: opt(colors.text),
|
passive: opt(colors.text),
|
||||||
active: opt(colors.sky)
|
active: opt(colors.sky)
|
||||||
@@ -325,9 +331,156 @@ const options = mkOptions(OPTIONS, {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
dashboard: {
|
||||||
|
card: opt(colors.base),
|
||||||
|
background: opt(colors.crust),
|
||||||
|
border: opt(colors.surface0),
|
||||||
|
profile: {
|
||||||
|
card: opt(colors.base),
|
||||||
|
name: opt(colors.pink)
|
||||||
|
},
|
||||||
|
powermenu: {
|
||||||
|
shutdown: opt(colors.red),
|
||||||
|
restart: opt(colors.peach),
|
||||||
|
logout: opt(colors.green),
|
||||||
|
sleep: opt(colors.sky),
|
||||||
|
confirmation: {
|
||||||
|
card: opt(colors.base),
|
||||||
|
background: opt(colors.crust),
|
||||||
|
border: opt(colors.surface0),
|
||||||
|
label: opt(colors.green),
|
||||||
|
body: opt(colors.text),
|
||||||
|
confirm: opt(colors.green),
|
||||||
|
deny: opt(colors.red),
|
||||||
|
}
|
||||||
|
},
|
||||||
|
shortcuts_left: {
|
||||||
|
shortcut1: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
shortcut2: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
shortcut3: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
shortcut4: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
shortcuts_right: {
|
||||||
|
shortcut1: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
shortcut2: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
shortcut3: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
shortcut4: {
|
||||||
|
background: opt(colors.lavender),
|
||||||
|
hover: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
controls: {
|
||||||
|
wifi: {
|
||||||
|
background: opt(colors.mauve),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
bluetooth: {
|
||||||
|
background: opt(colors.sky),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
notifications: {
|
||||||
|
background: opt(colors.yellow),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
volume: {
|
||||||
|
background: opt(colors.maroon),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
input: {
|
||||||
|
background: opt(colors.pink),
|
||||||
|
text: opt(colors.crust),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
directories: {
|
||||||
|
left: {
|
||||||
|
top: {
|
||||||
|
color: opt(colors.pink),
|
||||||
|
},
|
||||||
|
middle: {
|
||||||
|
color: opt(colors.yellow),
|
||||||
|
},
|
||||||
|
bottom: {
|
||||||
|
color: opt(colors.maroon),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
right: {
|
||||||
|
top: {
|
||||||
|
color: opt(colors.teal),
|
||||||
|
},
|
||||||
|
middle: {
|
||||||
|
color: opt(colors.mauve),
|
||||||
|
},
|
||||||
|
bottom: {
|
||||||
|
color: opt(colors.lavender),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
monitors: {
|
||||||
|
cpu: {
|
||||||
|
icon: opt(colors.maroon),
|
||||||
|
bar: opt(colors.maroon),
|
||||||
|
label: opt(colors.maroon),
|
||||||
|
},
|
||||||
|
ram: {
|
||||||
|
icon: opt(colors.yellow),
|
||||||
|
bar: opt(colors.yellow),
|
||||||
|
label: opt(colors.yellow),
|
||||||
|
},
|
||||||
|
gpu: {
|
||||||
|
icon: opt(colors.green),
|
||||||
|
bar: opt(colors.green),
|
||||||
|
label: opt(colors.green),
|
||||||
|
},
|
||||||
|
disk: {
|
||||||
|
icon: opt(colors.pink),
|
||||||
|
bar: opt(colors.pink),
|
||||||
|
label: opt(colors.pink),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
notifications: {
|
notifications: {
|
||||||
background: opt(colors.base2),
|
background: opt(colors.mantle),
|
||||||
text: opt(colors.lavender)
|
card: opt(colors.base),
|
||||||
|
border: opt(colors.surface0),
|
||||||
|
switch_divider: opt(colors.surface1),
|
||||||
|
switch: {
|
||||||
|
enabled: opt(colors.lavender),
|
||||||
|
disabled: opt(colors.surface0),
|
||||||
|
puck: opt(colors.overlay0)
|
||||||
|
},
|
||||||
|
clear: {
|
||||||
|
background: opt(colors.red),
|
||||||
|
font: opt(colors.crust)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -341,8 +494,6 @@ const options = mkOptions(OPTIONS, {
|
|||||||
|
|
||||||
bar: {
|
bar: {
|
||||||
position: opt<"top" | "bottom">("top"),
|
position: opt<"top" | "bottom">("top"),
|
||||||
corners: opt(true),
|
|
||||||
transparent: opt(false),
|
|
||||||
layout: {
|
layout: {
|
||||||
start: opt<Array<import("modules/bar/Bar").BarWidget>>([
|
start: opt<Array<import("modules/bar/Bar").BarWidget>>([
|
||||||
"dashboard",
|
"dashboard",
|
||||||
@@ -362,38 +513,36 @@ const options = mkOptions(OPTIONS, {
|
|||||||
]),
|
]),
|
||||||
},
|
},
|
||||||
launcher: {
|
launcher: {
|
||||||
icon: {
|
icon: opt(icon(distro.logo, icons.ui.search)),
|
||||||
colored: opt(true),
|
|
||||||
icon: opt(icon(distro.logo, icons.ui.search)),
|
|
||||||
},
|
|
||||||
label: {
|
|
||||||
colored: opt(false),
|
|
||||||
label: opt(" Applications"),
|
|
||||||
},
|
|
||||||
action: opt(() => App.toggleWindow("launcher")),
|
|
||||||
},
|
|
||||||
date: {
|
|
||||||
format: opt("%H:%M - %A %e."),
|
|
||||||
action: opt(() => App.toggleWindow("datemenu")),
|
|
||||||
},
|
|
||||||
battery: {
|
|
||||||
bar: opt<"hidden" | "regular" | "whole">("regular"),
|
|
||||||
charging: opt("#00D787"),
|
|
||||||
percentage: opt(true),
|
|
||||||
blocks: opt(7),
|
|
||||||
low: opt(30),
|
|
||||||
},
|
},
|
||||||
workspaces: {
|
workspaces: {
|
||||||
|
show_icons: opt(false),
|
||||||
|
icons: {
|
||||||
|
available: opt(""),
|
||||||
|
active: opt(""),
|
||||||
|
occupied: opt(""),
|
||||||
|
},
|
||||||
workspaces: opt(7),
|
workspaces: opt(7),
|
||||||
monitorSpecific: opt(true),
|
monitorSpecific: opt(true),
|
||||||
},
|
},
|
||||||
taskbar: {
|
media: {
|
||||||
iconSize: opt(0),
|
icon: opt(true),
|
||||||
monochrome: opt(true),
|
label: opt(true),
|
||||||
exclusive: opt(false),
|
|
||||||
},
|
},
|
||||||
messages: {
|
volume: {
|
||||||
action: opt(() => App.toggleWindow("datemenu")),
|
label: opt(true),
|
||||||
|
},
|
||||||
|
network: {
|
||||||
|
status: {
|
||||||
|
show: opt(true),
|
||||||
|
type: opt<"status" | "connection">("connection"),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
bluetooth: {
|
||||||
|
status: opt(true),
|
||||||
|
},
|
||||||
|
battery: {
|
||||||
|
show_label: opt(true),
|
||||||
},
|
},
|
||||||
systray: {
|
systray: {
|
||||||
ignore: opt([
|
ignore: opt([
|
||||||
@@ -401,16 +550,16 @@ const options = mkOptions(OPTIONS, {
|
|||||||
"spotify-client",
|
"spotify-client",
|
||||||
]),
|
]),
|
||||||
},
|
},
|
||||||
media: {
|
clock: {
|
||||||
monochrome: opt(true),
|
icons: {
|
||||||
preferred: opt("spotify"),
|
clock: opt(true),
|
||||||
direction: opt<"left" | "right">("right"),
|
calendar: opt(true),
|
||||||
format: opt("{artists} - {title}"),
|
},
|
||||||
length: opt(40),
|
format: opt("%H:%M - %A %e."),
|
||||||
|
action: opt(() => App.toggleWindow("datemenu")),
|
||||||
},
|
},
|
||||||
powermenu: {
|
notifications: {
|
||||||
monochrome: opt(false),
|
show_total: opt(false)
|
||||||
action: opt(() => App.toggleWindow("powermenu")),
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user