LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added pagination to the notifications menu and a configurable limit to the amount of notifications spawned. (#199)

Browse Source 
* Added notification pagination and pagination configuration options. fixes #171

* Added skip to end buttons

* Update theme

* Removed unused theme parts

* Update pager colors

* Theme auto-generator

* Update label color in options for pager.

* Updated themes

* Added option to change footer background for notifications menu.

* Changes to the Displayed Total options now update the menu. Bugfix
This commit is contained in:
Jas Singh
2024-08-30 01:32:11 -07:00
committed by GitHub
parent f80b3e4ef6
commit f624153eab
39 changed files with 1586 additions and 1317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
modules/bar/Bar.ts
View File

@@ -79,7 +79,7 @@ const getModulesForMonitor = (monitor: number, curLayouts: BarLayout) => {
const widget = {
battery: () => WidgetContainer(BatteryLabel()),
dashboard: () => WidgetContainer(Menu()),
workspaces: (monitor: number) => WidgetContainer(Workspaces(monitor, 10)),
workspaces: (monitor: number) => WidgetContainer(Workspaces(monitor)),
windowtitle: () => WidgetContainer(ClientTitle()),
media: () => WidgetContainer(Media()),
notifications: () => WidgetContainer(Notifications()),

4
modules/menus/notifications/controls/index.ts
View File

@@ -1,4 +1,6 @@
const Controls = (notifs) => {
import { Notifications } from "types/service/notifications";
const Controls = (notifs: Notifications) => {
return Widget.Box({
class_name: "notification-menu-controls",
expand: false,

24
modules/menus/notifications/index.ts
View File

@@ -2,8 +2,24 @@ import DropdownMenu from "../DropdownMenu.js";
const notifs = await Service.import("notifications");
import { Controls } from "./controls/index.js";
import { NotificationCard } from "./notification/index.js";
import { NotificationPager } from "./pager/index.js";
import options from "options";
const { displayedTotal } = options.notifications;
const { show: showPager } = options.theme.bar.menus.menu.notifications.pager;
export default () => {
const curPage = Variable(1);
Utils.merge([curPage.bind("value"), displayedTotal.bind("value"), notifs.bind("notifications")], (currentPage, dispTotal, notifications) => {
// If the page doesn't have enough notifications to display, go back
// to the previous page.
if (notifications.length <= (currentPage - 1) * dispTotal) {
curPage.value = currentPage <= 1 ? 1 : currentPage - 1;
}
});
return DropdownMenu({
name: "notificationsmenu",
transition: "crossfade",
@@ -18,7 +34,13 @@ export default () => {
vertical: true,
hexpand: false,
vexpand: false,
children: [Controls(notifs), NotificationCard(notifs)],
children: showPager.bind("value").as(shPgr => {
if (shPgr) {
return [Controls(notifs), NotificationCard(notifs, curPage), NotificationPager(curPage)];
}
return [Controls(notifs), NotificationCard(notifs, curPage)]
})
}),
],
}),

21
modules/menus/notifications/notification/index.ts
View File

@@ -6,25 +6,33 @@ import { Image } from "./image/index.js";
import { Placeholder } from "./placeholder/index.js";
import { Body } from "./body/index.js";
import { CloseButton } from "./close/index.js";
import options from "options.js";
import { Variable } from "types/variable.js";
const NotificationCard = (notifs: Notifications) => {
return Widget.Box({
const { displayedTotal } = options.notifications;
const NotificationCard = (notifs: Notifications, curPage: Variable<number>) => {
return Widget.Scrollable({
vscroll: "automatic",
child: Widget.Box({
class_name: "menu-content-container notifications",
hpack: "center",
vexpand: true,
spacing: 0,
vertical: true,
setup: (self) => {
self.hook(notifs, () => {
const sortedNotifications = notifs.notifications.sort(
Utils.merge([notifs.bind("notifications"), curPage.bind("value"), displayedTotal.bind("value")], (notifications, currentPage, dispTotal) => {
const sortedNotifications = notifications.sort(
(a, b) => b.time - a.time,
);
if (notifs.notifications.length <= 0) {
if (notifications.length <= 0) {
return (self.children = [Placeholder(notifs)]);
}
return (self.children = sortedNotifications.map((notif: Notification) => {
const pageStart = (currentPage - 1) * dispTotal;
const pageEnd = currentPage * dispTotal;
return (self.children = sortedNotifications.slice(pageStart, pageEnd).map((notif: Notification) => {
return Widget.Box({
class_name: "notification-card-content-container",
children: [
@@ -54,6 +62,7 @@ const NotificationCard = (notifs: Notifications) => {
}));
});
},
})
});
};

74
modules/menus/notifications/pager/index.ts Normal file
View File

@@ -0,0 +1,74 @@
const notifs = await Service.import("notifications");
import options from "options";
import { Variable } from "types/variable";
const { displayedTotal } = options.notifications;
export const NotificationPager = (curPage: Variable<number>) => {
return Widget.Box({
class_name: "notification-menu-pager",
hexpand: true,
vexpand: false,
children: Utils.merge([curPage.bind("value"), displayedTotal.bind("value"), notifs.bind("notifications")], (currentPage, dispTotal, notifications) => {
return [
Widget.Button({
hexpand: true,
hpack: "start",
class_name: `pager-button left ${currentPage <= 1 ? "disabled" : ""}`,
onPrimaryClick: () => {
curPage.value = 1;
},
child: Widget.Label({
className: "pager-button-label",
label: ""
}),
}),
Widget.Button({
hexpand: true,
hpack: "start",
class_name: `pager-button left ${currentPage <= 1 ? "disabled" : ""}`,
onPrimaryClick: () => {
curPage.value = currentPage <= 1 ? 1 : currentPage - 1;
},
child: Widget.Label({
className: "pager-button-label",
label: ""
}),
}),
Widget.Label({
hexpand: true,
hpack: "center",
class_name: "pager-label",
label: `${currentPage} / ${Math.ceil(notifs.notifications.length / dispTotal) || 1}`
}),
Widget.Button({
hexpand: true,
hpack: "end",
class_name: `pager-button right ${currentPage >= Math.ceil(notifs.notifications.length / dispTotal) ? "disabled" : ""}`,
onPrimaryClick: () => {
const maxPage = Math.ceil(notifs.notifications.length / displayedTotal.value);
curPage.value = currentPage >= maxPage ? currentPage : currentPage + 1;
},
child: Widget.Label({
className: "pager-button-label",
label: ""
}),
}),
Widget.Button({
hexpand: true,
hpack: "end",
class_name: `pager-button right ${currentPage >= Math.ceil(notifs.notifications.length / dispTotal) ? "disabled" : ""}`,
onPrimaryClick: () => {
const maxPage = Math.ceil(notifs.notifications.length / displayedTotal.value);
curPage.value = maxPage;
},
child: Widget.Label({
className: "pager-button-label",
label: "󰄾"
}),
}),
]
})
})
}

4
modules/notifications/index.ts
View File

@@ -9,7 +9,7 @@ import { CloseButton } from "./close/index.js";
import { getPosition } from "lib/utils.js";
const hyprland = await Service.import("hyprland");
const { position, timeout, cache_actions, monitor, active_monitor } = options.notifications;
const { position, timeout, cache_actions, monitor, active_monitor, displayedTotal } = options.notifications;
const curMonitor = Variable(monitor.value);
@@ -47,7 +47,7 @@ export default () => {
hexpand: true,
setup: (self) => {
self.hook(notifs, () => {
return (self.children = notifs.popups.map((notif) => {
return (self.children = notifs.popups.slice(0, displayedTotal.value).map((notif) => {
return Widget.Box({
class_name: "notification-card",
vpack: "start",

67
options.ts
View File

@@ -4,33 +4,33 @@ import { MatugenScheme, MatugenTheme, MatugenVariation } from "lib/types/options
// WARN: CHANGING THESE VALUES WILL PREVENT MATUGEN COLOR GENERATION FOR THE CHANGED VALUE
export 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"
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"
};
// WARN: CHANGING THESE VALUES WILL PREVENT MATUGEN COLOR GENERATION FOR THE CHANGED VALUE
@@ -629,6 +629,7 @@ const options = mkOptions(OPTIONS, {
},
notifications: {
scaling: opt(100),
height: opt("58em"),
label: opt(colors.lavender),
no_notifications_label: opt(colors.surface0),
background: opt(colors.crust),
@@ -641,6 +642,17 @@ const options = mkOptions(OPTIONS, {
disabled: opt(tertiary_colors.surface0),
puck: opt(secondary_colors.surface1)
},
pager: {
show: opt(true),
background: opt(colors.crust),
button: opt(colors.lavender),
label: opt(colors.overlay2),
},
scrollbar: {
color: opt(colors.lavender),
width: opt("0.35em"),
radius: opt("0.2em")
}
},
}
}
@@ -867,6 +879,7 @@ const options = mkOptions(OPTIONS, {
notifications: {
position: opt<NotificationAnchor>("top right"),
displayedTotal: opt(10),
monitor: opt(0),
active_monitor: opt(true),
timeout: opt(7000),

85
scripts/fillThemes.sh Executable file
View File

@@ -0,0 +1,85 @@
#!/bin/bash
# Generated by our good friend Jippity
# Define directories and theme files
THEMES_DIR="$(dirname "$(realpath "$0")")/../themes"
COMPLETE_THEME_FILE="catppuccin_mocha.json"
COMPLETE_SPLIT_THEME_FILE="catppuccin_mocha_split.json"
# Check if jq is installed
if ! command -v jq &>/dev/null; then
echo "jq is required but not installed. Please install jq and try again."
exit 1
fi
# Function to fill missing values
fill_missing_values() {
local complete_theme_file="$1"
local target_theme_file="$2"
# Load complete theme and target theme into variables
complete_theme=$(jq '.' "$complete_theme_file")
target_theme=$(jq '.' "$target_theme_file")
# Create associative arrays to map colors to properties for fast lookup
declare -A color_to_props
declare -A prop_to_color
# Populate color_to_props and prop_to_color arrays from complete theme
while IFS= read -r line; do
key=$(echo "$line" | awk '{print $1}')
value=$(echo "$line" | awk '{print $2}')
color_to_props["$value"]+="$key "
prop_to_color["$key"]="$value"
done < <(echo "$complete_theme" | jq -r 'to_entries[] | "\(.key) \(.value)"')
# Generate filled theme by iterating over complete theme keys
filled_theme="$target_theme"
for key in "${!prop_to_color[@]}"; do
if ! echo "$target_theme" | jq -e ".\"$key\"" &>/dev/null; then
# Find corresponding color if missing in target theme
value="${prop_to_color[$key]}"
corresponding_color=""
# Check if other properties with the same color exist in the target theme
for prop in ${color_to_props["$value"]}; do
if echo "$target_theme" | jq -e ".\"$prop\"" &>/dev/null; then
corresponding_color=$(echo "$target_theme" | jq -r ".\"$prop\"")
break
fi
done
# Add missing property with the corresponding color
if [ -n "$corresponding_color" ]; then
filled_theme=$(echo "$filled_theme" | jq --arg key "$key" --arg value "$corresponding_color" '.[$key] = $value')
echo "Added missing property: $key with value: $corresponding_color to $target_theme_file"
else
# Default action if no corresponding color is found
echo "No corresponding color found for $key; using value from complete theme."
filled_theme=$(echo "$filled_theme" | jq --arg key "$key" --arg value "$value" '.[$key] = $value')
fi
fi
done
# Write the filled theme back to the target file
echo "$filled_theme" >"$target_theme_file"
echo "Filled missing values in $target_theme_file"
}
# Process all theme files in the directory
for file in "$THEMES_DIR"/*.json; do
filename=$(basename "$file")
# Skip the complete theme files
if [[ "$filename" == "$COMPLETE_THEME_FILE" ]] || [[ "$filename" == "$COMPLETE_SPLIT_THEME_FILE" ]]; then
continue
fi
# Determine whether to use split or non-split complete theme
if [[ "$filename" == *"_split"* ]]; then
fill_missing_values "$THEMES_DIR/$COMPLETE_SPLIT_THEME_FILE" "$file"
else
fill_missing_values "$THEMES_DIR/$COMPLETE_THEME_FILE" "$file"
fi
done

53
scss/style/menus/notifications.scss
View File

@@ -5,7 +5,7 @@
.notification-card-container.menu {
margin: 0em;
min-width: 30.6em * $bar-menus-menu-notifications-scaling/100;
min-height: 48em * $bar-menus-menu-notifications-scaling/100;
min-height: $bar-menus-menu-notifications-height * $bar-menus-menu-notifications-scaling/100;
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-notifications-background);
border: $bar-menus-border-size solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-notifications-border);
border-radius: $bar-menus-border-radius;
@@ -103,6 +103,19 @@
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-notifications-clear);
font-size: 1.5em;
}
scrollbar {
margin-right: 0.2em;
min-width: $bar-menus-menu-notifications-scrollbar-width;
border-radius: $bar-menus-menu-notifications-scrollbar-radius;
background: transparent;
slider {
min-width: $bar-menus-menu-notifications-scrollbar-width;
border-radius: $bar-menus-menu-notifications-scrollbar-radius;
background: $bar-menus-menu-notifications-scrollbar-color;
}
}
}
.notification-label-container {
@@ -135,3 +148,41 @@
background: transparentize($notification-close_button-background , 0.5);
}
}
.notification-menu-pager {
background: $bar-menus-menu-notifications-pager-background;
border-radius: $bar-menus-border-radius;
border-top-left-radius: 0em;
border-top-right-radius: 0em;
.pager-button {
margin: 0em;
padding: 0.25em 1em;
color: $bar-menus-menu-notifications-pager-button;
.pager-button-label {
font-size: 2em;
}
&:hover {
.pager-button-label {
color: transparentize($bar-menus-menu-notifications-pager-button, 0.4);
text-decoration: none;
}
}
}
.pager-label {
color: $bar-menus-menu-notifications-pager-label;
}
.disabled {
color: transparentize($bar-menus-menu-notifications-pager-button, 0.8);
&:hover {
.pager-button-label {
color: transparentize($bar-menus-menu-notifications-pager-button, 0.8);
}
}
}
}

12
themes/catppuccin_frappe.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#232534",
"theme.bar.menus.check_radio_button.active": "#b9baf1",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#f7768e",
"theme.bar.buttons.network.icon_background": "#bb9af7",
"theme.bar.buttons.bluetooth.icon_background": "#7dcfff",
"theme.bar.buttons.windowtitle.icon_background": "#f7768e",
"theme.bar.buttons.media.icon_background": "#bb9af7",
"theme.bar.buttons.notifications.icon_background": "#bb9af7",
"theme.bar.buttons.battery.icon_background": "#e0af68"
"theme.bar.menus.menu.notifications.pager.button": "#babbf1",
"theme.bar.menus.menu.notifications.scrollbar.color": "#babbf1",
"theme.bar.menus.menu.notifications.pager.label": "#949cbb",
"theme.bar.menus.menu.notifications.pager.background": "#232634"
}

6
themes/catppuccin_frappe_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#babbf1",
"theme.bar.buttons.notifications.icon_background": "#b4befe",
"theme.bar.buttons.battery.icon_background": "#e5c890",
"theme.bar.buttons.clock.icon_background": "#f4b8e4"
"theme.bar.buttons.clock.icon_background": "#f4b8e4",
"theme.bar.menus.menu.notifications.pager.button": "#babbf1",
"theme.bar.menus.menu.notifications.scrollbar.color": "#babbf1",
"theme.bar.menus.menu.notifications.pager.label": "#949cbb",
"theme.bar.menus.menu.notifications.pager.background": "#232634"
}

12
themes/catppuccin_latte.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#dcdfe8",
"theme.bar.menus.check_radio_button.active": "#7186fd",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#7287fd",
"theme.bar.menus.menu.notifications.scrollbar.color": "#7287fd",
"theme.bar.menus.menu.notifications.pager.label": "#7c7f93",
"theme.bar.menus.menu.notifications.pager.background": "#eff1f5"
}

6
themes/catppuccin_latte_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#7287fd",
"theme.bar.buttons.notifications.icon_background": "#7287fd",
"theme.bar.buttons.battery.icon_background": "#df8e1d",
"theme.bar.buttons.clock.icon_background": "#ea76cb"
"theme.bar.buttons.clock.icon_background": "#ea76cb",
"theme.bar.menus.menu.notifications.pager.button": "#7287fd",
"theme.bar.menus.menu.notifications.scrollbar.color": "#7287fd",
"theme.bar.menus.menu.notifications.pager.label": "#7c7f93",
"theme.bar.menus.menu.notifications.pager.background": "#eff1f5"
}

12
themes/catppuccin_macchiato.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#181826",
"theme.bar.menus.check_radio_button.active": "#b7bcf8",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#b7bdf8",
"theme.bar.menus.menu.notifications.scrollbar.color": "#b7bdf8",
"theme.bar.menus.menu.notifications.pager.label": "#939ab7",
"theme.bar.menus.menu.notifications.pager.background": "#181926"
}

6
themes/catppuccin_macchiato_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f",
"theme.bar.buttons.clock.icon_background": "#f5bde6"
"theme.bar.buttons.clock.icon_background": "#f5bde6",
"theme.bar.menus.menu.notifications.pager.button": "#b7bdf8",
"theme.bar.menus.menu.notifications.scrollbar.color": "#b7bdf8",
"theme.bar.menus.menu.notifications.pager.label": "#939ab7",
"theme.bar.menus.menu.notifications.pager.background": "#181926"
}

12
themes/catppuccin_mocha.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#181826",
"theme.bar.menus.check_radio_button.active": "#b7bcf8",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.scrollbar.color": "#b4befe",
"theme.bar.menus.menu.notifications.pager.button": "#b4befe",
"theme.bar.menus.menu.notifications.pager.label": "#9399b2",
"theme.bar.menus.menu.notifications.pager.background": "#11111b"
}

6
themes/catppuccin_mocha_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#b4befe",
"theme.bar.buttons.notifications.icon_background": "#b4befe",
"theme.bar.buttons.battery.icon_background": "#f9e2af",
"theme.bar.buttons.clock.icon_background": "#f5c2e7"
"theme.bar.buttons.clock.icon_background": "#f5c2e7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#b4befe",
"theme.bar.menus.menu.notifications.pager.button": "#b4befe",
"theme.bar.menus.menu.notifications.pager.label": "#9399b2",
"theme.bar.menus.menu.notifications.pager.background": "#11111b"
}

12
themes/cyberpunk.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#000000",
"theme.bar.menus.check_radio_button.active": "#ffffff",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#FFD700",
"theme.bar.menus.menu.notifications.scrollbar.color": "#FFD700",
"theme.bar.menus.menu.notifications.pager.label": "#9399B2",
"theme.bar.menus.menu.notifications.pager.background": "#0A0A0A"
}

6
themes/cyberpunk_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#00ffff",
"theme.bar.buttons.notifications.icon_background": "#f7d04b",
"theme.bar.buttons.battery.icon_background": "#f7d04b",
"theme.bar.buttons.clock.icon_background": "#5bafff"
"theme.bar.buttons.clock.icon_background": "#5bafff",
"theme.bar.menus.menu.notifications.pager.button": "#00ffff",
"theme.bar.menus.menu.notifications.scrollbar.color": "#00ffff",
"theme.bar.menus.menu.notifications.pager.label": "#9399B2",
"theme.bar.menus.menu.notifications.pager.background": "#0A0A0A"
}

12
themes/dracula.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#282936",
"theme.bar.menus.check_radio_button.active": "#bd93f9",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#bd93f9",
"theme.bar.menus.menu.notifications.scrollbar.color": "#bd93f9",
"theme.bar.menus.menu.notifications.pager.label": "#6272a4",
"theme.bar.menus.menu.notifications.pager.background": "#282936"
}

6
themes/dracula_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#bd93f9",
"theme.bar.buttons.notifications.icon_background": "#bd93f9",
"theme.bar.buttons.battery.icon_background": "#f1fa8c",
"theme.bar.buttons.clock.icon_background": "#ff79c6"
"theme.bar.buttons.clock.icon_background": "#ff79c6",
"theme.bar.menus.menu.notifications.pager.button": "#bd93f9",
"theme.bar.menus.menu.notifications.scrollbar.color": "#bd93f9",
"theme.bar.menus.menu.notifications.pager.label": "#6272a4",
"theme.bar.menus.menu.notifications.pager.background": "#282936"
}

12
themes/everforest.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#000000",
"theme.bar.menus.check_radio_button.active": "#ffffff",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#a7c080",
"theme.bar.menus.menu.notifications.scrollbar.color": "#a7c080",
"theme.bar.menus.menu.notifications.pager.label": "#7a8478",
"theme.bar.menus.menu.notifications.pager.background": "#2b3339"
}

6
themes/everforest_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#a7c080",
"theme.bar.buttons.notifications.icon_background": "#83c092",
"theme.bar.buttons.battery.icon_background": "#e69875",
"theme.bar.buttons.clock.icon_background": "#dbbc7f"
"theme.bar.buttons.clock.icon_background": "#dbbc7f",
"theme.bar.menus.menu.notifications.pager.button": "#a7c080",
"theme.bar.menus.menu.notifications.scrollbar.color": "#a7c080",
"theme.bar.menus.menu.notifications.pager.label": "#7a8478",
"theme.bar.menus.menu.notifications.pager.background": "#2b3339"
}

12
themes/gruvbox.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#3c3836",
"theme.bar.menus.check_radio_button.active": "#83a598",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#83a598",
"theme.bar.menus.menu.notifications.scrollbar.color": "#83a598",
"theme.bar.menus.menu.notifications.pager.label": "#a89984",
"theme.bar.menus.menu.notifications.pager.background": "#1d2021"
}

6
themes/gruvbox_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#83a598",
"theme.bar.buttons.notifications.icon_background": "#83a598",
"theme.bar.buttons.battery.icon_background": "#fabd2f",
"theme.bar.buttons.clock.icon_background": "#d3869b"
"theme.bar.buttons.clock.icon_background": "#d3869b",
"theme.bar.menus.menu.notifications.pager.button": "#83a598",
"theme.bar.menus.menu.notifications.scrollbar.color": "#83a598",
"theme.bar.menus.menu.notifications.pager.label": "#a89984",
"theme.bar.menus.menu.notifications.pager.background": "#1d2021"
}

12
themes/monochrome.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#000000",
"theme.bar.menus.check_radio_button.active": "#ffffff",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#FFFFFF",
"theme.bar.menus.menu.notifications.scrollbar.color": "#FFFFFF",
"theme.bar.menus.menu.notifications.pager.label": "#9a9996",
"theme.bar.menus.menu.notifications.pager.background": "#000000"
}

6
themes/monochrome_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#ffffff",
"theme.bar.buttons.notifications.icon_background": "#ffffff",
"theme.bar.buttons.battery.icon_background": "#ffffff",
"theme.bar.buttons.clock.icon_background": "#ffffff"
"theme.bar.buttons.clock.icon_background": "#ffffff",
"theme.bar.menus.menu.notifications.pager.button": "#FFFFFF",
"theme.bar.menus.menu.notifications.scrollbar.color": "#FFFFFF",
"theme.bar.menus.menu.notifications.pager.label": "#9a9996",
"theme.bar.menus.menu.notifications.pager.background": "#000000"
}

12
themes/nord.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#2e3440",
"theme.bar.menus.check_radio_button.active": "#88c0d0",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#fe8018",
"theme.bar.buttons.network.icon_background": "#b16286",
"theme.bar.buttons.bluetooth.icon_background": "#83a598",
"theme.bar.buttons.windowtitle.icon_background": "#d3869b",
"theme.bar.buttons.media.icon_background": "#83a598",
"theme.bar.buttons.notifications.icon_background": "#83a598",
"theme.bar.buttons.battery.icon_background": "#fabd2f"
"theme.bar.menus.menu.notifications.pager.button": "#88c0d0",
"theme.bar.menus.menu.notifications.scrollbar.color": "#88c0d0",
"theme.bar.menus.menu.notifications.pager.label": "#5e81ac",
"theme.bar.menus.menu.notifications.pager.background": "#2e3440"
}

6
themes/nord_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#88c0d0",
"theme.bar.buttons.notifications.icon_background": "#88c0d0",
"theme.bar.buttons.battery.icon_background": "#81a1c1",
"theme.bar.buttons.clock.icon_background": "#8fbcbb"
"theme.bar.buttons.clock.icon_background": "#8fbcbb",
"theme.bar.menus.menu.notifications.pager.button": "#88c0d0",
"theme.bar.menus.menu.notifications.scrollbar.color": "#88c0d0",
"theme.bar.menus.menu.notifications.pager.label": "#5e81ac",
"theme.bar.menus.menu.notifications.pager.background": "#2e3440"
}

12
themes/one_dark.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#2e3440",
"theme.bar.menus.check_radio_button.active": "#88c0d0",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#61afef",
"theme.bar.menus.menu.notifications.scrollbar.color": "#61afef",
"theme.bar.menus.menu.notifications.pager.label": "#828997",
"theme.bar.menus.menu.notifications.pager.background": "#282c34"
}

6
themes/one_dark_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#61afef",
"theme.bar.buttons.notifications.icon_background": "#61afef",
"theme.bar.buttons.battery.icon_background": "#e5c07b",
"theme.bar.buttons.clock.icon_background": "#98c379"
"theme.bar.buttons.clock.icon_background": "#98c379",
"theme.bar.menus.menu.notifications.pager.button": "#61afef",
"theme.bar.menus.menu.notifications.scrollbar.color": "#61afef",
"theme.bar.menus.menu.notifications.pager.label": "#828997",
"theme.bar.menus.menu.notifications.pager.background": "#282c34"
}

12
themes/rose_pine.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#393452",
"theme.bar.menus.check_radio_button.active": "#c4a7e7",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#c4a7e7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#c4a7e7",
"theme.bar.menus.menu.notifications.pager.label": "#524f67",
"theme.bar.menus.menu.notifications.pager.background": "#191724"
}

12
themes/rose_pine_moon.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#393452",
"theme.bar.menus.check_radio_button.active": "#c4a7e7",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#c4a7e7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#c4a7e7",
"theme.bar.menus.menu.notifications.pager.label": "#56526e",
"theme.bar.menus.menu.notifications.pager.background": "#232136"
}

6
themes/rose_pine_moon_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#c4a7e7",
"theme.bar.buttons.notifications.icon_background": "#c4a7e7",
"theme.bar.buttons.battery.icon_background": "#f6c177",
"theme.bar.buttons.clock.icon_background": "#c4a7e7"
"theme.bar.buttons.clock.icon_background": "#c4a7e7",
"theme.bar.menus.menu.notifications.pager.button": "#c4a7e7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#c4a7e7",
"theme.bar.menus.menu.notifications.pager.label": "#56526e",
"theme.bar.menus.menu.notifications.pager.background": "#232136"
}

6
themes/rose_pine_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#c4a7e7",
"theme.bar.buttons.notifications.icon_background": "#c4a7e7",
"theme.bar.buttons.battery.icon_background": "#f6c177",
"theme.bar.buttons.clock.icon_background": "#c4a7e7"
"theme.bar.buttons.clock.icon_background": "#c4a7e7",
"theme.bar.menus.menu.notifications.pager.button": "#c4a7e7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#c4a7e7",
"theme.bar.menus.menu.notifications.pager.label": "#524f67",
"theme.bar.menus.menu.notifications.pager.background": "#191724"
}

12
themes/tokyo_night.json
View File

@@ -262,12 +262,8 @@
"theme.bar.menus.check_radio_button.background": "#3b4261",
"theme.bar.menus.check_radio_button.active": "#bb9af7",
"theme.bar.buttons.style": "default",
"theme.bar.buttons.icon_background": "#242438",
"theme.bar.buttons.volume.icon_background": "#ee999f",
"theme.bar.buttons.network.icon_background": "#c5a0f6",
"theme.bar.buttons.bluetooth.icon_background": "#91d7e3",
"theme.bar.buttons.windowtitle.icon_background": "#f5bde6",
"theme.bar.buttons.media.icon_background": "#b7bcf8",
"theme.bar.buttons.notifications.icon_background": "#b7bcf8",
"theme.bar.buttons.battery.icon_background": "#eed49f"
"theme.bar.menus.menu.notifications.pager.button": "#bb9af7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#bb9af7",
"theme.bar.menus.menu.notifications.pager.label": "#565f89",
"theme.bar.menus.menu.notifications.pager.background": "#1a1b26"
}

6
themes/tokyo_night_split.json
View File

@@ -270,5 +270,9 @@
"theme.bar.buttons.media.icon_background": "#bb9af7",
"theme.bar.buttons.notifications.icon_background": "#bb9af7",
"theme.bar.buttons.battery.icon_background": "#e0af68",
"theme.bar.buttons.clock.icon_background": "#f7768e"
"theme.bar.buttons.clock.icon_background": "#f7768e",
"theme.bar.menus.menu.notifications.pager.button": "#bb9af7",
"theme.bar.menus.menu.notifications.scrollbar.color": "#bb9af7",
"theme.bar.menus.menu.notifications.pager.label": "#565f89",
"theme.bar.menus.menu.notifications.pager.background": "#1a1b26"
}

7
widget/settings/pages/config/notifications/index.ts
View File

@@ -17,6 +17,13 @@ export const NotificationSettings = () => {
Option({ opt: options.notifications.active_monitor, title: 'Follow Cursor', subtitle: 'The notification will follow the monitor of your cursor', type: 'boolean' }),
Option({ opt: options.notifications.timeout, title: 'Notification Timeout', subtitle: 'How long notification popups will last (in milliseconds).', type: 'number' }),
Option({ opt: options.notifications.cache_actions, title: 'Preserve Actions', subtitle: 'This will persist the action buttons of a notification after rebooting.', type: 'boolean' }),
Header('Notification Menu Settings'),
Option({ opt: options.theme.bar.menus.menu.notifications.height, title: 'Notification Menu Height', type: 'string' }),
Option({ opt: options.notifications.displayedTotal, title: 'Displayed Total', subtitle: 'How many notifications to show in the menu at once.\nNewer notifications will display towards the top.', type: 'number', min: 1 }),
Option({ opt: options.theme.bar.menus.menu.notifications.pager.show, title: 'Show Pager', subtitle: "Shows the pagination footer at the bottom of the menu.", type: 'boolean' }),
Option({ opt: options.theme.bar.menus.menu.notifications.scrollbar.width, title: 'Scrollbar Width', type: 'string' }),
Option({ opt: options.theme.bar.menus.menu.notifications.scrollbar.radius, title: 'Scrollbar Radius', type: 'string' }),
]
})
})

6
widget/settings/pages/theme/menus/notifications.ts
View File

@@ -26,7 +26,13 @@ export const NotificationsMenuTheme = () => {
Option({ opt: options.theme.bar.menus.menu.notifications.switch.disabled, title: 'Disabled', type: 'color' }),
Option({ opt: options.theme.bar.menus.menu.notifications.switch.puck, title: 'Puck', type: 'color' }),
Header('Scrollbar'),
Option({ opt: options.theme.bar.menus.menu.notifications.scrollbar.color, title: 'Scrollbar Color', type: 'color' }),
Header('Pagination'),
Option({ opt: options.theme.bar.menus.menu.notifications.pager.background, title: 'Pager Footer Background', type: 'color' }),
Option({ opt: options.theme.bar.menus.menu.notifications.pager.button, title: 'Pager Button Color', type: 'color' }),
Option({ opt: options.theme.bar.menus.menu.notifications.pager.label, title: 'Pager Label Color', type: 'color' }),
]
})
})