Implement styling options for all the bar components (not menus) through options variables.
This commit is contained in:
Jas Singh
@@ -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) {
|
||||
|
||||
23
main.ts
23
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,
|
||||
|
||||
@@ -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";
|
||||
|
||||
@@ -53,6 +53,7 @@ const BatteryLabel = () => {
|
||||
},
|
||||
}),
|
||||
isVis,
|
||||
boxClass: "battery",
|
||||
props: {
|
||||
on_primary_click: (clicked, event) => {
|
||||
openMenu(clicked, event, "energymenu");
|
||||
|
||||
@@ -18,6 +18,7 @@ const Bluetooth = () => {
|
||||
children: [btIcon, btText],
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "bluetooth",
|
||||
props: {
|
||||
on_primary_click: (clicked, event) => {
|
||||
openMenu(clicked, event, "bluetoothmenu");
|
||||
|
||||
@@ -11,6 +11,7 @@ const Clock = () => {
|
||||
label: date.bind(),
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "clock",
|
||||
props: {
|
||||
on_primary_click: (clicked, event) => {
|
||||
openMenu(clicked, event, "calendarmenu");
|
||||
|
||||
@@ -86,6 +86,7 @@ const Media = () => {
|
||||
}),
|
||||
}),
|
||||
isVisible: false,
|
||||
boxClass: "media",
|
||||
name: "media",
|
||||
props: {
|
||||
on_scroll_up: () => mpris.getPlayer("")?.next(),
|
||||
|
||||
@@ -9,6 +9,7 @@ const Menu = () => {
|
||||
}),
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "dashboard",
|
||||
props: {
|
||||
on_primary_click: (clicked, event) => {
|
||||
openMenu(clicked, event, "dashboardmenu");
|
||||
|
||||
@@ -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");
|
||||
|
||||
@@ -27,6 +27,7 @@ export const Notifications = () => {
|
||||
}),
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "notifications",
|
||||
props: {
|
||||
on_primary_click: (clicked, event) => {
|
||||
openMenu(clicked, event, "notificationsmenu");
|
||||
|
||||
@@ -10,6 +10,7 @@ export const Power = () => {
|
||||
}),
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "power",
|
||||
props: {
|
||||
on_clicked: () => App.toggleWindow("powermenu"),
|
||||
},
|
||||
|
||||
@@ -29,6 +29,7 @@ const SysTray = () => {
|
||||
children: items,
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "systray",
|
||||
isVis,
|
||||
};
|
||||
};
|
||||
|
||||
@@ -44,6 +44,7 @@ const Volume = () => {
|
||||
children: [volIcn, volPct],
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "volume",
|
||||
props: {
|
||||
on_primary_click: (clicked, event) => {
|
||||
openMenu(clicked, event, "audiomenu");
|
||||
|
||||
@@ -29,6 +29,7 @@ const ClientTitle = () => {
|
||||
label: hyprland.active.bind("client").as((v) => filterTitle(v)),
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "windowtitle",
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
@@ -89,6 +89,7 @@ const Workspaces = (monitor = -1, ws = 8) => {
|
||||
},
|
||||
}),
|
||||
isVisible: true,
|
||||
boxClass: "workspaces",
|
||||
};
|
||||
};
|
||||
export { Workspaces };
|
||||
|
||||
96
options.ts
96
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),
|
||||
|
||||
@@ -1,10 +0,0 @@
|
||||
@import '../colors';
|
||||
|
||||
.bar-volume_icon {
|
||||
font-size: 1.3em;
|
||||
color: $maroon;
|
||||
}
|
||||
|
||||
.bar-volume_percentage {
|
||||
color: $maroon;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.clock {
|
||||
color: $pink;
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.media {
|
||||
color: $lavender;
|
||||
}
|
||||
|
||||
.bar-media_icon {
|
||||
font-size: 1.2em;
|
||||
color: $lavender;
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.bar-menu_label {
|
||||
color: $yellow;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.bar-network {
|
||||
color: $mauve;
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.bar-notifications-label {
|
||||
color: $lavender;
|
||||
font-size: 1.3em;
|
||||
min-width: 1em;
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.bar-power_label {
|
||||
color: $red;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
@import "../colors";
|
||||
|
||||
.window_title {
|
||||
color: $pink;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
43
scss/entry.scss
Normal file
43
scss/entry.scss
Normal file
@@ -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";
|
||||
@@ -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";
|
||||
|
||||
76
scss/style.ts
Normal file
76
scss/style.ts
Normal file
@@ -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<any>) => `$${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()
|
||||
11
scss/style/bar/audio.scss
Normal file
11
scss/style/bar/audio.scss
Normal file
@@ -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);
|
||||
}
|
||||
108
scss/style/bar/bar.scss
Normal file
108
scss/style/bar/bar.scss
Normal file
@@ -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;
|
||||
}
|
||||
20
scss/style/bar/battery.scss
Normal file
20
scss/style/bar/battery.scss
Normal file
@@ -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;
|
||||
}
|
||||
22
scss/style/bar/bluetooth.scss
Normal file
22
scss/style/bar/bluetooth.scss
Normal file
@@ -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);
|
||||
}
|
||||
6
scss/style/bar/clock.scss
Normal file
6
scss/style/bar/clock.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
@import "../colors";
|
||||
@import '../../variables';
|
||||
|
||||
.clock {
|
||||
color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-clock-text);
|
||||
}
|
||||
11
scss/style/bar/media.scss
Normal file
11
scss/style/bar/media.scss
Normal file
@@ -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);
|
||||
}
|
||||
7
scss/style/bar/menu.scss
Normal file
7
scss/style/bar/menu.scss
Normal file
@@ -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;
|
||||
}
|
||||
10
scss/style/bar/network.scss
Normal file
10
scss/style/bar/network.scss
Normal file
@@ -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);
|
||||
}
|
||||
7
scss/style/bar/notifications.scss
Normal file
7
scss/style/bar/notifications.scss
Normal file
@@ -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;
|
||||
}
|
||||
7
scss/style/bar/power.scss
Normal file
7
scss/style/bar/power.scss
Normal file
@@ -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;
|
||||
}
|
||||
6
scss/style/bar/window_title.scss
Normal file
6
scss/style/bar/window_title.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
@import "../colors";
|
||||
@import '../../variables';
|
||||
|
||||
.window_title {
|
||||
color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-windowtitle-text);
|
||||
}
|
||||
34
scss/style/bar/workspace.scss
Normal file
34
scss/style/bar/workspace.scss
Normal file
@@ -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;
|
||||
}
|
||||
43
scss/style/entry.scss
Normal file
43
scss/style/entry.scss
Normal file
@@ -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";
|
||||
280
scss/variables.scss
Normal file
280
scss/variables.scss
Normal file
@@ -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;
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user