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

Finish all theming options

Browse Source
This commit is contained in:
Jas Singh
2024-07-20 00:32:54 -07:00
parent c67b264a66
commit 29abe55008
7 changed files with 194 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,8 +3,8 @@
.dashboard-content-items {
margin-left: 0.50em;
min-width: 28.5em;
background: $crust;
border: 0.13em solid $surface0;
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);
border-radius: 0.7em;
button {
@@ -12,7 +12,7 @@
}
.dashboard-card {
background: $base;
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-dashboard-card-color);
margin: 1.3em;
border-radius: 0.4em;
padding: 1.5em;
@@ -26,7 +26,7 @@
}
.profile-name {
font-size: 1.5em;
color: $pink;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-profile-name);
margin-top: 0.75em;
}
}
@@ -49,20 +49,31 @@
}
&.shutdown {
background: $red;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-shutdown);
}
&.restart {
background: $peach;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-restart);
}
&.lock {
background: $green;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-logout);
}
&.sleep {
background: $sky;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-sleep);
}
&:hover {
background: $mauve;
&.shutdown {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-shutdown), 0.5);
}
&.restart {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-restart), 0.5);
}
&.lock {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-logout), 0.5);
}
&.sleep {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-sleep), 0.5);
}
}
}
@@ -97,8 +108,8 @@
}
button {
background: $lavender;
color: $base;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-background);
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-shortcuts-text);
min-height: 3em;
&.discord {
@@ -112,15 +123,15 @@
}
&.record.active {
background: $green;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording);
&:hover {
background: $red;
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording), 0.5);
}
}
&:hover {
background: $pink;
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-background), 0.5);
}
}
}
@@ -133,12 +144,11 @@
}
button {
background: $red;
padding: 0em;
min-height: 3em;
label {
color: $base;
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-controls-wifi-text);
font-size: 1.6em;
}
@@ -147,54 +157,51 @@
}
&.wifi {
background: $mauve;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background);
}
&.bluetooth {
background: $sky;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background);
}
&.notifications {
background: $yellow;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background);
}
&.playback {
background: $maroon;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background);
}
&.input {
background: $pink;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background);
}
&.wifi:hover {
background: transparentize($mauve, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background), 0.5);
}
&.bluetooth:hover {
background: transparentize($sky, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background), 0.5);
}
&.notifications:hover {
background: transparentize($yellow, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background), 0.5);
}
&.playback:hover {
background: transparentize($maroon, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background), 0.5);
}
&.input:hover {
background: transparentize($pink, 0.7);
}
&:hover {
background: $surface1;
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background), 0.5);
}
&.disabled {
background: $surface2;
background: if($bar-menus-monochrome, $bar-menus-buttons-disabled, $bar-menus-menu-dashboard-controls-disabled);
&.wifi:hover {
background: transparentize($mauve, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background), 0.5);
}
&.bluetooth:hover {
background: transparentize($sky, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background), 0.5);
}
&.notifications:hover {
background: transparentize($yellow, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background), 0.5);
}
&.playback:hover {
background: transparentize($maroon, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background), 0.5);
}
&.input:hover {
background: transparentize($pink, 0.7);
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background), 0.5);
}
}
}
@@ -220,23 +227,23 @@
font-size: 1.3em;
}
&.documents {
color: $teal;
&.right.top {
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-top-color);
}
&.downloads {
color: $pink;
&.right.middle {
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-middle-color);
}
&.home {
color: $lavender;
&.right.bottom {
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-bottom-color);
}
&.pictures {
color: $mauve;
&.left.top {
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-top-color);
}
&.videos {
color: $yellow;
&.left.middle {
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-middle-color);
}
&.projects {
color: $maroon;
&.left.bottom {
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-bottom-color);
}
&:hover {
@@ -255,16 +262,16 @@
}
&.cpu label{
color: $maroon;
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-cpu-icon);
}
&.ram label{
color: $yellow;
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-ram-icon);
}
&.gpu label{
color: $green;
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-gpu-icon);
}
&.storage label{
color: $pink;
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-disk-icon);
}
.stats-bar {
@@ -280,7 +287,7 @@
border-radius: 0.4em;
&.empty {
background: $surface1;
background: if($bar-menus-monochrome, $bar-menus-progressbar-background, $bar-menus-menu-dashboard-monitors-bar_background);
}
&.filled {
@@ -290,19 +297,19 @@
}
&.cpu .stats-bar block.filled {
background: $maroon;
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-cpu-bar);
}
&.ram .stats-bar block.filled {
background: $yellow;
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-ram-bar);
}
&.gpu .stats-bar block.filled {
background: $green;
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-gpu-bar);
}
&.storage .stats-bar block.filled {
background: $pink;
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-disk-bar);
}
}
@@ -310,19 +317,19 @@
margin-bottom: 0.75em;
font-size: 0.9em;
&.cpu {
color: $maroon;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-cpu-label);
}
&.ram {
color: $yellow;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-ram-label);
}
&.gpu {
color: $green;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-gpu-label);
}
&.storage {
color: $pink;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-disk-label);
}
}
}
@@ -330,9 +337,5 @@
.dropdown.recording {
color: red;
background-color: $crust;
menuitem {
}
background-color: if($bar-menus-monochrome, $bar-menus-dropdownmenu-background, $bar-menus-dropdownmenu-background);
}

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

@@ -32,17 +32,17 @@
}
.media-indicator-current-song-name-label {
color: $lavender;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-media-song);
font-size: 1.35em;
}
.media-indicator-current-song-author-label {
color: $teal;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-media-artist);
font-size: 1em;
}
.media-indicator-current-song-album-label {
color: $pink;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-media-album);
font-size: 1em;
}
@@ -56,25 +56,29 @@
}
.media-indicator-control-button {
background: $lavender;
color: $crust;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-media-buttons-background);
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-media-buttons-text);
min-height: 1.8em;
min-width: 2.5em;
border-radius: 0.2rem;
&.disabled {
background: $surface2;
background: if($bar-menus-monochrome, $bar-menus-buttons-disabled, $bar-menus-menu-media-buttons-inactive);
}
&.enabled {
background: $lavender;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-media-buttons-background);
&:hover {
background: $pink;
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-media-buttons-background), 0.5);
}
&.active {
background: $green;
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-media-buttons-enabled);
&:hover {
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-media-buttons-enabled), 0.5);
}
}
}
@@ -89,20 +93,20 @@
margin-bottom: 1em;
trough {
background: $surface2;
background: if($bar-menus-monochrome, $bar-menus-slider-background, $bar-menus-menu-media-slider-background);
border-radius: 0.2em;
highlight,
progress {
border-radius: 0.2em;
min-height: .85em;
background: $pink;
background: if($bar-menus-monochrome, $bar-menus-slider-primary, $bar-menus-menu-media-slider-primary);
}
}
&:hover {
trough {
background: $surface1;
background: transparentize(if($bar-menus-monochrome, $bar-menus-slider-backgroundhover, $bar-menus-menu-media-slider-backgroundhover), 0.3);
}
}
}

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

@@ -1,11 +1,12 @@
@import "../colors";
@import '../../variables';
.notification-card-container.menu {
margin: 0em;
min-width: 30.5em;
min-height: 48em;
background: $crust;
border: 0.13em solid $surface0;
border: 0.13em solid $notification-border;
border-radius: 0.7em;
margin-right: 0.45em;
@@ -20,7 +21,7 @@
}
.notification-menu-controls {
background: $base;
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-notifications-card);
margin: 1em 1em;
margin-bottom: 0.5em;
border-radius: 0.4em;
@@ -28,9 +29,9 @@
}
.notification-card.menu {
background: $base;
background: $notification-background;
min-width: 26.2em;
border: 0.15em solid $base;
border: 0.15em solid $notification-border;
border-radius: 0em;
border-bottom-left-radius: 0.4em;
border-top-left-radius: 0.4em;
@@ -49,18 +50,38 @@
.menu-label.notifications {
margin: 0em;
color: $lavender;
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-notifications-label);
}
.menu-separator.notification-controls {
min-width: 0.1em;
background-color: $surface0;
background-color: if($bar-menus-monochrome, $bar-menus-dropdownmenu-divider, $bar-menus-menu-notifications-switch_divider);
margin: 0em 1em;
}
.menu-switch.notifications:checked {
.menu-switch.notifications {
background-color: if($bar-menus-monochrome, $bar-menus-switch-disabled, $bar-menus-menu-notifications-switch-disabled);
&:checked {
background: $lavender;
background: if($bar-menus-monochrome, $bar-menus-switch-enabled, $bar-menus-menu-notifications-switch-enabled);
}
slider {
background-color: if($bar-menus-monochrome, $bar-menus-switch-puck, $bar-menus-menu-notifications-switch-puck);
}
&:hover {
trough {
background: if($bar-menus-monochrome, $bar-menus-switch-disabled, $bar-menus-menu-notifications-switch-disabled);
}
slider {
background: if($bar-menus-monochrome, $bar-menus-switch-puck, $bar-menus-menu-notifications-switch-puck);
}
}
&:active {
background: if($bar-menus-monochrome, $bar-menus-switch-enabled, $bar-menus-menu-notifications-switch-enabled);
}
}
@@ -68,12 +89,12 @@
margin-right: 0.3em;
&:hover label {
color: $maroon;
color: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-notifications-clear), 0.5);
}
}
.clear-notifications-label {
color: $red;
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-notifications-clear);
font-size: 1.5em;
}
}
@@ -82,7 +103,7 @@
margin-bottom: 8em;
label {
color: $surface0;
color: if($bar-menus-monochrome, $bar-menus-feinttext, $bar-menus-menu-notifications-no_notifications_label);
}
.bell {
@@ -94,8 +115,8 @@
}
.close-notification-button.menu {
background: $red;
color: $crust;
background: $notification-close_button-background;
color: $notification-close_button-label;
min-width: 2.1em;
border-radius: 0rem 0.35em 0.35em 0em;
@@ -104,6 +125,6 @@
}
&:hover {
background: $maroon;
background: transparentize($notification-close_button-background ,0.5);
}
}