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

Made shadows togglable with default set to false. (#786)

Browse Source
This commit is contained in:
Jas Singh
2025-02-19 17:23:57 -08:00
committed by GitHub
parent f8bbd0af80
commit 3419315e65
9 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/settings/pages/config/bar/index.tsx
View File

@@ -53,6 +53,7 @@ export const BarSettings = (): JSX.Element => {
enums={['none', 'full', 'top', 'right', 'bottom', 'left', 'horizontal', 'vertical']}
/>
<Option opt={options.theme.bar.border.width} title="Bar Border Width" type="string" />
<Option opt={options.theme.bar.enableShadow} title="Enable Shadow" type="boolean" />
<Option
opt={options.theme.bar.shadow}
title="Bar Shadow"

1
src/components/settings/pages/config/general/index.tsx
View File

@@ -65,6 +65,7 @@ export const BarGeneral = (): JSX.Element => {
max={10000}
increment={25}
/>
<Option opt={options.theme.bar.menus.enableShadow} title="Enable Shadow" type="boolean" />
<Option
opt={options.theme.bar.menus.shadow}
title="Menu Shadow"

1
src/components/settings/pages/config/notifications/index.tsx
View File

@@ -22,6 +22,7 @@ export const NotificationSettings = (): JSX.Element => {
enums={['top left', 'top', 'top right', 'right', 'bottom right', 'bottom', 'bottom left', 'left']}
/>
<Option opt={options.theme.notification.border_radius} title="Border Radius" type="string" />
<Option opt={options.theme.notification.enableShadow} title="Enable Shadow" type="boolean" />
<Option
opt={options.theme.notification.shadow}
title="Notification Shadow"

1
src/components/settings/pages/config/osd/index.tsx
View File

@@ -49,6 +49,7 @@ export const OSDSettings = (): JSX.Element => {
type="string"
/>
<Option opt={options.theme.osd.enableShadow} title="Enable Shadow" type="boolean" />
<Option
opt={options.theme.osd.shadow}
title="OSD Shadow"

4
src/options.ts
View File

@@ -120,6 +120,7 @@ const options = mkOptions(CONFIG, {
label: opt(colors.lavender),
border: opt(secondary_colors.surface0),
border_radius: opt('0.6em'),
enableShadow: opt(false),
shadow: opt('0px 1px 2px 1px #16161e'),
shadowMargins: opt('4px 4px'),
time: opt(secondary_colors.overlay1),
@@ -151,6 +152,7 @@ const options = mkOptions(CONFIG, {
active_monitor: opt(true),
radius: opt('0.4em'),
margins: opt('7px 7px 7px 7px'),
enableShadow: opt(false),
shadow: opt('0px 0px 3px 2px #16161e'),
location: opt<OSDAnchor>('right'),
muted_zero: opt(false),
@@ -162,6 +164,7 @@ const options = mkOptions(CONFIG, {
layer: opt<WindowLayer>('top'),
margin_top: opt('0.5em'),
opacity: opt(100),
enableShadow: opt(false),
shadow: opt('0px 1px 2px 1px #16161e'),
shadowMargins: opt('0px 0px 4px 0px'),
margin_bottom: opt('0em'),
@@ -436,6 +439,7 @@ const options = mkOptions(CONFIG, {
radius: opt('0.7em'),
color: opt(colors.surface0),
},
enableShadow: opt(false),
shadow: opt('0px 0px 3px 1px #16161e'),
shadowMargins: opt('5px 5px'),
text: opt(colors.text),

4
src/scss/style/bar/bar.scss
View File

@@ -16,8 +16,8 @@
background: if($bar-transparent, transparent, transparentize($bar-background, $transparency-value));
border-radius: if($bar-floating, $bar-border_radius, 0em);
margin: $bar-shadowMargins;
box-shadow: $bar-shadow;
margin: if($bar-enableShadow, $bar-shadowMargins, 0px);
box-shadow: if($bar-enableShadow, $bar-shadow, 0 0 0 0);
&.withBorder {
border-top: if(

4
src/scss/style/menus/menu.scss
View File

@@ -228,8 +228,8 @@
.dropdown-content {
border-radius: $bar-menus-border-radius;
margin: $bar-menus-shadowMargins;
box-shadow: $bar-menus-shadow;
margin: if($bar-menus-enableShadow, $bar-menus-shadowMargins, 0px);
box-shadow: if($bar-menus-enableShadow, $bar-menus-shadow, 0 0 0 0);
}
.menu-label {

4
src/scss/style/notifications/popups.scss
View File

@@ -7,8 +7,8 @@
min-height: 4em;
border-radius: $notification-border_radius;
opacity: $notification-opacity * 0.01;
margin: $notification-shadowMargins;
box-shadow: $notification-shadow;
margin: if($notification-enableShadow, $notification-shadowMargins, 0px);
box-shadow: if($notification-enableShadow, $notification-shadow, 0 0 0 0);
}
.notification-card-container {

2
src/scss/style/osd/index.scss
View File

@@ -6,7 +6,7 @@
.osd-container {
margin: $osd-margins;
opacity: $osd-opacity * 0.01;
box-shadow: $osd-shadow;
box-shadow: if($osd-enableShadow, $osd-shadow, 0 0 0 0);
border-radius: $osd-radius;
}