From 50eeb4275d312f31e8108956aa07b96f7070753d Mon Sep 17 00:00:00 2001 From: Jas Singh Date: Wed, 17 Jul 2024 01:44:50 -0700 Subject: [PATCH] Implement styling options for all the bar components (not menus) through options variables. --- directoryMonitorService.js | 11 +- main.ts | 23 +- modules/bar/Bar.ts | 1 - modules/bar/battery/index.js | 1 + modules/bar/bluetooth/index.js | 1 + modules/bar/clock/index.js | 1 + modules/bar/media/index.js | 1 + modules/bar/menu/index.js | 1 + modules/bar/network/index.js | 12 +- modules/bar/notifications/index.js | 1 + modules/bar/power/index.js | 1 + modules/bar/systray/index.js | 1 + modules/bar/volume/index.js | 1 + modules/bar/window_title/index.js | 1 + modules/bar/workspaces/index.js | 1 + options.ts | 96 +- scss/bar/audio.scss | 10 - scss/bar/bar.scss | 31 - scss/bar/battery.scss | 19 - scss/bar/bluetooth.scss | 21 - scss/bar/clock.scss | 5 - scss/bar/media.scss | 10 - scss/bar/menu.scss | 6 - scss/bar/network.scss | 5 - scss/bar/notifications.scss | 7 - scss/bar/power.scss | 6 - scss/bar/window_title.scss | 5 - scss/bar/workspace.scss | 33 - scss/entry.scss | 43 + scss/main.scss | 71 +- scss/style.ts | 76 + scss/style/bar/audio.scss | 11 + scss/style/bar/bar.scss | 108 ++ scss/style/bar/battery.scss | 20 + scss/style/bar/bluetooth.scss | 22 + scss/style/bar/clock.scss | 6 + scss/style/bar/media.scss | 11 + scss/style/bar/menu.scss | 7 + scss/style/bar/network.scss | 10 + scss/style/bar/notifications.scss | 7 + scss/style/bar/power.scss | 7 + scss/{ => style}/bar/systray.scss | 0 scss/style/bar/window_title.scss | 6 + scss/style/bar/workspace.scss | 34 + scss/{ => style}/colors.scss | 0 scss/{ => style}/common/common.scss | 0 scss/{ => style}/common/floating-widget.scss | 0 scss/{ => style}/common/widget-button.scss | 0 scss/style/entry.scss | 43 + scss/{ => style}/highlights.scss | 0 scss/{ => style}/menus/audiomenu.scss | 0 scss/{ => style}/menus/bluetooth.scss | 0 scss/{ => style}/menus/calendar.scss | 0 scss/{ => style}/menus/dashboard.scss | 0 scss/{ => style}/menus/energy.scss | 0 scss/{ => style}/menus/media.scss | 0 scss/{ => style}/menus/menu.scss | 0 scss/{ => style}/menus/network.scss | 0 scss/{ => style}/menus/notifications.scss | 0 scss/{ => style}/menus/power.scss | 0 scss/{ => style}/notifications/popups.scss | 0 scss/variables.scss | 280 +++ style.css | 1782 ------------------ style.css.map | 1 - 64 files changed, 783 insertions(+), 2074 deletions(-) delete mode 100644 scss/bar/audio.scss delete mode 100644 scss/bar/bar.scss delete mode 100644 scss/bar/battery.scss delete mode 100644 scss/bar/bluetooth.scss delete mode 100644 scss/bar/clock.scss delete mode 100644 scss/bar/media.scss delete mode 100644 scss/bar/menu.scss delete mode 100644 scss/bar/network.scss delete mode 100644 scss/bar/notifications.scss delete mode 100644 scss/bar/power.scss delete mode 100644 scss/bar/window_title.scss delete mode 100644 scss/bar/workspace.scss create mode 100644 scss/entry.scss create mode 100644 scss/style.ts create mode 100644 scss/style/bar/audio.scss create mode 100644 scss/style/bar/bar.scss create mode 100644 scss/style/bar/battery.scss create mode 100644 scss/style/bar/bluetooth.scss create mode 100644 scss/style/bar/clock.scss create mode 100644 scss/style/bar/media.scss create mode 100644 scss/style/bar/menu.scss create mode 100644 scss/style/bar/network.scss create mode 100644 scss/style/bar/notifications.scss create mode 100644 scss/style/bar/power.scss rename scss/{ => style}/bar/systray.scss (100%) create mode 100644 scss/style/bar/window_title.scss create mode 100644 scss/style/bar/workspace.scss rename scss/{ => style}/colors.scss (100%) rename scss/{ => style}/common/common.scss (100%) rename scss/{ => style}/common/floating-widget.scss (100%) rename scss/{ => style}/common/widget-button.scss (100%) create mode 100644 scss/style/entry.scss rename scss/{ => style}/highlights.scss (100%) rename scss/{ => style}/menus/audiomenu.scss (100%) rename scss/{ => style}/menus/bluetooth.scss (100%) rename scss/{ => style}/menus/calendar.scss (100%) rename scss/{ => style}/menus/dashboard.scss (100%) rename scss/{ => style}/menus/energy.scss (100%) rename scss/{ => style}/menus/media.scss (100%) rename scss/{ => style}/menus/menu.scss (100%) rename scss/{ => style}/menus/network.scss (100%) rename scss/{ => style}/menus/notifications.scss (100%) rename scss/{ => style}/menus/power.scss (100%) rename scss/{ => style}/notifications/popups.scss (100%) create mode 100644 scss/variables.scss delete mode 100644 style.css delete mode 100644 style.css.map diff --git a/directoryMonitorService.js b/directoryMonitorService.js index 99b1809..1447a8f 100644 --- a/directoryMonitorService.js +++ b/directoryMonitorService.js @@ -1,6 +1,6 @@ import Service from "resource:///com/github/Aylur/ags/service.js"; import App from "resource:///com/github/Aylur/ags/app.js"; -import {monitorFile} from "resource:///com/github/Aylur/ags/utils.js"; +import { monitorFile } from "resource:///com/github/Aylur/ags/utils.js"; import Gio from "gi://Gio"; class DirectoryMonitorService extends Service { @@ -14,15 +14,18 @@ class DirectoryMonitorService extends Service { } recursiveDirectoryMonitor(directoryPath) { - monitorFile(directoryPath, (_, eventType) => { if (eventType === Gio.FileMonitorEvent.CHANGES_DONE_HINT) { this.emit("changed"); } - }, "directory"); + }); const directory = Gio.File.new_for_path(directoryPath); - const enumerator = directory.enumerate_children("standard::*", Gio.FileQueryInfoFlags.NONE, null); + const enumerator = directory.enumerate_children( + "standard::*", + Gio.FileQueryInfoFlags.NONE, + null, + ); let fileInfo; while ((fileInfo = enumerator.next_file(null)) !== null) { diff --git a/main.ts b/main.ts index 061f8b6..f4e73a1 100644 --- a/main.ts +++ b/main.ts @@ -1,29 +1,11 @@ -import { exec } from "resource:///com/github/Aylur/ags/utils.js"; -import DirectoryMonitorService from "./directoryMonitorService.js"; import "lib/session" +import "scss/style" + import { Bar } from "modules/bar/Bar" import MenuWindows from "./modules/menus/main.js"; import Notifications from "./modules/notifications/index.js"; import { forMonitors } from "lib/utils" -const applyScss = () => { - // Compile scss - exec(`sass ${App.configDir}/scss/main.scss ${App.configDir}/style.css`); - exec( - `sass ${App.configDir}/scss/highlight.scss ${App.configDir}/highlight.css`, - ); - console.log("Scss compiled"); - - // Apply compiled css - App.resetCss(); - App.applyCss(`${App.configDir}/style.css`); - console.log("Compiled css applied"); -}; - -DirectoryMonitorService.connect("changed", () => applyScss()); - -applyScss(); - App.config({ onConfigParsed: () => Utils.execAsync(`python3 ${App.configDir}/services/bluetooth.py`), windows: [ @@ -31,7 +13,6 @@ App.config({ Notifications(), ...forMonitors(Bar), ], - style: `${App.configDir}/style.css`, closeWindowDelay: { sideright: 350, launcher: 350, diff --git a/modules/bar/Bar.ts b/modules/bar/Bar.ts index 88b943b..7f61894 100644 --- a/modules/bar/Bar.ts +++ b/modules/bar/Bar.ts @@ -1,4 +1,3 @@ -const network = await Service.import("network"); import { Menu } from "./menu/index.js"; import { Workspaces } from "./workspaces/index.js"; import { ClientTitle } from "./window_title/index.js"; diff --git a/modules/bar/battery/index.js b/modules/bar/battery/index.js index 83d18ac..5fed6ca 100644 --- a/modules/bar/battery/index.js +++ b/modules/bar/battery/index.js @@ -53,6 +53,7 @@ const BatteryLabel = () => { }, }), isVis, + boxClass: "battery", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "energymenu"); diff --git a/modules/bar/bluetooth/index.js b/modules/bar/bluetooth/index.js index ee18f2c..927787e 100644 --- a/modules/bar/bluetooth/index.js +++ b/modules/bar/bluetooth/index.js @@ -18,6 +18,7 @@ const Bluetooth = () => { children: [btIcon, btText], }), isVisible: true, + boxClass: "bluetooth", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "bluetoothmenu"); diff --git a/modules/bar/clock/index.js b/modules/bar/clock/index.js index 7ae101c..3be845e 100644 --- a/modules/bar/clock/index.js +++ b/modules/bar/clock/index.js @@ -11,6 +11,7 @@ const Clock = () => { label: date.bind(), }), isVisible: true, + boxClass: "clock", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "calendarmenu"); diff --git a/modules/bar/media/index.js b/modules/bar/media/index.js index 9de7d19..cfe571a 100644 --- a/modules/bar/media/index.js +++ b/modules/bar/media/index.js @@ -86,6 +86,7 @@ const Media = () => { }), }), isVisible: false, + boxClass: "media", name: "media", props: { on_scroll_up: () => mpris.getPlayer("")?.next(), diff --git a/modules/bar/menu/index.js b/modules/bar/menu/index.js index 2518fda..21750b5 100644 --- a/modules/bar/menu/index.js +++ b/modules/bar/menu/index.js @@ -9,6 +9,7 @@ const Menu = () => { }), }), isVisible: true, + boxClass: "dashboard", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "dashboardmenu"); diff --git a/modules/bar/network/index.js b/modules/bar/network/index.js index 35d2ace..3cfb919 100644 --- a/modules/bar/network/index.js +++ b/modules/bar/network/index.js @@ -1,14 +1,14 @@ const network = await Service.import("network"); import { openMenu } from "../utils.js"; -import { globalMousePos } from "../../../globals.js"; - const Network = () => { const wifiIndicator = [ Widget.Icon({ + class_name: "bar-network-icon", icon: network.wifi.bind("icon_name"), }), Widget.Label({ + class_name: "bar-network-label", label: network.wifi .bind("ssid") .as((ssid) => (ssid ? ` ${ssid}` : " --").substring(0, 7)), @@ -16,8 +16,13 @@ const Network = () => { ]; const wiredIndicator = [ + Widget.Icon({ + class_name: "bar-network-icon", + icon: network.wired.bind("icon_name"), + }), Widget.Label({ - label: network.bind("wired").as(() => "󰈀 Wired"), + class_name: "bar-network-label", + label: network.bind("wired").as(() => " Wired"), }), ]; @@ -30,6 +35,7 @@ const Network = () => { .as((w) => (w === "wired" ? wiredIndicator : wifiIndicator)), }), isVisible: true, + boxClass: "network", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "networkmenu"); diff --git a/modules/bar/notifications/index.js b/modules/bar/notifications/index.js index 989ca57..cfa8f06 100644 --- a/modules/bar/notifications/index.js +++ b/modules/bar/notifications/index.js @@ -27,6 +27,7 @@ export const Notifications = () => { }), }), isVisible: true, + boxClass: "notifications", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "notificationsmenu"); diff --git a/modules/bar/power/index.js b/modules/bar/power/index.js index db538d0..23b948f 100644 --- a/modules/bar/power/index.js +++ b/modules/bar/power/index.js @@ -10,6 +10,7 @@ export const Power = () => { }), }), isVisible: true, + boxClass: "power", props: { on_clicked: () => App.toggleWindow("powermenu"), }, diff --git a/modules/bar/systray/index.js b/modules/bar/systray/index.js index a5bd7d7..e667e64 100644 --- a/modules/bar/systray/index.js +++ b/modules/bar/systray/index.js @@ -29,6 +29,7 @@ const SysTray = () => { children: items, }), isVisible: true, + boxClass: "systray", isVis, }; }; diff --git a/modules/bar/volume/index.js b/modules/bar/volume/index.js index 4e83a68..d670980 100644 --- a/modules/bar/volume/index.js +++ b/modules/bar/volume/index.js @@ -44,6 +44,7 @@ const Volume = () => { children: [volIcn, volPct], }), isVisible: true, + boxClass: "volume", props: { on_primary_click: (clicked, event) => { openMenu(clicked, event, "audiomenu"); diff --git a/modules/bar/window_title/index.js b/modules/bar/window_title/index.js index dc6ca95..ba96487 100644 --- a/modules/bar/window_title/index.js +++ b/modules/bar/window_title/index.js @@ -29,6 +29,7 @@ const ClientTitle = () => { label: hyprland.active.bind("client").as((v) => filterTitle(v)), }), isVisible: true, + boxClass: "windowtitle", }; }; diff --git a/modules/bar/workspaces/index.js b/modules/bar/workspaces/index.js index ef7c685..22432e0 100644 --- a/modules/bar/workspaces/index.js +++ b/modules/bar/workspaces/index.js @@ -89,6 +89,7 @@ const Workspaces = (monitor = -1, ws = 8) => { }, }), isVisible: true, + boxClass: "workspaces", }; }; export { Workspaces }; diff --git a/options.ts b/options.ts index d478d40..984776b 100644 --- a/options.ts +++ b/options.ts @@ -51,56 +51,80 @@ const options = mkOptions(OPTIONS, { }, bar: { transparent: opt(false), - background: opt(colors.mantle), + background: opt(colors.crust), buttons: { - monochrome: opt(true), + monochrome: opt(false), background: opt(colors.base2), hover: opt(colors.surface1), text: opt(colors.lavender), + icon: opt(colors.lavender), dashboard: { background: opt(colors.base2), - text: opt(colors.yellow) + hover: opt(colors.surface1), + icon: opt(colors.yellow) }, workspaces: { background: opt(colors.base2), + hover: opt(colors.surface1), available: opt(colors.sky), occupied: opt(colors.flamingo), active: opt(colors.pink), }, windowtitle: { background: opt(colors.base2), - text: opt(colors.pink) + hover: opt(colors.surface1), + text: opt(colors.pink), + icon: opt(colors.pink) }, media: { background: opt(colors.base2), - text: opt(colors.lavender) + hover: opt(colors.surface1), + text: opt(colors.lavender), + icon: opt(colors.lavender) }, volume: { background: opt(colors.base2), - text: opt(colors.maroon) + hover: opt(colors.surface1), + text: opt(colors.maroon), + icon: opt(colors.maroon), }, network: { background: opt(colors.base2), - text: opt(colors.mauve) + hover: opt(colors.surface1), + text: opt(colors.mauve), + icon: opt(colors.mauve), }, bluetooth: { background: opt(colors.base2), - text: opt(colors.sky) + hover: opt(colors.surface1), + text: opt(colors.sky), + icon: opt(colors.sky), }, systray: { background: opt(colors.base2), + hover: opt(colors.surface1), + }, + power: { + background: opt(colors.base2), + hover: opt(colors.surface1), + icon: opt(colors.red), }, battery: { background: opt(colors.base2), - text: opt(colors.yellow) + hover: opt(colors.surface1), + text: opt(colors.yellow), + icon: opt(colors.yellow), }, clock: { background: opt(colors.base2), - text: opt(colors.pink) + hover: opt(colors.surface1), + text: opt(colors.pink), + icon: opt(colors.pink), }, notifications: { background: opt(colors.base2), - text: opt(colors.lavender) + hover: opt(colors.surface1), + icon: opt(colors.lavender), }, }, menus: { @@ -161,39 +185,33 @@ const options = mkOptions(OPTIONS, { album: opt(colors.base2), buttons: { inactive: { - global: opt(false), background: opt(colors.surface2), text: opt(colors.crust) }, shuffle: { - global: opt(false), background: opt(colors.lavender), hover: opt(colors.pink), active: opt(colors.pink), text: opt(colors.crust) }, previous: { - global: opt(false), background: opt(colors.lavender), hover: opt(colors.pink), text: opt(colors.crust) }, playpause: { - global: opt(false), background: opt(colors.lavender), hover: opt(colors.pink), text: opt(colors.crust) }, next: { - global: opt(false), background: opt(colors.lavender), hover: opt(colors.pink), text: opt(colors.crust) }, loop: { - global: opt(false), background: opt(colors.lavender), hover: opt(colors.pink), active: opt(colors.pink), @@ -202,7 +220,6 @@ const options = mkOptions(OPTIONS, { } }, slider: { - global: opt(false), primary: opt(colors.pink), background: opt(colors.surface2), backgroundhover: opt(colors.surface1), @@ -211,42 +228,34 @@ const options = mkOptions(OPTIONS, { }, volume: { card: { - global: opt(false), color: opt(colors.base), }, background: { - global: opt(false), color: opt(colors.crust), }, border: { - global: opt(false), color: opt(colors.surface0), }, label: { - global: opt(false), color: opt(colors.maroon), }, text: opt(colors.text), listitems: { - global: opt(false), passive: opt(colors.text), active: opt(colors.maroon) }, icons: { - global: opt(false), passive: opt(colors.overlay2), active: opt(colors.maroon), hover: opt(colors.maroon) }, audio_slider: { - global: opt(false), primary: opt(colors.maroon), background: opt(colors.surface2), backgroundhover: opt(colors.surface1), puck: opt(colors.overlay0) }, input_slider: { - global: opt(false), primary: opt(colors.maroon), background: opt(colors.surface2), backgroundhover: opt(colors.surface1), @@ -255,93 +264,75 @@ const options = mkOptions(OPTIONS, { }, network: { card: { - global: opt(false), color: opt(colors.base), }, background: { - global: opt(false), color: opt(colors.crust), }, border: { - global: opt(false), color: opt(colors.surface0), }, label: { - global: opt(false), color: opt(colors.mauve), }, text: opt(colors.text), status: { - global: opt(false), color: opt(colors.overlay0), }, listitems: { - global: opt(false), passive: opt(colors.text), active: opt(colors.mauve) }, icons: { - global: opt(false), passive: opt(colors.overlay2), active: opt(colors.mauve), hover: opt(colors.mauve) }, iconbuttons: { - global: opt(false), passive: opt(colors.text), hover: opt(colors.mauve) }, }, bluetooth: { card: { - global: opt(false), color: opt(colors.base), }, background: { - global: opt(false), color: opt(colors.crust), }, border: { - global: opt(false), color: opt(colors.surface0), }, label: { - global: opt(false), color: opt(colors.sky), }, text: opt(colors.text), status: opt(colors.overlay0), switch_divider: opt(colors.surface1), switch: { - global: opt(false), enabled: opt(colors.sky), disabled: opt(colors.surface0), puck: opt(colors.overlay0) }, listitems: { - global: opt(false), passive: opt(colors.text), active: opt(colors.sky) }, icons: { - global: opt(false), passive: opt(colors.overlay2), active: opt(colors.sky), hover: opt(colors.sky) }, iconbuttons: { - global: opt(false), passive: opt(colors.text), hover: opt(colors.sky) }, }, systray: { background: { - global: opt(false), color: opt(colors.base2), }, dropdownmenu: { - global: opt(false), background: opt(colors.crust), text: opt(colors.text), divider: opt(colors.base) @@ -349,29 +340,23 @@ const options = mkOptions(OPTIONS, { }, battery: { card: { - global: opt(false), color: opt(colors.base), }, background: { - global: opt(false), color: opt(colors.crust), }, border: { - global: opt(false), color: opt(colors.surface0), }, label: { - global: opt(false), color: opt(colors.yellow), }, text: opt(colors.text), listitems: { - global: opt(false), passive: opt(colors.text), active: opt(colors.yellow) }, icons: { - global: opt(false), passive: opt(colors.overlay2), active: opt(colors.yellow), hover: opt(colors.yellow) @@ -379,15 +364,12 @@ const options = mkOptions(OPTIONS, { }, clock: { card: { - global: opt(false), color: opt(colors.base), }, background: { - global: opt(false), color: opt(colors.crust), }, border: { - global: opt(false), color: opt(colors.surface0), }, text: opt(colors.text), @@ -423,24 +405,19 @@ const options = mkOptions(OPTIONS, { }, dashboard: { card: { - global: opt(false), color: opt(colors.base), }, background: { - global: opt(false), color: opt(colors.crust), }, border: { - global: opt(false), color: opt(colors.surface0), }, profile: { - global: opt(false), card: opt(colors.base), name: opt(colors.pink) }, powermenu: { - global: opt(false), shutdown: opt(colors.red), restart: opt(colors.peach), logout: opt(colors.green), @@ -456,7 +433,6 @@ const options = mkOptions(OPTIONS, { } }, shortcuts_left: { - global: opt(false), shortcut1: { background: opt(colors.lavender), hover: opt(colors.pink), @@ -479,7 +455,6 @@ const options = mkOptions(OPTIONS, { }, }, shortcuts_right: { - global: opt(false), shortcut1: { background: opt(colors.lavender), hover: opt(colors.pink), @@ -572,7 +547,6 @@ const options = mkOptions(OPTIONS, { } }, notifications: { - global: opt(false), background: opt(colors.mantle), card: opt(colors.base), border: opt(colors.surface0), diff --git a/scss/bar/audio.scss b/scss/bar/audio.scss deleted file mode 100644 index 3ab45ab..0000000 --- a/scss/bar/audio.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import '../colors'; - -.bar-volume_icon { - font-size: 1.3em; - color: $maroon; -} - -.bar-volume_percentage { - color: $maroon; -} diff --git a/scss/bar/bar.scss b/scss/bar/bar.scss deleted file mode 100644 index 694828a..0000000 --- a/scss/bar/bar.scss +++ /dev/null @@ -1,31 +0,0 @@ -@import "../colors"; - -.bar { - background: $crust; -} - -.bar_item_box_visible { - background-color: $base2; - border-radius: 0.35em; - padding: 0.2rem 0.9rem; - margin: 0.5rem 0.25rem; - - &:hover { - background: $surface1; - } -} - -.bar_item_box_hidden { - background: none; - border-radius: 0rem; - padding: 0rem 0rem 0rem 0rem; - margin: 0rem 0rem 0rem 0rem; -} - -.box-left { - margin-left: 1.9rem; -} - -.box-right { - margin-right: 1.9rem; -} diff --git a/scss/bar/battery.scss b/scss/bar/battery.scss deleted file mode 100644 index bfc08ce..0000000 --- a/scss/bar/battery.scss +++ /dev/null @@ -1,19 +0,0 @@ -@import '../colors'; - -.bar { - .battery { - label { - color: $yellow; - } - image { - color: $yellow; - } - } -} - -.menu-section-container.brightness { - margin-bottom: 0em; -} -.menu-section-container.energy { - margin-top: 0.5em; -} diff --git a/scss/bar/bluetooth.scss b/scss/bar/bluetooth.scss deleted file mode 100644 index b144790..0000000 --- a/scss/bar/bluetooth.scss +++ /dev/null @@ -1,21 +0,0 @@ -@import '../colors'; - -.bar-bt_icon { - font-size: 1.15em; - color: $sky; -} - -.bar-bt_label { - color: $sky; -} - -.bluetooth-disabled-menu { - font-weight: bold; - font-size: 1.1rem; - color: $surface2; - margin: 6rem 0rem; -} - -.menu-button-isactive { - color: $sky; -} diff --git a/scss/bar/clock.scss b/scss/bar/clock.scss deleted file mode 100644 index e7988c5..0000000 --- a/scss/bar/clock.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "../colors"; - -.clock { - color: $pink; -} diff --git a/scss/bar/media.scss b/scss/bar/media.scss deleted file mode 100644 index 8de44b6..0000000 --- a/scss/bar/media.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import "../colors"; - -.media { - color: $lavender; -} - -.bar-media_icon { - font-size: 1.2em; - color: $lavender; -} diff --git a/scss/bar/menu.scss b/scss/bar/menu.scss deleted file mode 100644 index 054538e..0000000 --- a/scss/bar/menu.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "../colors"; - -.bar-menu_label { - color: $yellow; - font-size: 1.3em; -} diff --git a/scss/bar/network.scss b/scss/bar/network.scss deleted file mode 100644 index 100b61e..0000000 --- a/scss/bar/network.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "../colors"; - -.bar-network { - color: $mauve; -} diff --git a/scss/bar/notifications.scss b/scss/bar/notifications.scss deleted file mode 100644 index 93082b4..0000000 --- a/scss/bar/notifications.scss +++ /dev/null @@ -1,7 +0,0 @@ -@import "../colors"; - -.bar-notifications-label { - color: $lavender; - font-size: 1.3em; - min-width: 1em; -} diff --git a/scss/bar/power.scss b/scss/bar/power.scss deleted file mode 100644 index 39929a2..0000000 --- a/scss/bar/power.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import "../colors"; - -.bar-power_label { - color: $red; - margin-top: 0.2rem; -} diff --git a/scss/bar/window_title.scss b/scss/bar/window_title.scss deleted file mode 100644 index 50062ec..0000000 --- a/scss/bar/window_title.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "../colors"; - -.window_title { - color: $pink; -} diff --git a/scss/bar/workspace.scss b/scss/bar/workspace.scss deleted file mode 100644 index eb5156d..0000000 --- a/scss/bar/workspace.scss +++ /dev/null @@ -1,33 +0,0 @@ -@import "../colors"; - -.workspaces { - label { - font-size: 0.2em; - min-width: 4em; - min-height: 4em; - border-radius: 1.9rem * .6; - margin: 0rem 0.5rem * .5; - transition: 300ms * .5; - background-color: $sky; - color: $sky; - - &.occupied { - background-color: $flamingo; - color: $flamingo; - min-width: 4em; - min-height: 4em; - } - - &.active { - color: $pink; - background-color: $pink; - min-width: 12em; - min-height: 4em; - } - } -} - - -.workspaces label:not(:first-child) { - margin-left: 4.5em; -} diff --git a/scss/entry.scss b/scss/entry.scss new file mode 100644 index 0000000..131be2e --- /dev/null +++ b/scss/entry.scss @@ -0,0 +1,43 @@ +@import '/home/jaskir/.config/ags/scss/variables.scss'; +* { + all: unset; + font-family: "Ubuntu Nerd Font"; + font-size: 1.2rem; + font-weight: 600; +} + +//general +@import "style/colors"; +@import "style/common/common.scss"; +@import "style/common/floating-widget.scss"; +@import "style/common/widget-button.scss"; + +//modules - bar +@import "style/bar/menu"; +@import "style/bar/audio"; +@import "style/bar/media"; +@import "style/bar/network"; +@import "style/bar/bluetooth"; +@import "style/bar/clock"; +@import "style/bar/workspace"; +@import "style/bar/window_title"; +@import "style/bar/systray"; +@import "style/bar/notifications"; +@import "style/bar/power"; +@import "style/bar/bar"; +@import "style/bar/battery"; + +//modules - menus +@import "style/menus/menu"; +@import "style/menus/power"; +@import "style/menus/audiomenu"; +@import "style/menus/network"; +@import "style/menus/bluetooth"; +@import "style/menus/media"; +@import "style/menus/notifications"; +@import "style/menus/calendar"; +@import "style/menus/energy"; +@import "style/menus/dashboard"; + +//notifications +@import "style/notifications/popups"; diff --git a/scss/main.scss b/scss/main.scss index eed4627..38c8bd6 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -6,52 +6,37 @@ } //general -@import "colors"; -@import "../scss/common/common.scss"; -@import "../scss/common/floating-widget.scss"; -@import "../scss/common/widget-button.scss"; +@import "style/colors"; +@import "style/common/common.scss"; +@import "style/common/floating-widget.scss"; +@import "style/common/widget-button.scss"; //modules - bar -@import "bar/menu"; -@import "bar/audio"; -@import "bar/media"; -@import "bar/network"; -@import "bar/bluetooth"; -@import "bar/clock"; -@import "bar/workspace"; -@import "bar/window_title"; -@import "bar/systray"; -@import "bar/notifications"; -@import "bar/power"; -@import "bar/bar"; -@import "bar/battery"; +@import "style/bar/menu"; +@import "style/bar/audio"; +@import "style/bar/media"; +@import "style/bar/network"; +@import "style/bar/bluetooth"; +@import "style/bar/clock"; +@import "style/bar/workspace"; +@import "style/bar/window_title"; +@import "style/bar/systray"; +@import "style/bar/notifications"; +@import "style/bar/power"; +@import "style/bar/bar"; +@import "style/bar/battery"; //modules - menus -@import "menus/menu"; -@import "menus/power"; -@import "menus/audiomenu"; -@import "menus/network"; -@import "menus/bluetooth"; -@import "menus/media"; -@import "menus/notifications"; -@import "menus/calendar"; -@import "menus/energy"; -@import "menus/dashboard"; +@import "style/menus/menu"; +@import "style/menus/power"; +@import "style/menus/audiomenu"; +@import "style/menus/network"; +@import "style/menus/bluetooth"; +@import "style/menus/media"; +@import "style/menus/notifications"; +@import "style/menus/calendar"; +@import "style/menus/energy"; +@import "style/menus/dashboard"; //notifications -@import "notifications/popups"; - -// Eventbox styling for debugging purposes -// .parent-event { -// background-color: $red; -// } -// .mid-eb { -// background-color: $red; -// } -// .in-eb { -// background-color: $red; -// } -// .main-eb { -// background-color: $red; -// } -// +@import "style/notifications/popups"; diff --git a/scss/style.ts b/scss/style.ts new file mode 100644 index 0000000..ed9c0a0 --- /dev/null +++ b/scss/style.ts @@ -0,0 +1,76 @@ +/* eslint-disable max-len */ +import { exec } from "resource:///com/github/Aylur/ags/utils.js"; +import { type Opt } from "lib/option" +import options from "options" +import { bash, dependencies } from "lib/utils" + +const deps = [ + "font", + "theme", + "bar.flatButtons", + "bar.position", + "bar.battery.charging", + "bar.battery.blocks", +] + +const $ = (name: string, value: string | Opt) => `$${name}: ${value};` + +function extractVariables(theme: any, prefix: string = ""): string[] { + let result: string[] = []; + for (let key in theme) { + if (theme.hasOwnProperty(key)) { + const value = theme[key]; + const newPrefix = prefix ? `${prefix}-${key}` : key; + + if (typeof value === 'object' && value !== null && !Array.isArray(value)) { + // Check if the object contains an Opt value or is a nested object + if (typeof value.value !== 'undefined') { + result.push($(`${newPrefix}`, `${value.value}`)); + } else { + result = result.concat(extractVariables(value, newPrefix)); + } + } else if (typeof value === 'function' && value.name === 'opt') { + result.push($(`${newPrefix}`, value)); + } + } + } + return result; +} + +const variables = () => [ + ...extractVariables(options.theme) +]; + +async function resetCss() { + if (!dependencies("sass", "fd")) + return + + try { + const vars = `${App.configDir}/scss/variables.scss` + const css = `${TMP}/main.css` + const scss = `${App.configDir}/scss/entry.scss` + const localScss = `${App.configDir}/scss/main.scss`; + + const imports = [vars].map(f => `@import '${f}';`) + + console.log(variables()); + await Utils.writeFile(variables().join("\n"), vars) + + let mainScss = await Utils.readFile(localScss); + mainScss = `${imports}\n${mainScss}`; + + await Utils.writeFile(mainScss, scss) + + await bash(`sass ${scss} ${css}`); + + App.applyCss(css, true); + } catch (error) { + error instanceof Error + ? logError(error) + : console.error(error) + } +} + +Utils.monitorFile(`${App.configDir}/scss/style`, resetCss) +options.handler(deps, resetCss) +await resetCss() diff --git a/scss/style/bar/audio.scss b/scss/style/bar/audio.scss new file mode 100644 index 0000000..dc67fe2 --- /dev/null +++ b/scss/style/bar/audio.scss @@ -0,0 +1,11 @@ +@import '../colors'; +@import '../../variables'; + +.bar-volume_icon { + font-size: 1.3em; + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-volume-icon); +} + +.bar-volume_percentage { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-volume-text); +} diff --git a/scss/style/bar/bar.scss b/scss/style/bar/bar.scss new file mode 100644 index 0000000..bcf5a01 --- /dev/null +++ b/scss/style/bar/bar.scss @@ -0,0 +1,108 @@ +@import "../colors"; +@import "../../variables"; + +.bar { + background: if($bar-transparent, transparent, $bar-background); + .transparent { + background: transparent; + } +} + +.bar_item_box_visible { + background-color: $bar-buttons-background; + border-radius: 0.35em; + padding: 0.2rem 0.9rem; + margin: 0.5rem 0.25rem; + + &:hover { + background: $bar-buttons-hover; + } + + &.battery { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-battery-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-battery-background); + } + } + &.bluetooth { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-bluetooth-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-bluetooth-background); + } + } + &.clock { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-clock-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-clock-background); + } + } + &.media { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-media-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-media-background); + } + } + &.dashboard { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-dashboard-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-dashboard-background); + } + } + &.network { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-network-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-network-background); + } + } + &.notifications { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-notifications-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-notifications-background); + } + } + &.power { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-power-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-power-background); + } + } + &.systray { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-systray-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-systray-background); + } + } + &.volume { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-volume-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-volume-background); + } + } + &.windowtitle { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-windowtitle-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-windowtitle-background); + } + } + &.workspaces { + background-color: if($bar-buttons-monochrome, $bar-buttons-background, $bar-buttons-workspaces-background); + &:hover { + background: if($bar-buttons-monochrome, $bar-buttons-hover, $bar-buttons-workspaces-background); + } + } +} + +.bar_item_box_hidden { + background: none; + border-radius: 0rem; + padding: 0rem 0rem 0rem 0rem; + margin: 0rem 0rem 0rem 0rem; +} + +.box-left { + margin-left: 1.9rem; +} + +.box-right { + margin-right: 1.9rem; +} diff --git a/scss/style/bar/battery.scss b/scss/style/bar/battery.scss new file mode 100644 index 0000000..644c464 --- /dev/null +++ b/scss/style/bar/battery.scss @@ -0,0 +1,20 @@ +@import '../colors'; +@import '../../variables'; + +.bar { + .battery { + label { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-battery-text); + } + image { + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-battery-icon); + } + } +} + +.menu-section-container.brightness { + margin-bottom: 0em; +} +.menu-section-container.energy { + margin-top: 0.5em; +} diff --git a/scss/style/bar/bluetooth.scss b/scss/style/bar/bluetooth.scss new file mode 100644 index 0000000..9a919ba --- /dev/null +++ b/scss/style/bar/bluetooth.scss @@ -0,0 +1,22 @@ +@import '../colors'; +@import '../../variables'; + +.bar-bt_icon { + font-size: 1.15em; + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-bluetooth-icon); +} + +.bar-bt_label { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-bluetooth-text); +} + +.bluetooth-disabled-menu { + font-weight: bold; + font-size: 1.1rem; + color: $surface2; + margin: 6rem 0rem; +} + +.menu-button-isactive { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-bluetooth-text); +} diff --git a/scss/style/bar/clock.scss b/scss/style/bar/clock.scss new file mode 100644 index 0000000..d3f0674 --- /dev/null +++ b/scss/style/bar/clock.scss @@ -0,0 +1,6 @@ +@import "../colors"; +@import '../../variables'; + +.clock { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-clock-text); +} diff --git a/scss/style/bar/media.scss b/scss/style/bar/media.scss new file mode 100644 index 0000000..ceeefc2 --- /dev/null +++ b/scss/style/bar/media.scss @@ -0,0 +1,11 @@ +@import "../colors"; +@import '../../variables'; + +.media { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-media-text); +} + +.bar-media_icon { + font-size: 1.2em; + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-media-icon); +} diff --git a/scss/style/bar/menu.scss b/scss/style/bar/menu.scss new file mode 100644 index 0000000..39bb593 --- /dev/null +++ b/scss/style/bar/menu.scss @@ -0,0 +1,7 @@ +@import "../colors"; +@import '../../variables'; + +.bar-menu_label { + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-dashboard-icon); + font-size: 1.3em; +} diff --git a/scss/style/bar/network.scss b/scss/style/bar/network.scss new file mode 100644 index 0000000..bc8aa54 --- /dev/null +++ b/scss/style/bar/network.scss @@ -0,0 +1,10 @@ +@import "../colors"; +@import '../../variables'; + +.bar-network-label { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-network-text); +} + +.bar-network-icon { + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-network-icon); +} diff --git a/scss/style/bar/notifications.scss b/scss/style/bar/notifications.scss new file mode 100644 index 0000000..e703efb --- /dev/null +++ b/scss/style/bar/notifications.scss @@ -0,0 +1,7 @@ +@import "../colors"; + +.bar-notifications-label { + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-notifications-icon); + font-size: 1.3em; + min-width: 1em; +} diff --git a/scss/style/bar/power.scss b/scss/style/bar/power.scss new file mode 100644 index 0000000..7d2cd2f --- /dev/null +++ b/scss/style/bar/power.scss @@ -0,0 +1,7 @@ +@import "../colors"; +@import '../../variables'; + +.bar-power_label { + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-power-icon); + margin-top: 0.2rem; +} diff --git a/scss/bar/systray.scss b/scss/style/bar/systray.scss similarity index 100% rename from scss/bar/systray.scss rename to scss/style/bar/systray.scss diff --git a/scss/style/bar/window_title.scss b/scss/style/bar/window_title.scss new file mode 100644 index 0000000..fbec310 --- /dev/null +++ b/scss/style/bar/window_title.scss @@ -0,0 +1,6 @@ +@import "../colors"; +@import '../../variables'; + +.window_title { + color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-windowtitle-text); +} diff --git a/scss/style/bar/workspace.scss b/scss/style/bar/workspace.scss new file mode 100644 index 0000000..a61f55a --- /dev/null +++ b/scss/style/bar/workspace.scss @@ -0,0 +1,34 @@ +@import "../colors"; +@import '../../variables'; + +.workspaces { + label { + font-size: 0.2em; + min-width: 4em; + min-height: 4em; + border-radius: 1.9rem * .6; + margin: 0rem 0.5rem * .5; + transition: 300ms * .5; + background-color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-available); + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-available); + + &.occupied { + background-color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-occupied); + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-occupied); + min-width: 4em; + min-height: 4em; + } + + &.active { + color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-active); + background-color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-workspaces-active); + min-width: 12em; + min-height: 4em; + } + } +} + + +.workspaces label:not(:first-child) { + margin-left: 4.5em; +} diff --git a/scss/colors.scss b/scss/style/colors.scss similarity index 100% rename from scss/colors.scss rename to scss/style/colors.scss diff --git a/scss/common/common.scss b/scss/style/common/common.scss similarity index 100% rename from scss/common/common.scss rename to scss/style/common/common.scss diff --git a/scss/common/floating-widget.scss b/scss/style/common/floating-widget.scss similarity index 100% rename from scss/common/floating-widget.scss rename to scss/style/common/floating-widget.scss diff --git a/scss/common/widget-button.scss b/scss/style/common/widget-button.scss similarity index 100% rename from scss/common/widget-button.scss rename to scss/style/common/widget-button.scss diff --git a/scss/style/entry.scss b/scss/style/entry.scss new file mode 100644 index 0000000..d3b3551 --- /dev/null +++ b/scss/style/entry.scss @@ -0,0 +1,43 @@ +@import '/tmp/ags/hyprpanel/variables.scss'; +* { + all: unset; + font-family: "Ubuntu Nerd Font"; + font-size: 1.2rem; + font-weight: 600; +} + +//general +@import "../scss/colors"; +@import "../scss/common/common.scss"; +@import "../scss/common/floating-widget.scss"; +@import "../scss/common/widget-button.scss"; + +//modules - bar +@import "bar/menu"; +@import "bar/audio"; +@import "bar/media"; +@import "bar/network"; +@import "bar/bluetooth"; +@import "bar/clock"; +@import "bar/workspace"; +@import "bar/window_title"; +@import "bar/systray"; +@import "bar/notifications"; +@import "bar/power"; +@import "bar/bar"; +@import "bar/battery"; + +//modules - menus +@import "menus/menu"; +@import "menus/power"; +@import "menus/audiomenu"; +@import "menus/network"; +@import "menus/bluetooth"; +@import "menus/media"; +@import "menus/notifications"; +@import "menus/calendar"; +@import "menus/energy"; +@import "menus/dashboard"; + +//notifications +@import "notifications/popups"; diff --git a/scss/highlights.scss b/scss/style/highlights.scss similarity index 100% rename from scss/highlights.scss rename to scss/style/highlights.scss diff --git a/scss/menus/audiomenu.scss b/scss/style/menus/audiomenu.scss similarity index 100% rename from scss/menus/audiomenu.scss rename to scss/style/menus/audiomenu.scss diff --git a/scss/menus/bluetooth.scss b/scss/style/menus/bluetooth.scss similarity index 100% rename from scss/menus/bluetooth.scss rename to scss/style/menus/bluetooth.scss diff --git a/scss/menus/calendar.scss b/scss/style/menus/calendar.scss similarity index 100% rename from scss/menus/calendar.scss rename to scss/style/menus/calendar.scss diff --git a/scss/menus/dashboard.scss b/scss/style/menus/dashboard.scss similarity index 100% rename from scss/menus/dashboard.scss rename to scss/style/menus/dashboard.scss diff --git a/scss/menus/energy.scss b/scss/style/menus/energy.scss similarity index 100% rename from scss/menus/energy.scss rename to scss/style/menus/energy.scss diff --git a/scss/menus/media.scss b/scss/style/menus/media.scss similarity index 100% rename from scss/menus/media.scss rename to scss/style/menus/media.scss diff --git a/scss/menus/menu.scss b/scss/style/menus/menu.scss similarity index 100% rename from scss/menus/menu.scss rename to scss/style/menus/menu.scss diff --git a/scss/menus/network.scss b/scss/style/menus/network.scss similarity index 100% rename from scss/menus/network.scss rename to scss/style/menus/network.scss diff --git a/scss/menus/notifications.scss b/scss/style/menus/notifications.scss similarity index 100% rename from scss/menus/notifications.scss rename to scss/style/menus/notifications.scss diff --git a/scss/menus/power.scss b/scss/style/menus/power.scss similarity index 100% rename from scss/menus/power.scss rename to scss/style/menus/power.scss diff --git a/scss/notifications/popups.scss b/scss/style/notifications/popups.scss similarity index 100% rename from scss/notifications/popups.scss rename to scss/style/notifications/popups.scss diff --git a/scss/variables.scss b/scss/variables.scss new file mode 100644 index 0000000..1911de1 --- /dev/null +++ b/scss/variables.scss @@ -0,0 +1,280 @@ +$notification-background: #1e1e2e; +$notification-actions-background: #313244; +$notification-actions-hover: #45475a; +$notification-actions-text: #181825; +$notification-label: #b4befe; +$notification-date: #7f849c; +$notification-text: #cdd6f4; +$notification-labelicon: #b4befe; +$notification-close: #f38ba8; +$bar-transparent: false; +$bar-background: #11111b; +$bar-buttons-monochrome: false; +$bar-buttons-background: #242438; +$bar-buttons-hover: #45475a; +$bar-buttons-text: #b4befe; +$bar-buttons-icon: #b4befe; +$bar-buttons-dashboard-background: #242438; +$bar-buttons-dashboard-hover: #45475a; +$bar-buttons-dashboard-icon: #f9e2af; +$bar-buttons-workspaces-background: #242438; +$bar-buttons-workspaces-hover: #45475a; +$bar-buttons-workspaces-available: #89dceb; +$bar-buttons-workspaces-occupied: #f2cdcd; +$bar-buttons-workspaces-active: #f5c2e7; +$bar-buttons-windowtitle-background: #242438; +$bar-buttons-windowtitle-hover: #45475a; +$bar-buttons-windowtitle-text: #f5c2e7; +$bar-buttons-windowtitle-icon: #f5c2e7; +$bar-buttons-media-background: #242438; +$bar-buttons-media-hover: #45475a; +$bar-buttons-media-text: #b4befe; +$bar-buttons-media-icon: #b4befe; +$bar-buttons-volume-background: #242438; +$bar-buttons-volume-hover: #45475a; +$bar-buttons-volume-text: #eba0ac; +$bar-buttons-volume-icon: #eba0ac; +$bar-buttons-network-background: #242438; +$bar-buttons-network-hover: #45475a; +$bar-buttons-network-text: #cba6f7; +$bar-buttons-network-icon: #cba6f7; +$bar-buttons-bluetooth-background: #242438; +$bar-buttons-bluetooth-hover: #45475a; +$bar-buttons-bluetooth-text: #89dceb; +$bar-buttons-bluetooth-icon: #89dceb; +$bar-buttons-systray-background: #242438; +$bar-buttons-systray-hover: #45475a; +$bar-buttons-power-background: #242438; +$bar-buttons-power-hover: #45475a; +$bar-buttons-power-icon: #f38ba8; +$bar-buttons-battery-background: #242438; +$bar-buttons-battery-hover: #45475a; +$bar-buttons-battery-text: #f9e2af; +$bar-buttons-battery-icon: #f9e2af; +$bar-buttons-clock-background: #242438; +$bar-buttons-clock-hover: #45475a; +$bar-buttons-clock-text: #f5c2e7; +$bar-buttons-clock-icon: #f5c2e7; +$bar-buttons-notifications-background: #242438; +$bar-buttons-notifications-hover: #45475a; +$bar-buttons-notifications-icon: #b4befe; +$bar-menus-monochrome: true; +$bar-menus-background: #11111b; +$bar-menus-cards: #1e1e2e; +$bar-menus-border: #313244; +$bar-menus-text: #cdd6f4; +$bar-menus-label: #b4befe; +$bar-menus-listitems-passive: #cdd6f4; +$bar-menus-listitems-active: #b4befe; +$bar-menus-icons-passive: #9399b2; +$bar-menus-icons-active: #b4befe; +$bar-menus-switch-enabled: #b4befe; +$bar-menus-switch-disabled: #313244; +$bar-menus-switch-puck: #6c7086; +$bar-menus-buttons-default: #b4befe; +$bar-menus-buttons-hover: #f5c2e7; +$bar-menus-buttons-text: #11111b; +$bar-menus-dashboard-background: #242438; +$bar-menus-dashboard-text: #f9e2af; +$bar-menus-workspaces-background: #242438; +$bar-menus-workspaces-available: #89dceb; +$bar-menus-workspaces-occupied: #f2cdcd; +$bar-menus-workspaces-active: #f5c2e7; +$bar-menus-progressbar: #b4befe; +$bar-menus-slider-primary: #b4befe; +$bar-menus-slider-background: #585b70; +$bar-menus-slider-backgroundhover: #45475a; +$bar-menus-slider-puck: #6c7086; +$bar-menus-dropdownmenu-background: #11111b; +$bar-menus-dropdownmenu-text: #cdd6f4; +$bar-menus-dropdownmenu-divider: #1e1e2e; +$bar-menus-tooltip-background: #11111b; +$bar-menus-tooltip-text: #cdd6f4; +$bar-menus-menu-media-song: #242438; +$bar-menus-menu-media-artist: #242438; +$bar-menus-menu-media-album: #242438; +$bar-menus-menu-media-buttons-inactive-background: #585b70; +$bar-menus-menu-media-buttons-inactive-text: #11111b; +$bar-menus-menu-media-buttons-shuffle-background: #b4befe; +$bar-menus-menu-media-buttons-shuffle-hover: #f5c2e7; +$bar-menus-menu-media-buttons-shuffle-active: #f5c2e7; +$bar-menus-menu-media-buttons-shuffle-text: #11111b; +$bar-menus-menu-media-buttons-previous-background: #b4befe; +$bar-menus-menu-media-buttons-previous-hover: #f5c2e7; +$bar-menus-menu-media-buttons-previous-text: #11111b; +$bar-menus-menu-media-buttons-playpause-background: #b4befe; +$bar-menus-menu-media-buttons-playpause-hover: #f5c2e7; +$bar-menus-menu-media-buttons-playpause-text: #11111b; +$bar-menus-menu-media-buttons-next-background: #b4befe; +$bar-menus-menu-media-buttons-next-hover: #f5c2e7; +$bar-menus-menu-media-buttons-next-text: #11111b; +$bar-menus-menu-media-buttons-loop-background: #b4befe; +$bar-menus-menu-media-buttons-loop-hover: #f5c2e7; +$bar-menus-menu-media-buttons-loop-active: #f5c2e7; +$bar-menus-menu-media-buttons-loop-text: #11111b; +$bar-menus-menu-media-slider-primary: #f5c2e7; +$bar-menus-menu-media-slider-background: #585b70; +$bar-menus-menu-media-slider-backgroundhover: #45475a; +$bar-menus-menu-media-slider-puck: #6c7086; +$bar-menus-menu-volume-card-color: #1e1e2e; +$bar-menus-menu-volume-background-color: #11111b; +$bar-menus-menu-volume-border-color: #313244; +$bar-menus-menu-volume-label-color: #eba0ac; +$bar-menus-menu-volume-text: #cdd6f4; +$bar-menus-menu-volume-listitems-passive: #cdd6f4; +$bar-menus-menu-volume-listitems-active: #eba0ac; +$bar-menus-menu-volume-icons-passive: #9399b2; +$bar-menus-menu-volume-icons-active: #eba0ac; +$bar-menus-menu-volume-icons-hover: #eba0ac; +$bar-menus-menu-volume-audio_slider-primary: #eba0ac; +$bar-menus-menu-volume-audio_slider-background: #585b70; +$bar-menus-menu-volume-audio_slider-backgroundhover: #45475a; +$bar-menus-menu-volume-audio_slider-puck: #6c7086; +$bar-menus-menu-volume-input_slider-primary: #eba0ac; +$bar-menus-menu-volume-input_slider-background: #585b70; +$bar-menus-menu-volume-input_slider-backgroundhover: #45475a; +$bar-menus-menu-volume-input_slider-puck: #6c7086; +$bar-menus-menu-network-card-color: #1e1e2e; +$bar-menus-menu-network-background-color: #11111b; +$bar-menus-menu-network-border-color: #313244; +$bar-menus-menu-network-label-color: #cba6f7; +$bar-menus-menu-network-text: #cdd6f4; +$bar-menus-menu-network-status-color: #6c7086; +$bar-menus-menu-network-listitems-passive: #cdd6f4; +$bar-menus-menu-network-listitems-active: #cba6f7; +$bar-menus-menu-network-icons-passive: #9399b2; +$bar-menus-menu-network-icons-active: #cba6f7; +$bar-menus-menu-network-icons-hover: #cba6f7; +$bar-menus-menu-network-iconbuttons-passive: #cdd6f4; +$bar-menus-menu-network-iconbuttons-hover: #cba6f7; +$bar-menus-menu-bluetooth-card-color: #1e1e2e; +$bar-menus-menu-bluetooth-background-color: #11111b; +$bar-menus-menu-bluetooth-border-color: #313244; +$bar-menus-menu-bluetooth-label-color: #89dceb; +$bar-menus-menu-bluetooth-text: #cdd6f4; +$bar-menus-menu-bluetooth-status: #6c7086; +$bar-menus-menu-bluetooth-switch_divider: #45475a; +$bar-menus-menu-bluetooth-switch-enabled: #89dceb; +$bar-menus-menu-bluetooth-switch-disabled: #313244; +$bar-menus-menu-bluetooth-switch-puck: #6c7086; +$bar-menus-menu-bluetooth-listitems-passive: #cdd6f4; +$bar-menus-menu-bluetooth-listitems-active: #89dceb; +$bar-menus-menu-bluetooth-icons-passive: #9399b2; +$bar-menus-menu-bluetooth-icons-active: #89dceb; +$bar-menus-menu-bluetooth-icons-hover: #89dceb; +$bar-menus-menu-bluetooth-iconbuttons-passive: #cdd6f4; +$bar-menus-menu-bluetooth-iconbuttons-hover: #89dceb; +$bar-menus-menu-systray-background-color: #242438; +$bar-menus-menu-systray-dropdownmenu-background: #11111b; +$bar-menus-menu-systray-dropdownmenu-text: #cdd6f4; +$bar-menus-menu-systray-dropdownmenu-divider: #1e1e2e; +$bar-menus-menu-battery-card-color: #1e1e2e; +$bar-menus-menu-battery-background-color: #11111b; +$bar-menus-menu-battery-border-color: #313244; +$bar-menus-menu-battery-label-color: #f9e2af; +$bar-menus-menu-battery-text: #cdd6f4; +$bar-menus-menu-battery-listitems-passive: #cdd6f4; +$bar-menus-menu-battery-listitems-active: #f9e2af; +$bar-menus-menu-battery-icons-passive: #9399b2; +$bar-menus-menu-battery-icons-active: #f9e2af; +$bar-menus-menu-battery-icons-hover: #f9e2af; +$bar-menus-menu-clock-card-color: #1e1e2e; +$bar-menus-menu-clock-background-color: #11111b; +$bar-menus-menu-clock-border-color: #313244; +$bar-menus-menu-clock-text: #cdd6f4; +$bar-menus-menu-clock-time-time: #f5c2e7; +$bar-menus-menu-clock-time-timeperiod: #94e2d5; +$bar-menus-menu-clock-calendar-yearmonth: #94e2d5; +$bar-menus-menu-clock-calendar-weekdays: #f5c2e7; +$bar-menus-menu-clock-calendar-paginator: #f5c2e7; +$bar-menus-menu-clock-calendar-days: #cdd6f4; +$bar-menus-menu-clock-calendar-contextdays: #585b70; +$bar-menus-menu-clock-weather-icon: #f5c2e7; +$bar-menus-menu-clock-weather-temperature: #cdd6f4; +$bar-menus-menu-clock-weather-status: #94e2d5; +$bar-menus-menu-clock-weather-stats: #f5c2e7; +$bar-menus-menu-clock-weather-thermometer-extremelyhot: #f38ba8; +$bar-menus-menu-clock-weather-thermometer-hot: #fab387; +$bar-menus-menu-clock-weather-thermometer-moderate: #b4befe; +$bar-menus-menu-clock-weather-thermometer-cold: #89b4fa; +$bar-menus-menu-clock-weather-thermometer-extremelycold: #89dceb; +$bar-menus-menu-clock-weather-hourly-time: #f5c2e7; +$bar-menus-menu-clock-weather-hourly-icon: #f5c2e7; +$bar-menus-menu-clock-weather-hourly-temperature: #f5c2e7; +$bar-menus-menu-dashboard-card-color: #1e1e2e; +$bar-menus-menu-dashboard-background-color: #11111b; +$bar-menus-menu-dashboard-border-color: #313244; +$bar-menus-menu-dashboard-profile-card: #1e1e2e; +$bar-menus-menu-dashboard-profile-name: #f5c2e7; +$bar-menus-menu-dashboard-powermenu-shutdown: #f38ba8; +$bar-menus-menu-dashboard-powermenu-restart: #fab387; +$bar-menus-menu-dashboard-powermenu-logout: #a6e3a1; +$bar-menus-menu-dashboard-powermenu-sleep: #89dceb; +$bar-menus-menu-dashboard-powermenu-confirmation-card: #1e1e2e; +$bar-menus-menu-dashboard-powermenu-confirmation-background: #11111b; +$bar-menus-menu-dashboard-powermenu-confirmation-border: #313244; +$bar-menus-menu-dashboard-powermenu-confirmation-label: #a6e3a1; +$bar-menus-menu-dashboard-powermenu-confirmation-body: #cdd6f4; +$bar-menus-menu-dashboard-powermenu-confirmation-confirm: #a6e3a1; +$bar-menus-menu-dashboard-powermenu-confirmation-deny: #f38ba8; +$bar-menus-menu-dashboard-shortcuts_left-shortcut1-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_left-shortcut1-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_left-shortcut1-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_left-shortcut2-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_left-shortcut2-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_left-shortcut2-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_left-shortcut3-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_left-shortcut3-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_left-shortcut3-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_left-shortcut4-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_left-shortcut4-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_left-shortcut4-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_right-shortcut1-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_right-shortcut1-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_right-shortcut1-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_right-shortcut2-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_right-shortcut2-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_right-shortcut2-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_right-shortcut3-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_right-shortcut3-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_right-shortcut3-text: #11111b; +$bar-menus-menu-dashboard-shortcuts_right-shortcut4-background: #b4befe; +$bar-menus-menu-dashboard-shortcuts_right-shortcut4-hover: #f5c2e7; +$bar-menus-menu-dashboard-shortcuts_right-shortcut4-text: #11111b; +$bar-menus-menu-dashboard-controls-wifi-background: #cba6f7; +$bar-menus-menu-dashboard-controls-wifi-text: #11111b; +$bar-menus-menu-dashboard-controls-bluetooth-background: #89dceb; +$bar-menus-menu-dashboard-controls-bluetooth-text: #11111b; +$bar-menus-menu-dashboard-controls-notifications-background: #f9e2af; +$bar-menus-menu-dashboard-controls-notifications-text: #11111b; +$bar-menus-menu-dashboard-controls-volume-background: #eba0ac; +$bar-menus-menu-dashboard-controls-volume-text: #11111b; +$bar-menus-menu-dashboard-controls-input-background: #f5c2e7; +$bar-menus-menu-dashboard-controls-input-text: #11111b; +$bar-menus-menu-dashboard-directories-left-top-color: #f5c2e7; +$bar-menus-menu-dashboard-directories-left-middle-color: #f9e2af; +$bar-menus-menu-dashboard-directories-left-bottom-color: #eba0ac; +$bar-menus-menu-dashboard-directories-right-top-color: #94e2d5; +$bar-menus-menu-dashboard-directories-right-middle-color: #cba6f7; +$bar-menus-menu-dashboard-directories-right-bottom-color: #b4befe; +$bar-menus-menu-dashboard-monitors-cpu-icon: #eba0ac; +$bar-menus-menu-dashboard-monitors-cpu-bar: #eba0ac; +$bar-menus-menu-dashboard-monitors-cpu-label: #eba0ac; +$bar-menus-menu-dashboard-monitors-ram-icon: #f9e2af; +$bar-menus-menu-dashboard-monitors-ram-bar: #f9e2af; +$bar-menus-menu-dashboard-monitors-ram-label: #f9e2af; +$bar-menus-menu-dashboard-monitors-gpu-icon: #a6e3a1; +$bar-menus-menu-dashboard-monitors-gpu-bar: #a6e3a1; +$bar-menus-menu-dashboard-monitors-gpu-label: #a6e3a1; +$bar-menus-menu-dashboard-monitors-disk-icon: #f5c2e7; +$bar-menus-menu-dashboard-monitors-disk-bar: #f5c2e7; +$bar-menus-menu-dashboard-monitors-disk-label: #f5c2e7; +$bar-menus-menu-notifications-background: #181825; +$bar-menus-menu-notifications-card: #1e1e2e; +$bar-menus-menu-notifications-border: #313244; +$bar-menus-menu-notifications-switch_divider: #45475a; +$bar-menus-menu-notifications-switch-enabled: #b4befe; +$bar-menus-menu-notifications-switch-disabled: #313244; +$bar-menus-menu-notifications-switch-puck: #6c7086; +$bar-menus-menu-notifications-clear-background: #f38ba8; +$bar-menus-menu-notifications-clear-font: #11111b; \ No newline at end of file diff --git a/style.css b/style.css deleted file mode 100644 index f6d9d68..0000000 --- a/style.css +++ /dev/null @@ -1,1782 +0,0 @@ -* { - all: unset; - font-family: "Ubuntu Nerd Font"; - font-size: 1.2rem; - font-weight: 600; -} - -menu { - margin: 6px; - padding: 6px; - background-color: #0e0e1e; - background-clip: border-box; - border-radius: 12px; - border: 1px solid #1e1e2e; -} -menu menuitem { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-height: 20px; - min-width: 40px; - padding: 4px 8px; - color: #FFFFFF; - font: initial; - text-shadow: none; - border-radius: 6px; -} -menu menuitem:hover, menu menuitem:active { - background-color: #1e1e2e; -} -menu menuitem:disabled { - color: #1e1e2e; -} -menu menuitem arrow { - min-height: 16px; - min-width: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 8px; -} -menu separator { - min-height: 1px; - margin: 4px 0; - background-color: #1e1e2e; -} - -menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - color: #1e1e2e; -} - -menu > arrow.top { - margin-top: 0; - border-radius: 6px; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -menu > arrow.bottom { - margin-top: 8px; - margin-bottom: -12px; - border-radius: 6px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -check, -radio { - min-height: 15px; - min-width: 15px; - margin: 4px; - padding: 0; - color: transparent; - background-color: #1e1e2e; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); -} - -radio { - border-radius: 9999px; -} - -check { - border-radius: 4px; -} - -check:hover, -radio:hover { - box-shadow: 0 0 0 4px rgba(14, 14, 30, 0.2); - background-color: #0e0e1e; -} - -check:active, -radio:active { - box-shadow: 0 0 0 4px rgba(14, 14, 30, 0.2); - background-color: #0e0e1e; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #0e0e1e; - background-color: #9278b6; -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - box-shadow: 0 0 0 4px rgba(146, 120, 182, 0.2); - background-color: #9278b6; -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - box-shadow: 0 0 0 4px rgba(146, 120, 182, 0.2); - background-color: #9278b6; -} - -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 4px 0; - border: none; - border-radius: 9999px; - background-color: #1e1e2e; - background-clip: padding-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: #9278b6; -} - -switch:disabled { - opacity: 0.5; -} - -switch slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 18px; - min-height: 18px; - margin: 3px; - border-radius: 9999px; - outline: none; - background-color: #CDD6F4; - border: none; - color: transparent; -} - -scale { - min-height: 2px; - min-width: 2px; -} - -scale.horizontal { - padding: 17px 12px; -} - -scale.vertical { - padding: 12px 17px; -} - -scale slider { - min-height: 18px; - min-width: 18px; - margin: -8px; -} - -scale trough { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - outline: none; - background-color: #1e1e2e; -} - -scale highlight { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #9278b6; -} - -scale highlight:disabled { - background-color: #1e1e2e; -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #9278b6; - background-color: #0e0e1e; - box-shadow: inset 0 0 0 2px #9278b6; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #9278b6, 0 0 0 8px rgba(146, 120, 182, 0.1); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #9278b6, 0 0 0 8px rgba(146, 120, 182, 0.1); -} - -tooltip { - box-shadow: none; -} - -tooltip.background { - background-color: #11111b; - color: #cdd6f4; - border-radius: 6px; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: #1e1e2e; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -.widget-button { - background: #11111b; - opacity: 1; - font-size: 1.6rem; - font-weight: bold; - margin: 10px; - padding: 15px 20px; - border-radius: 10px; - border: 3px solid; - border-color: #11111b; - transition: border-color 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; -} -.widget-button:hover { - border: 3px solid; - border-color: #b4befe; - transition: border-color 0.3s ease-in-out; -} -.widget-button:focus, .widget-button:active { - border: 3px solid; - border-color: #b4befe; -} -.widget-button image { - border-radius: 26.68px; - min-width: 1.2em; - min-height: 1.2em; - font-size: 4em; -} -.widget-button label { - margin-top: 12px; -} -.widget-button:active image { - opacity: 0.3; - transition: opacity 0.3s ease-in-out; -} -.widget-button:active label { - opacity: 0.3; - transition: opacity 0.3s ease-in-out; -} - -.bar-menu_label { - color: #f9e2af; - font-size: 1.3em; -} - -.bar-volume_icon { - font-size: 1.3em; - color: #eba0ac; -} - -.bar-volume_percentage { - color: #eba0ac; -} - -.media { - color: #b4befe; -} - -.bar-media_icon { - font-size: 1.2em; - color: #b4befe; -} - -.bar-network { - color: #cba6f7; -} - -.bar-bt_icon { - font-size: 1.15em; - color: #89dceb; -} - -.bar-bt_label { - color: #89dceb; -} - -.bluetooth-disabled-menu { - font-weight: bold; - font-size: 1.1rem; - color: #585b70; - margin: 6rem 0rem; -} - -.menu-button-isactive { - color: #89dceb; -} - -.clock { - color: #f5c2e7; -} - -.workspaces label { - font-size: 0.2em; - min-width: 4em; - min-height: 4em; - border-radius: 1.14rem; - margin: 0rem 0.25rem; - transition: 150ms; - background-color: #89dceb; - color: #89dceb; -} -.workspaces label.occupied { - background-color: #f2cdcd; - color: #f2cdcd; - min-width: 4em; - min-height: 4em; -} -.workspaces label.active { - color: #f5c2e7; - background-color: #f5c2e7; - min-width: 12em; - min-height: 4em; -} - -.workspaces label:not(:first-child) { - margin-left: 4.5em; -} - -.window_title { - color: #f5c2e7; -} - -.systray button:not(:first-child) { - margin-left: 0.75rem; -} - -.systray-menu { - background: #11111b; -} - -.systray-menu label { - font-weight: bold; - color: #cdd6f4; -} - -.systray-menu separator { - background-color: #45475a; -} - -.systray-menu check:not(:checked) { - background-color: #313244; - border: 1px solid #b4befe; -} - -.systray-menu check:checked { - background-color: #b4befe; -} - -.systray-icon { - font-size: 1.3em; -} - -.bar-notifications-label { - color: #b4befe; - font-size: 1.3em; - min-width: 1em; -} - -.bar-power_label { - color: #f38ba8; - margin-top: 0.2rem; -} - -.bar { - background: #11111b; -} - -.bar_item_box_visible { - background-color: #242438; - border-radius: 0.35em; - padding: 0.2rem 0.9rem; - margin: 0.5rem 0.25rem; -} -.bar_item_box_visible:hover { - background: #45475a; -} - -.bar_item_box_hidden { - background: none; - border-radius: 0rem; - padding: 0rem 0rem 0rem 0rem; - margin: 0rem 0rem 0rem 0rem; -} - -.box-left { - margin-left: 1.9rem; -} - -.box-right { - margin-right: 1.9rem; -} - -.bar .battery label { - color: #f9e2af; -} -.bar .battery image { - color: #f9e2af; -} - -.menu-section-container.brightness { - margin-bottom: 0em; -} - -.menu-section-container.energy { - margin-top: 0.5em; -} - -.menu-slider trough { - border-radius: 0.3rem; - background: #313244; -} -.menu-slider trough highlight, -.menu-slider trough progress { - background: #fab387; - border-radius: 0.3rem; -} -.menu-slider slider { - box-shadow: none; - background-color: transparent; - min-height: 0.6rem; - min-width: 0.6rem; - border: 0rem solid transparent; - border-radius: 0.3rem; -} -.menu-slider:hover trough { - background: #313244; -} -.menu-slider:hover slider { - background: #6c7086; - box-shadow: none; -} - -.menu-switch { - font-size: 1.3em; - background-color: #313244; - border-radius: 0.2em; -} -.menu-switch:checked { - background: #89dceb; -} -.menu-switch trough highlight, -.menu-switch trough progress { - background-color: #fab387; - border-radius: 0.3em; -} -.menu-switch slider { - box-shadow: none; - background-color: #6c7086; - min-height: 1em; - min-width: 1em; - border: 0em solid transparent; - border-radius: 0.2em; - margin: 0.1em 0.15em; -} -.menu-switch:hover trough { - background: #313244; -} -.menu-switch:hover slider { - background: #6c7086; - box-shadow: none; -} -.menu-switch:active { - background-color: #89dceb; -} -tooltip label { - font-size: 0.9em; -} - -.menu-separator { - min-height: 0.1rem; - margin: 0.6rem 0rem; - background: #45475a; -} - -.menu-items { - background: #11111b; - border: 0.13em solid #313244; - border-radius: 0.7rem; - min-width: 18em; - color: #cdd6f4; -} - -.menu-items-container { - border-radius: 0.4em; - font-size: 1.3em; - min-width: 18em; -} - -.menu-section-container { - margin: 1em 0em; -} -.menu-section-container .menu-label { - color: #cdd6f4; - font-size: 1.1em; - font-weight: bold; -} -.menu-section-container .menu-label-container { - background: #1e1e2e; - border-radius: 0.4em; - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; - margin: 0em 1em; - min-height: 2em; -} -.menu-section-container:first-child { - margin-bottom: 0em; -} -.menu-section-container:last-child { - margin-top: 0em; -} -.menu-section-container:nth-child(2) { - margin-top: 1em; -} -.menu-section-container .menu-items-section { - background: #1e1e2e; - border-radius: 0.4em; - border-top-left-radius: 0em; - border-top-right-radius: 0em; - padding: 0.9em; - margin: 0em 1em; -} - -.menu-active { - font-size: 0.9em; - font-weight: bold; - margin: 0rem 1em; - margin-bottom: 0.9em; -} - -.menu-active-container:first-child { - margin-bottom: 0.5em; -} - -.menu-active-button { - padding: 0.1em; - margin-bottom: -0.2em; -} -.menu-active-button .menu-active-icon { - color: #9399b2; - font-size: 1.4em; - font-weight: bold; -} -.menu-active-button.muted image { - color: #eba0ac; -} -.menu-active-button:hover image { - color: #eba0ac; -} - -.menu-active-percentage { - font-size: 0.9em; - min-width: 2.5em; - font-weight: bold; -} - -.menu-active-slider { - margin-left: 1rem; - margin-right: 1.5rem; -} - -.menu-active-slider * { - min-height: 0.85em; - border-radius: 0.2em; -} - -.menu-slider-container { - margin-bottom: 0.7rem; -} - -.menu-label-dim { - color: #6c7086; - margin-right: 1rem; - font-size: 1em; - font-weight: bold; -} - -.dim { - color: #6c7086; -} - -.menu-icon-button:hover { - color: #585b70; -} - -.menu-dropdown-label-container { - background: #1e1e2e; - border-radius: 0.4em; -} - -.menu-button { - margin-bottom: 0.4em; -} - -.menu-button-name { - font-size: 0.95em; - font-weight: bold; - margin-left: 0.5em; - margin-right: 1.2rem; -} - -.menu-button-icon { - font-size: 1.3em; - font-weight: bold; - color: #6c7086; - margin-right: 0.5rem; -} -.menu-button-icon.active { - color: #eba0ac; -} - -.menu-item-box { - margin-bottom: 0.5rem; -} - -.dropdown-menu-container { - min-height: 10em; -} - -.menu-label { - margin: 0.5em 1em; - color: #89dceb; -} - -.event-top-padding * { - min-height: 0em; - margin-top: 2.8em; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} -image.spinning { - animation-name: spin; - animation-duration: 1s; - animation-timing-function: linear; - animation-iteration-count: infinite; -} - -window#powermenu, -window#verification { - background-color: rgba(0, 0, 0, 0.4); -} - -window#verification .verification { - margin: 12px; - border: 0.2rem solid #313244; - background-color: #1e1e2e; - color: #9278b6; - border-radius: 0.5rem; - padding: 1.5rem; - background: #11111b; - padding: 0.84em; - min-width: 20em; - min-height: 6em; - font-size: 1.3em; -} -window#verification .verification .verification-content { - background: #1e1e2e; - border-radius: 0.4em; - padding: 1em; -} -window#verification .verification .text-box { - margin-bottom: 0.3em; -} -window#verification .verification .text-box .title { - font-size: 1.5em; - color: #b4befe; - margin-bottom: 0.5em; -} -window#verification .verification .text-box .desc { - color: #cdd6f4; - font-size: 1em; - margin-bottom: 0.55em; - padding: 1em 3em; -} -window#verification .verification .verification-button { - background: #1e1e2e; - padding: 0.7em 0em; - margin: 0.4em 1.7em; - border-radius: 0.3em; - opacity: 1; - transition: border-color 0.2s ease-in-out; - transition: opacity 0.3s ease-in-out; -} -window#verification .verification .verification-button.bar-verification_yes { - background-color: #a6e3a1; -} -window#verification .verification .verification-button.bar-verification_no { - background-color: #f38ba8; -} -window#verification .verification .verification-button:hover.bar-verification_yes { - background: #b4befe; - transition: background-color 0.2s ease-in-out; -} -window#verification .verification .verification-button:hover.bar-verification_no { - background: #b4befe; - transition: background-color 0.2s ease-in-out; -} -window#verification .verification .verification-button:focus.bar-verification_yes { - background: #b4befe; - transition: background 0.2s ease-in-out; -} -window#verification .verification .verification-button:focus.bar-verification_no { - background: #b4befe; - transition: background 0.2s ease-in-out; -} -window#verification .verification .verification-button:active.bar-verification_yes { - background: rgba(180, 190, 254, 0.4); - transition: background 0.2s ease-in-out; -} -window#verification .verification .verification-button:active.bar-verification_no { - background: rgba(180, 190, 254, 0.4); - transition: background 0.2s ease-in-out; -} -window#verification .verification .verification-button:active image { - opacity: 0.3; - transition: opacity 0.3s ease-in-out; -} -window#verification .verification .verification-button:active label { - opacity: 0.3; - transition: opacity 0.3s ease-in-out; -} -window#verification .verification .bar-verification_no label { - color: #181825; -} -window#verification .verification .bar-verification_yes label { - color: #181825; -} - -window#powermenu .powermenu { - margin: 12px; - border: 0.2rem solid #313244; - background-color: #1e1e2e; - color: #9278b6; - border-radius: 0.5rem; - padding: 1.5rem; -} -window#powermenu .powermenu.line { - padding: 1.44rem; -} -window#powermenu .powermenu.box { - padding: 1.92rem; -} - -.widget-button { - border-color: #11111b; - min-width: 4.5em; - min-height: 4.5em; - opacity: 1; - transition: border-color 0.2s ease-in-out; - transition: opacity 0.3s ease-in-out; -} -.widget-button:hover.powermenu-button-shutdown { - border-color: #f38ba8; -} -.widget-button:hover.powermenu-button-logout { - border-color: #a6e3a1; -} -.widget-button:hover.powermenu-button-sleep { - border-color: #89dceb; -} -.widget-button:hover.powermenu-button-reboot { - border-color: #fab387; -} -.widget-button:focus.powermenu-button-shutdown { - border-color: #f38ba8; -} -.widget-button:focus.powermenu-button-logout { - border-color: #a6e3a1; -} -.widget-button:focus.powermenu-button-sleep { - border-color: #89dceb; -} -.widget-button:focus.powermenu-button-reboot { - border-color: #fab387; -} -.widget-button:active.powermenu-button-shutdown { - border-color: rgba(243, 139, 168, 0.5); -} -.widget-button:active.powermenu-button-logout { - border-color: rgba(166, 227, 161, 0.5); -} -.widget-button:active.powermenu-button-sleep { - border-color: rgba(137, 220, 235, 0.5); -} -.widget-button:active.powermenu-button-reboot { - border-color: rgba(250, 179, 135, 0.5); -} - -.system-button_icon.shutdown { - color: #f38ba8; -} -.system-button_icon.logout { - color: #a6e3a1; -} -.system-button_icon.reboot { - color: #fab387; -} -.system-button_icon.sleep { - color: #89dceb; -} - -.system-button_label.shutdown { - color: #f38ba8; -} -.system-button_label.logout { - color: #a6e3a1; -} -.system-button_label.reboot { - color: #fab387; -} -.system-button_label.sleep { - color: #89dceb; -} - -.menu-dropdown-label.audio { - color: #eba0ac; -} - -.menu-label.audio { - color: #eba0ac; -} - -.menu-button-isactive.audio { - color: #eba0ac; -} - -.menu-active-slider trough highlight, -.menu-active-slider trough progress { - background: #eba0ac; -} - -.menu-button.audio:hover { - color: #eba0ac; -} - -.menu-section-container.volume { - margin-bottom: 0.65em; -} - -.menu-section-container.playback { - margin-top: 0em; - margin-bottom: 1em; -} - -.menu-section-container.input { - margin-top: 0em; -} - -.menu-label-container.input { - border-radius: 0em; -} - -.menu-items-section.playback { - border-radius: 0em; -} - -.menu-items-container.network { - font-size: 1.3em; -} -.menu-items-container.network .menu-items-section { - padding-bottom: 1.5em; -} -.menu-items-container.network .menu-label { - color: #cba6f7; -} -.menu-items-container.network .menu-icon-button.network { - margin: 1em; -} -.menu-items-container.network .menu-icon-button.network:hover { - color: #cba6f7; -} -.menu-items-container.network .network-icon { - font-size: 1.3em; - min-width: 1em; - min-height: 1em; - color: #7f849c; -} -.menu-items-container.network .network-icon.active { - color: #cba6f7; -} -.menu-items-container.network .connection-container { - margin-left: 1em; -} -.menu-items-container.network .connection-status { - font-size: 0.9em; -} -.menu-items-container.network .menu-section-container.wifi { - margin-top: 0.65em; -} -.menu-items-container.network .menu-section-container.wifi .menu-items-section { - min-height: 12em; -} -.menu-items-container.network .network-element-item:not(:last-child) { - margin-bottom: 0.5em; -} -.menu-items-container.network .network-element-item.staging { - margin-bottom: 0.5em; -} -.menu-items-container.network .network-element-item:hover { - color: #cba6f7; -} -.menu-items-container.network .spinner.wap { - color: #cba6f7; -} -.menu-items-container.network .network-password-input-container { - background: #181825; - border-radius: 0.4em; - margin: 0em 2em; - margin-top: 0.75em; - padding: 0.5em; -} -.menu-items-container.network .close-network-password-input-button { - padding: 0em 0.5em; -} -.menu-items-container.network .close-network-password-input-button:hover image { - color: #cba6f7; -} -.menu-items-container.network .menu-icon-button.network.disconnect { - margin: 0em; - margin-top: -0.2em; - margin-left: 1em; -} -.menu-items-container.network .menu-icon-button.network.disconnect label { - font-size: 1.4em; -} -.menu-items-container.network .menu-icon-button.network.disconnect:hover { - color: #cba6f7; -} - -.menu-items-container.bluetooth { - font-size: 1.3em; -} -.menu-items-container.bluetooth .menu-section-container { - margin: 1em 0em; -} -.menu-items-container.bluetooth .menu-label-container .menu-label { - color: #89dceb; -} -.menu-items-container.bluetooth .menu-label-container .controls-container { - margin: 0.5em 1em; -} -.menu-items-container.bluetooth .menu-items-section { - min-height: 20em; - font-size: 1em; -} -.menu-items-container.bluetooth button { - margin-right: 0.5em; -} -.menu-items-container.bluetooth button.search { - font-size: 0.8em; - margin-bottom: 0em; -} -.menu-items-container.bluetooth button.search image { - color: #cdd6f4; -} -.menu-items-container.bluetooth button.search:hover image { - color: #89dceb; -} -.menu-items-container.bluetooth button:hover { - color: #89dceb; -} -.menu-items-container.bluetooth .bluetooth-element-item { - margin-bottom: 0.4em; -} -.menu-items-container.bluetooth .bluetooth-element-item:hover { - color: #89dceb; -} -.menu-items-container.bluetooth .bluetooth-element-item image { - margin-right: 0em; - margin-top: 0em; - min-height: 1em; - min-width: 1em; -} -.menu-items-container.bluetooth .bluetooth-element-item image.active { - color: #89dceb; -} -.menu-items-container.bluetooth .bluetooth-element-item label { - font-size: 1em; -} -.menu-items-container.bluetooth .bluetooth-element-item .menu-button-icon { - font-size: 1.5em; -} -.menu-items-container.bluetooth .bluetooth-element-item .menu-button-icon.active { - color: #89dceb; -} -.menu-items-container.bluetooth .bluetooth-element-item .connection-status { - font-size: 0.9em; - margin-left: 0.6rem; -} -.menu-items-container.bluetooth spinner { - min-height: 1.3em; - min-width: 1.3em; - color: #89dceb; -} -.menu-items-container.bluetooth .menu-separator { - margin: 0em 1em; -} - -.menu-items-container.media { - min-width: 23em; - min-height: 10em; -} -.menu-items-container.media .menu-section-container { - margin: 1em 0em; -} -.menu-items-container.media .menu-items-section { - border-radius: 0.4em; - padding: 0em; -} -.menu-items-container.media .menu-content { - border-radius: 0.4em; - background-size: cover; - background-position: center; -} -.menu-items-container.media .media-content { - margin: 1em; -} -.menu-items-container.media .media-indicator-current-song-name { - margin-bottom: 0.75rem; -} -.menu-items-container.media .media-indicator-current-song-author { - margin-bottom: 0.75rem; -} -.menu-items-container.media .media-indicator-current-song-name-label { - color: #b4befe; - font-size: 1.35em; -} -.menu-items-container.media .media-indicator-current-song-author-label { - color: #94e2d5; - font-size: 1em; -} -.menu-items-container.media .media-indicator-current-song-album-label { - color: #f5c2e7; - font-size: 1em; -} -.menu-items-container.media .media-indicator-current-controls { - margin-top: 1.5rem; - margin-bottom: 0.5rem; -} -.menu-items-container.media .media-indicator-control-button { - margin: 0rem 0.5rem; -} -.menu-items-container.media .media-indicator-control-button { - background: #b4befe; - color: #11111b; - min-height: 1.8em; - min-width: 2.5em; - border-radius: 0.2rem; -} -.menu-items-container.media .media-indicator-control-button.disabled { - background: #585b70; -} -.menu-items-container.media .media-indicator-control-button.enabled { - background: #b4befe; -} -.menu-items-container.media .media-indicator-control-button.enabled:hover { - background: #f5c2e7; -} -.menu-items-container.media .media-indicator-control-button.enabled.active { - background: #a6e3a1; -} -.menu-items-container.media image { - font-size: 1.1em; -} -.menu-items-container.media .menu-slider.media.progress { - margin-top: 1em; - margin-bottom: 1em; -} -.menu-items-container.media .menu-slider.media.progress trough { - background: #585b70; - border-radius: 0.2em; -} -.menu-items-container.media .menu-slider.media.progress trough highlight, -.menu-items-container.media .menu-slider.media.progress trough progress { - border-radius: 0.2em; - min-height: 0.85em; - background: #f5c2e7; -} -.menu-items-container.media .menu-slider.media.progress:hover trough { - background: #45475a; -} - -.notification-card-container.menu { - margin: 0em; - min-width: 30.5em; - min-height: 48em; - background: #11111b; - border: 0.13em solid #313244; - border-radius: 0.7em; - margin-right: 0.45em; -} -.notification-card-container.menu .window-content.notificationsmenu-window { - margin-right: 0.5em; -} -.notification-card-container.menu .menu-content-container.notifications { - margin: 1em; - margin-bottom: 0em; - min-height: 4em; -} -.notification-card-container.menu .notification-menu-controls { - background: #1e1e2e; - margin: 1em 1em; - margin-bottom: 0.5em; - border-radius: 0.4em; - padding: 0.4em 0.75em; -} -.notification-card-container.menu .notification-card.menu { - background: #1e1e2e; - min-width: 26.2em; - border: 0.15em solid #1e1e2e; - border-radius: 0em; - border-bottom-left-radius: 0.4em; - border-top-left-radius: 0.4em; - margin: 0em; -} -.notification-card-container.menu .notification-card-content-container { - margin-bottom: 0.65em; -} -.notification-card-container.menu .notification-card-content-container:last-child { - margin-bottom: 1em; -} -.notification-card-container.menu .notification-card-content { - margin-bottom: 0.25em; -} -.notification-card-container.menu .menu-label.notifications { - margin: 0em; - color: #b4befe; -} -.notification-card-container.menu .menu-separator.notification-controls { - min-width: 0.1em; - background-color: #313244; - margin: 0em 1em; -} -.notification-card-container.menu .menu-switch.notifications:checked:checked { - background: #b4befe; -} -.notification-card-container.menu .clear-notifications-button { - margin-right: 0.3em; -} -.notification-card-container.menu .clear-notifications-button:hover label { - color: #eba0ac; -} -.notification-card-container.menu .clear-notifications-label { - color: #f38ba8; - font-size: 1.5em; -} - -.notification-label-container { - margin-bottom: 8em; -} -.notification-label-container label { - color: #313244; -} -.notification-label-container .bell { - font-size: 10em; -} -.notification-label-container .message { - font-size: 1.5em; -} - -.close-notification-button.menu { - background: #f38ba8; - color: #11111b; - min-width: 2.1em; - border-radius: 0rem 0.35em 0.35em 0em; -} -.close-notification-button.menu label { - font-size: 1.5em; -} -.close-notification-button.menu:hover { - background: #eba0ac; -} - -.calendar-content-container { - margin-top: 0em; - min-width: 27em; - min-height: 6em; - background: #11111b; - border: 0.13em solid #313244; - border-radius: 0.7em; - margin-right: 0.5em; -} - -.calendar-menu-item-container { - border-radius: 0.4em; - margin-bottom: 1.35em; - background: #1e1e2e; -} - -.calendar-content-items { - margin: 1.35em; -} - -.calendar-container-box { - margin: 0.75em; - margin-bottom: 0em; -} - -.calendar-menu-widget { - border-radius: 0.4em; - color: #cdd6f4; - font-size: 1.1em; - padding: 0.35em; -} -.calendar-menu-widget:selected { - box-shadow: inset 0 -0.5em 0 0 #f5c2e7, inset -0.4em -0.3em 0 0 #1e1e2e, inset 0.4em 0 0 0.01em #1e1e2e; - color: #f5c2e7; - border-radius: 0em; -} -.calendar-menu-widget.header { - background-color: transparent; - color: #94e2d5; -} -.calendar-menu-widget.button { - color: #cdd6f4; - font-weight: 900; - font-size: 900em; -} -.calendar-menu-widget:hover { - color: #f5c2e7; -} -.calendar-menu-widget.highlight { - border: 2em solid #f5c2e7; - background-color: transparent; - color: #f5c2e7; -} -.calendar-menu-widget:indeterminate { - color: #585b70; -} - -.clock-content-items { - min-height: 8em; -} -.clock-content-items .clock-content-time { - font-size: 4em; - color: #f5c2e7; -} -.clock-content-items .clock-content-period { - font-size: 1.75em; - margin-bottom: 1.35em; - margin-right: -0.875em; - color: #94e2d5; -} - -.calendar-menu-item-container.clock { - margin-bottom: 0.65em; -} - -.calendar-menu-item-container.calendar { - margin-bottom: 0.65em; -} - -.calendar-menu-item-container.weather { - margin-bottom: 0em; -} - -.weather-container-box { - color: #f38ba8; - margin: 1.5em; - margin-top: 2.5em; - min-width: 3em; -} -.weather-container-box .calendar-menu-weather.today.icon image { - color: #f5c2e7; - font-size: 6em; -} -.weather-container-box .calendar-menu-weather.today.temp.label { - color: #cdd6f4; - margin-left: 0.2em; - font-size: 2.5em; -} -.weather-container-box .calendar-menu-weather.today.temp.label.icon { - font-size: 2.5em; -} -.weather-container-box .calendar-menu-weather.today.condition.label { - color: #94e2d5; - font-size: 1.5em; - margin-bottom: 0.4em; -} -.weather-container-box .calendar-menu-weather.today.temp.label.icon.weather-color.red { - color: #f38ba8; -} -.weather-container-box .calendar-menu-weather.today.temp.label.icon.weather-color.orange { - color: #fab387; -} -.weather-container-box .calendar-menu-weather.today.temp.label.icon.weather-color.lavender { - color: #b4befe; -} -.weather-container-box .calendar-menu-weather.today.temp.label.icon.weather-color.blue { - color: #89b4fa; -} -.weather-container-box .calendar-menu-weather.today.temp.label.icon.weather-color.sky { - color: #89dceb; -} - -.calendar-menu-weather.today.stats.container { - margin-bottom: 0.75em; - color: #f5c2e7; -} -.calendar-menu-weather.today.stats.container .weather.label { - margin-left: 0.35em; -} - -.menu-separator.weather { - margin: 1.5em 0em; -} - -.hourly-weather-time { - color: #f5c2e7; - margin-bottom: 0.5em; -} - -.hourly-weather-icon { - color: #f5c2e7; - margin-bottom: 0.5em; -} - -.hourly-weather-temp { - color: #f5c2e7; -} - -.menu-items-container.energy .menu-label { - color: #f9e2af; -} -.menu-items-container.energy .power-profile-item { - margin-bottom: 0.5em; -} -.menu-items-container.energy .power-profile-item label { - margin-left: 1em; -} -.menu-items-container.energy .power-profile-item image { - font-size: 1.3em; - min-width: 1em; - min-height: 1em; - color: #7f849c; -} -.menu-items-container.energy .power-profile-item:hover label { - color: #f9e2af; -} -.menu-items-container.energy .power-profile-item.active image { - color: #f9e2af; -} -.menu-items-container.energy .menu-active-slider.brightness trough highlight, -.menu-items-container.energy .menu-active-slider.brightness trough progress { - background: #f9e2af; -} -.menu-items-container.energy .brightness-container { - padding-bottom: 1em; -} -.menu-items-container.energy .brightness-slider-icon { - font-size: 1.4em; - min-width: 1em; - min-height: 1em; - color: #9399b2; -} -.menu-items-container.energy .brightness-slider-label { - font-size: 0.9em; - min-width: 2.5em; - font-weight: bold; - margin-bottom: 0.2em; -} - -.dashboard-content-items { - margin-left: 0.5em; - min-width: 28.5em; - background: #11111b; - border: 0.13em solid #313244; - border-radius: 0.7em; -} -.dashboard-content-items button { - border-radius: 0.4em; -} -.dashboard-content-items .dashboard-card { - background: #1e1e2e; - margin: 1.3em; - border-radius: 0.4em; - padding: 1.5em; -} -.dashboard-content-items .profile-picture-container { - margin-right: 0.65em; - margin-bottom: 0.65em; -} -.dashboard-content-items .profile-picture-container .profile-picture { - font-size: 7.5em; -} -.dashboard-content-items .profile-picture-container .profile-name { - font-size: 1.5em; - color: #f5c2e7; - margin-top: 0.75em; -} -.dashboard-content-items .power-menu-container { - margin-left: 0em; - margin-bottom: 0.65em; -} -.dashboard-content-items .power-menu-container .dashboard-button { - min-width: 3em; - min-height: 2.5em; -} -.dashboard-content-items .power-menu-container .dashboard-button:not(:last-child) { - margin-bottom: 0.75em; -} -.dashboard-content-items .power-menu-container .dashboard-button image { - color: #1e1e2e; - font-size: 1.5em; -} -.dashboard-content-items .power-menu-container .dashboard-button.shutdown { - background: #f38ba8; -} -.dashboard-content-items .power-menu-container .dashboard-button.restart { - background: #fab387; -} -.dashboard-content-items .power-menu-container .dashboard-button.lock { - background: #a6e3a1; -} -.dashboard-content-items .power-menu-container .dashboard-button.sleep { - background: #89dceb; -} -.dashboard-content-items .power-menu-container .dashboard-button:hover { - background: #cba6f7; -} -.dashboard-content-items .shortcuts-container .dashboard-card { - padding: 1.5em; -} -.dashboard-content-items .shortcuts-container .dashboard-card button { - min-height: 2.5em; - min-width: 2.5em; -} -.dashboard-content-items .shortcuts-container .card-button-left-section { - margin-right: 1.5em; -} -.dashboard-content-items .shortcuts-container .top-button { - margin-bottom: 1.5em; -} -.dashboard-content-items .shortcuts-container .container { - margin-top: 0em; - margin-bottom: 0.65em; -} -.dashboard-content-items .shortcuts-container .container.most-used { - margin-right: 0em; -} -.dashboard-content-items .shortcuts-container .container.utilities { - margin-left: 0.65em; -} -.dashboard-content-items .shortcuts-container .container button { - background: #b4befe; - color: #1e1e2e; - min-height: 3em; -} -.dashboard-content-items .shortcuts-container .container button.discord label { - margin-right: 0.15em; -} -.dashboard-content-items .shortcuts-container .container button label { - font-size: 1.5em; -} -.dashboard-content-items .shortcuts-container .container button.record.active { - background: #a6e3a1; -} -.dashboard-content-items .shortcuts-container .container button.record.active:hover { - background: #f38ba8; -} -.dashboard-content-items .shortcuts-container .container button:hover { - background: #f5c2e7; -} -.dashboard-content-items .controls-container { - margin-bottom: 0.65em; -} -.dashboard-content-items .controls-container.dashboard-card { - margin-top: 0em; -} -.dashboard-content-items .controls-container button { - background: #f38ba8; - padding: 0em; - min-height: 3em; -} -.dashboard-content-items .controls-container button label { - color: #1e1e2e; - font-size: 1.6em; -} -.dashboard-content-items .controls-container button:not(:last-child) { - margin-right: 1em; -} -.dashboard-content-items .controls-container button.wifi { - background: #cba6f7; -} -.dashboard-content-items .controls-container button.bluetooth { - background: #89dceb; -} -.dashboard-content-items .controls-container button.notifications { - background: #f9e2af; -} -.dashboard-content-items .controls-container button.playback { - background: #eba0ac; -} -.dashboard-content-items .controls-container button.input { - background: #f5c2e7; -} -.dashboard-content-items .controls-container button.wifi:hover { - background: rgba(203, 166, 247, 0.3); -} -.dashboard-content-items .controls-container button.bluetooth:hover { - background: rgba(137, 220, 235, 0.3); -} -.dashboard-content-items .controls-container button.notifications:hover { - background: rgba(249, 226, 175, 0.3); -} -.dashboard-content-items .controls-container button.playback:hover { - background: rgba(235, 160, 172, 0.3); -} -.dashboard-content-items .controls-container button.input:hover { - background: rgba(245, 194, 231, 0.3); -} -.dashboard-content-items .controls-container button:hover { - background: #45475a; -} -.dashboard-content-items .controls-container button.disabled { - background: #585b70; -} -.dashboard-content-items .controls-container button.disabled.wifi:hover { - background: rgba(203, 166, 247, 0.3); -} -.dashboard-content-items .controls-container button.disabled.bluetooth:hover { - background: rgba(137, 220, 235, 0.3); -} -.dashboard-content-items .controls-container button.disabled.notifications:hover { - background: rgba(249, 226, 175, 0.3); -} -.dashboard-content-items .controls-container button.disabled.playback:hover { - background: rgba(235, 160, 172, 0.3); -} -.dashboard-content-items .controls-container button.disabled.input:hover { - background: rgba(245, 194, 231, 0.3); -} -.dashboard-content-items .directories-container.dashboard-card { - margin-top: 0em; - margin-bottom: 0.65em; - padding-left: 1.5em; - padding-right: 0em; -} -.dashboard-content-items .directories-container .directory-link { - padding: 0.5em 0em; - min-width: 9em; -} -.dashboard-content-items .directories-container .directory-link:last-child { - margin-bottom: 0em; -} -.dashboard-content-items .directories-container .directory-link label { - font-size: 1.3em; -} -.dashboard-content-items .directories-container .directory-link.documents { - color: #94e2d5; -} -.dashboard-content-items .directories-container .directory-link.downloads { - color: #f5c2e7; -} -.dashboard-content-items .directories-container .directory-link.home { - color: #b4befe; -} -.dashboard-content-items .directories-container .directory-link.pictures { - color: #cba6f7; -} -.dashboard-content-items .directories-container .directory-link.videos { - color: #f9e2af; -} -.dashboard-content-items .directories-container .directory-link.projects { - color: #eba0ac; -} -.dashboard-content-items .directories-container .directory-link:hover { - opacity: 0.5; -} -.dashboard-content-items .stats-container { - margin-top: 0em; -} -.dashboard-content-items .stats-container .stat label { - margin-right: 1em; - font-size: 1.5em; -} -.dashboard-content-items .stats-container .stat.cpu label { - color: #eba0ac; -} -.dashboard-content-items .stats-container .stat.ram label { - color: #f9e2af; -} -.dashboard-content-items .stats-container .stat.gpu label { - color: #a6e3a1; -} -.dashboard-content-items .stats-container .stat.storage label { - color: #f5c2e7; -} -.dashboard-content-items .stats-container .stat .stats-bar levelbar * { - transition: 200ms; -} -.dashboard-content-items .stats-container .stat .stats-bar trough { - min-height: 1.05em; -} -.dashboard-content-items .stats-container .stat .stats-bar block { - border-radius: 0.4em; -} -.dashboard-content-items .stats-container .stat .stats-bar block.empty { - background: #45475a; -} -.dashboard-content-items .stats-container .stat .stats-bar block.filled { - padding-left: 0.85em; -} -.dashboard-content-items .stats-container .stat.cpu .stats-bar block.filled { - background: #eba0ac; -} -.dashboard-content-items .stats-container .stat.ram .stats-bar block.filled { - background: #f9e2af; -} -.dashboard-content-items .stats-container .stat.gpu .stats-bar block.filled { - background: #a6e3a1; -} -.dashboard-content-items .stats-container .stat.storage .stats-bar block.filled { - background: #f5c2e7; -} -.dashboard-content-items .stats-container .stat-value { - margin-bottom: 0.75em; - font-size: 0.9em; -} -.dashboard-content-items .stats-container .stat-value.cpu { - color: #eba0ac; -} -.dashboard-content-items .stats-container .stat-value.ram { - color: #f9e2af; -} -.dashboard-content-items .stats-container .stat-value.gpu { - color: #a6e3a1; -} -.dashboard-content-items .stats-container .stat-value.storage { - color: #f5c2e7; -} - -.dropdown.recording { - color: red; - background-color: #11111b; -} -.notification-card-container { - margin-top: 3.5rem; -} - -.notification-card { - color: #cdd6f4; - background: #181825; - margin-right: 0.45em; - border: 0.15em solid rgba(49, 50, 68, 0.5); - min-width: 26em; - min-height: 6rem; - border-radius: 0.6em; -} -.notification-card:not(:first-child) { - margin-top: 0.85em; -} - -.notification-card-container { - padding: 1px; -} - -.notification-card-image-container { - margin: 0.65em 0.65em; - border-radius: 0.4em; -} - -.notification-card-image { - border-radius: 0.4em; - min-width: 1.5em; - min-height: 1.5em; - padding: 0.85em 0.85em; - background-size: contain; - background-repeat: no-repeat; - background-position: center; -} - -.notification-card-content { - min-width: 2.9em; - min-height: 2.9em; - padding: 0.5em 0.5em; - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} - -.notification-card-content.noimg { - margin-left: 0.5em; - margin-top: 0.15em; -} - -.notification-card-header-label { - font-size: 0.95em; - margin-bottom: 0.5em; - color: #b4befe; -} - -.notification-card-body-label { - font-size: 0.84em; - margin-bottom: 1em; - font-weight: 600; -} - -.notification-card-actions { - margin-top: 0.25em; - margin-bottom: 0.4em; -} - -.notification-action-buttons { - color: #b4befe; - background: #313244; - min-width: 4em; - min-height: 1.65em; - border-radius: 0.2em; -} -.notification-action-buttons:not(:last-child) { - margin-right: 2rem; -} -.notification-action-buttons:hover { - background: #45475a; -} - -.notification-icon { - color: #b4befe; - margin-bottom: 0.4em; - min-width: 1em; - min-height: 1em; - font-size: 1.3em; -} - -.notification-time { - font-size: 0.85em; - color: #7f849c; -} - -.close-notification-button { - background: #f38ba8; - color: #11111b; - min-width: 2.1em; - border-radius: 0rem 0.35em 0.35em 0em; -} -.close-notification-button label { - font-size: 1.5em; -} -.close-notification-button:hover { - background: #eba0ac; -} - -/*# sourceMappingURL=style.css.map */ diff --git a/style.css.map b/style.css.map deleted file mode 100644 index a543ca6..0000000 --- a/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["scss/main.scss","scss/common/common.scss","scss/colors.scss","scss/common/widget-button.scss","scss/bar/menu.scss","scss/bar/audio.scss","scss/bar/media.scss","scss/bar/network.scss","scss/bar/bluetooth.scss","scss/bar/clock.scss","scss/bar/workspace.scss","scss/bar/window_title.scss","scss/bar/systray.scss","scss/bar/notifications.scss","scss/bar/power.scss","scss/bar/bar.scss","scss/bar/battery.scss","scss/menus/menu.scss","scss/menus/power.scss","scss/common/floating-widget.scss","scss/menus/audiomenu.scss","scss/menus/network.scss","scss/menus/bluetooth.scss","scss/menus/media.scss","scss/menus/notifications.scss","scss/menus/calendar.scss","scss/menus/energy.scss","scss/menus/dashboard.scss","scss/notifications/popups.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;ACFF;EACE;EACA;EACA,kBCJgB;EDKhB;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBClBW;;ADoBf;EACE,OCrBa;;ADuBf;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA,kBCjCe;;;ADqCnB;EACE;EACA;EACA;EACA,OCzCiB;;;AD4CnB;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,kBChEiB;EDiEjB;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,kBChFgB;;;ADmFlB;AAAA;EAEE;EACA,kBCtFgB;;;ADyFlB;AAAA;AAAA;EAGE,OC5FgB;ED6FhB,kBC9CW;;;ADiDb;AAAA;AAAA;EAGE;EACA,kBCrDW;;;ADwDb;AAAA;AAAA;EAGE;EACA,kBC5DW;;;AD+Db;EACE;EACA;EACA;EACA;EACA,kBClHiB;EDmHjB;EACA;EACA;;;AAGF;EACE,kBC3EW;;;AD8Eb;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBCzIc;ED0Id;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA,kBClKiB;;;ADqKnB;EACE;EACA,kBCzHW;;;AD4Hb;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA,OC3IW;ED4IX,kBC3LgB;ED4LhB;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE,kBCnKM;EDoKN,OChLK;EDiLL;;;AAGF;EACE;EACA;EACA,kBCnNiB;;;ADsNnB;EACE;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AEjOF;EACE,YDoCM;ECnCN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cD4BM;EC3BN;EACA;;AAEA;EACE;EACA,cDSO;ECRP;;AAGF;EAEE;EACA,cDEO;;ACCT;EA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","file":"style.css"} \ No newline at end of file