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);
}