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

Implement Setting Dialog - Work in Progress

Browse Source
This commit is contained in:
Jas Singh
2024-07-21 16:20:34 -07:00
parent ab721edbd2
commit 28fbb8e3b4
21 changed files with 585 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scss/entry.scss
View File

@@ -41,3 +41,6 @@
//notifications
@import "style/notifications/popups";
//settings dialog
@import "style/settings/dialog"

3
scss/main.scss
View File

@@ -40,3 +40,6 @@
//notifications
@import "style/notifications/popups";
//settings dialog
@import "style/settings/dialog"

8
scss/style/bar/bar.scss
View File

@@ -10,7 +10,7 @@
.bar_item_box_visible {
background-color: $bar-buttons-background;
border-radius: 0.35em;
border-radius: $bar-buttons-radius;
padding: 0.2rem 0.9rem;
margin: 0.5rem 0.25rem;
@@ -60,12 +60,6 @@
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 {

2
scss/style/bar/power.scss
View File

@@ -2,6 +2,6 @@
@import '../../variables';
.bar-power_label {
color: if($bar-buttons-monochrome, $bar-buttons-icon, $bar-buttons-power-icon);
color: $red;
margin-top: 0.2rem;
}

172
scss/style/settings/dialog.scss Normal file
View File

@@ -0,0 +1,172 @@
@import '../../variables';
window.settings-dialog {
background-color: $bar-menus-cards;
color: $bar-menus-text;
$padding: 1em;
$primary_bg: $bar-menus-background;
$spacing: 0.4em;
$radius: 0.5em;
$widget-bg: $bar-menus-cards;
$border: none;
$fg: $bar-menus-text;
.header {
padding: $padding;
button {
font-weight: bold;
padding: $padding*.5 $padding;
}
button.close {
padding: $padding * .5;
}
button.reset {
padding: $padding*.5;
}
}
.page {
.page-content {
padding: $padding*2;
padding-top: 0;
}
}
.group {
.group-title {
color: $primary-bg;
margin-bottom: $spacing*.5;
}
.group-reset {
margin: $spacing * .5;
padding: $padding * .5;
&:disabled {
color: transparent;
}
}
&:not(:first-child) {
margin-top: $spacing;
}
}
.row {
background-color: $widget-bg;
padding: $padding;
border: $border;
border-top: none;
&:first-child {
border-radius: $radius $radius 0em 0em;
border: $border;
}
&:last-child {
border-radius: 0em 0em $radius $radius;
}
&:first-child:last-child {
border-radius: $radius;
border: $border;
}
button.reset {
margin-left: $spacing;
}
label.id,
label.note {
color: transparentize($fg, .4)
}
entry,
button {
padding: $padding;
}
spinbutton {
entry {
border-radius: $radius 0em 0em $radius;
}
button {
border-radius: 0em;
}
button:last-child {
border-radius: 0em $radius $radius 0em;
}
}
.enum-setter {
label {
background-color: $widget-bg;
border: $border;
padding: 0em $padding;
border-radius: $radius 0em 0em $radius;
}
button {
border-radius: 0em;
}
button:last-child {
border-radius: 0em $radius $radius 0em;
}
}
&.wallpaper {
button {
margin-top: $spacing * .5;
}
.preview {
border-radius: $radius;
}
}
}
}
.option-item {
margin: 0em 2em;
margin-bottom: 1em;
.reset {
color: $bar-menus-iconbuttons-passive;
}
.options-label {
color: $bar-menus-text;
}
.options-sublabel {
font-size: 0.75em;
margin-top: 0.2em;
color: $bar-menus-dimtext;
}
.inputter-container {
border-radius: $bar-menus-border-radius * 0.5;
:first-child {
border-radius: $bar-menus-border-radius * 0.5;
}
padding: 0.35em 0.35em;
background: $surface1;
margin-right: 1em;
}
}
.options-header {
margin: 1em 1em;
.label-name {
color: $bar-menus-label;
font-size: 0.9em;
margin-right: 0.5em;
}
}

6
scss/variables.scss
View File

@@ -14,6 +14,7 @@ $notification-close_button-label: #11111b;
$bar-transparent: false;
$bar-background: #11111b;
$bar-buttons-monochrome: false;
$bar-buttons-radius: 0.3em;
$bar-buttons-background: #242438;
$bar-buttons-hover: #45475a;
$bar-buttons-text: #b4befe;
@@ -48,9 +49,6 @@ $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;
@@ -68,7 +66,7 @@ $bar-menus-background: #11111b;
$bar-menus-cards: #1e1e2e;
$bar-menus-card_radius: 0.4em;
$bar-menus-border-size: 0.13em;
$bar-menus-border-radius: 0.4em;
$bar-menus-border-radius: 0.7em;
$bar-menus-border-color: #313244;
$bar-menus-text: #cdd6f4;
$bar-menus-dimtext: #585b70;