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

Added more configuration options

Browse Source
This commit is contained in:
Jas Singh
2024-07-20 16:21:52 -07:00
parent 29abe55008
commit a480400359
37 changed files with 368 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/entry.scss
View File

@@ -1,9 +1,9 @@
@import '/home/jaskir/.config/ags/scss/variables.scss';
* {
all: unset;
font-family: "Ubuntu Nerd Font";
font-size: 1.2rem;
font-weight: 600;
font-family: $font-name;
font-size: $font-size;
font-weight: $font-weight;
}
//general

6
scss/main.scss
View File

@@ -1,8 +1,8 @@
* {
all: unset;
font-family: "Ubuntu Nerd Font";
font-size: 1.2rem;
font-weight: 600;
font-family: $font-name;
font-size: $font-size;
font-weight: $font-weight;
}
//general

2
scss/style.ts
View File

@@ -37,7 +37,7 @@ function extractVariables(theme: any, prefix: string = ""): string[] {
}
const variables = () => [
...extractVariables(options.theme)
...extractVariables(options.theme),
];
async function resetCss() {

5
scss/style/bar/notifications.scss
View File

@@ -5,3 +5,8 @@
font-size: 1.3em;
min-width: 1em;
}
.bar-notifications-total {
color: if($bar-buttons-monochrome, $bar-buttons-text, $bar-buttons-notifications-total);
margin-left: 0.4em;
}

18
scss/style/bar/workspace.scss
View File

@@ -12,6 +12,10 @@
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);
&:not(:first-child) {
margin-left: 4.5em;
}
&.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);
@@ -25,10 +29,16 @@
min-width: 12em;
min-height: 4em;
}
&.workspace-icon {
background-color: transparent;
min-width: 0em;
min-height: 0em;
border-radius: 0em;
margin: 0rem 1rem * .5;
transition: 300ms * .5;
font-size: 1.1em;
}
}
}
.workspaces label:not(:first-child) {
margin-left: 4.5em;
}

7
scss/style/menus/audiomenu.scss
View File

@@ -1,6 +1,10 @@
@import "../colors";
@import '../../variables';
.menu-items.audio {
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-volume-background-color);
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-volume-border-color);
}
.menu-dropdown-label.audio {
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-volume-label-color);
}
@@ -8,6 +12,9 @@
.menu-label.audio {
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-volume-label-color);
}
.menu-active.playback, .menu-active.input {
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-volume-text);
}
.menu-button-isactive.audio {
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-volume-icons-active);

4
scss/style/menus/bluetooth.scss
View File

@@ -1,6 +1,10 @@
@import "../colors";
@import '../../variables';
.menu-items.bluetooth {
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-bluetooth-background-color);
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-bluetooth-border-color);
}
.menu-items-container.bluetooth {
font-size: 1.3em;

2
scss/style/menus/calendar.scss
View File

@@ -6,7 +6,7 @@
min-width: 27em;
min-height: 6em;
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-clock-background-color);
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border, $bar-menus-menu-clock-border-color);
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-clock-border-color);
border-radius: 0.7em;
margin-right: 0.5em;
}

5
scss/style/menus/dashboard.scss
View File

@@ -1,10 +1,11 @@
@import "../colors";
@import '../../variables';
.dashboard-content-items {
margin-left: 0.50em;
min-width: 28.5em;
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-dashboard-background);
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border, $bar-menus-menu-dashboard-border-color);
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-background-color);
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-dashboard-border-color);
border-radius: 0.7em;
button {

4
scss/style/menus/energy.scss
View File

@@ -1,6 +1,10 @@
@import "../colors";
@import '../../variables';
.menu-items.energy {
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-battery-background-color);
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-battery-border-color);
}
.menu-items-container.energy {
.menu-label {
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-battery-label-color);

5
scss/style/menus/media.scss
View File

@@ -1,5 +1,10 @@
@import "../colors";
@import '../../variables';
.menu-items.media {
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-media-background-color);
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-media-border-color);
}
.menu-items-container.media {
min-width: 23em;
min-height: 10em;

2
scss/style/menus/menu.scss
View File

@@ -1,3 +1,5 @@
@import '../../variables';
.menu-slider {
trough {
border-radius: 0.3rem;

10
scss/style/menus/network.scss
View File

@@ -1,6 +1,11 @@
@import "../colors";
@import '../../variables';
.menu-items.network {
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-network-background-color);
border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-network-border-color);
}
.menu-items-container.network {
font-size: 1.3em;
.menu-items-section {
@@ -90,9 +95,8 @@
}
.menu-icon-button.network.search {
label {
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-passive, $bar-menus-menu-network-iconbuttons-passive);
}
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-passive, $bar-menus-menu-network-iconbuttons-passive);
&:hover {
color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-network-iconbuttons-active);
}

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

@@ -5,8 +5,8 @@
margin: 0em;
min-width: 30.5em;
min-height: 48em;
background: $crust;
border: 0.13em solid $notification-border;
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-notifications-background);
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-notifications-border);
border-radius: 0.7em;
margin-right: 0.45em;

17
scss/variables.scss
View File

@@ -1,3 +1,6 @@
$font-size: 1.2rem;
$font-name: Ubuntu Nerd Font;
$font-weight: 600;
$notification-background: #181825;
$notification-actions-background: #313244;
$notification-actions-hover: #45475a;
@@ -60,10 +63,14 @@ $bar-buttons-clock-icon: #f5c2e7;
$bar-buttons-notifications-background: #242438;
$bar-buttons-notifications-hover: #45475a;
$bar-buttons-notifications-icon: #b4befe;
$bar-menus-monochrome: false;
$bar-buttons-notifications-total: #b4befe;
$bar-menus-monochrome: true;
$bar-menus-background: #11111b;
$bar-menus-cards: #1e1e2e;
$bar-menus-border: #313244;
$bar-menus-border-size: 0.13 em;
$bar-menus-border-radius: 0.7em;
$bar-menus-border-card_radius: 0.4em;
$bar-menus-border-color: #313244;
$bar-menus-text: #cdd6f4;
$bar-menus-dimtext: #585b70;
$bar-menus-feinttext: #313244;
@@ -101,6 +108,8 @@ $bar-menus-tooltip-text: #cdd6f4;
$bar-menus-menu-media-song: #b4befe;
$bar-menus-menu-media-artist: #94e2d5;
$bar-menus-menu-media-album: #f5c2e7;
$bar-menus-menu-media-background-color: #11111b;
$bar-menus-menu-media-border-color: #313244;
$bar-menus-menu-media-buttons-inactive: #585b70;
$bar-menus-menu-media-buttons-enabled: #94e2d5;
$bar-menus-menu-media-buttons-background: #b4befe;
@@ -152,7 +161,7 @@ $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: #cdd6f4;
$bar-menus-menu-bluetooth-icons-passive: #9399b2;
$bar-menus-menu-bluetooth-icons-active: #89dceb;
$bar-menus-menu-bluetooth-iconbutton-passive: #cdd6f4;
$bar-menus-menu-bluetooth-iconbutton-active: #89dceb;
@@ -248,7 +257,7 @@ $bar-menus-menu-dashboard-monitors-disk-bar: #f5c2e7;
$bar-menus-menu-dashboard-monitors-disk-label: #f5c2e7;
$bar-menus-menu-notifications-label: #b4befe;
$bar-menus-menu-notifications-no_notifications_label: #313244;
$bar-menus-menu-notifications-background: #181825;
$bar-menus-menu-notifications-background: #11111b;
$bar-menus-menu-notifications-card: #1e1e2e;
$bar-menus-menu-notifications-border: #313244;
$bar-menus-menu-notifications-switch_divider: #45475a;