refractor shadows

This commit is contained in:
end-4 2025-05-30 09:32:17 +02:00
parent 7966a8dadf
commit cbe086d835
12 changed files with 35 additions and 69 deletions

View file

@ -57,13 +57,8 @@ Scope { // Scope
// Background
RectangularShadow {
anchors.fill: cheatsheetBackground
radius: cheatsheetBackground.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
cached: true
StyledRectangularShadow {
target: cheatsheetBackground
}
Rectangle {
id: cheatsheetBackground

View file

@ -105,14 +105,9 @@ Item { // Notification group area
}
}
RectangularShadow {
StyledRectangularShadow {
target: background
visible: popup
anchors.fill: background
radius: background.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
}
Rectangle { // Background of the notification
id: background

View file

@ -0,0 +1,13 @@
import QtQuick
import QtQuick.Effects
import "root:/modules/common"
RectangularShadow {
required property var target
anchors.fill: target
radius: target.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
cached: true
}

View file

@ -75,13 +75,8 @@ Scope { // Scope
implicitWidth: dockRow.implicitWidth + 5 * 2
height: parent.height - Appearance.sizes.elevationMargin - Appearance.sizes.hyprlandGapsOut
RectangularShadow {
anchors.fill: dockVisualBackground
radius: dockVisualBackground.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
cached: true
StyledRectangularShadow {
target: dockVisualBackground
}
Rectangle {
id: dockVisualBackground

View file

@ -104,13 +104,8 @@ Item { // Player instance
}
RectangularShadow {
anchors.fill: background
radius: background.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
cached: true
StyledRectangularShadow {
target: background
}
Rectangle { // Background
id: background

View file

@ -25,12 +25,8 @@ Item {
implicitWidth: Appearance.sizes.osdWidth
implicitHeight: valueIndicator.implicitHeight
RectangularShadow {
anchors.fill: valueIndicator
radius: valueIndicator.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
StyledRectangularShadow {
target: valueIndicator
}
WrapperRectangle {
id: valueIndicator

View file

@ -49,12 +49,8 @@ Item {
property Component windowComponent: OverviewWindow {}
property list<OverviewWindow> windowWidgets: []
RectangularShadow { // Background shadow
anchors.fill: overviewBackground
radius: overviewBackground.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
StyledRectangularShadow {
target: overviewBackground
}
Rectangle { // Background
id: overviewBackground

View file

@ -169,12 +169,8 @@ Item { // Wrapper
}
}
RectangularShadow { // Background shadow
anchors.fill: searchWidgetContent
radius: searchWidgetContent.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
StyledRectangularShadow {
target: searchWidgetContent
}
Rectangle { // Background
id: searchWidgetContent

View file

@ -65,12 +65,8 @@ Scope { // Scope
}
// Background
RectangularShadow { // Background shadow
anchors.fill: sidebarLeftBackground
radius: sidebarLeftBackground.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
StyledRectangularShadow {
target: sidebarLeftBackground
}
Rectangle {
id: sidebarLeftBackground

View file

@ -124,12 +124,8 @@ Button {
width: contextMenu.width
height: contextMenu.height
RectangularShadow { // Background shadow
anchors.fill: contextMenu
radius: contextMenu.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
StyledRectangularShadow {
target: contextMenu
}
Rectangle {
id: contextMenu

View file

@ -60,12 +60,8 @@ Scope {
implicitHeight: sidebarRightBackground.implicitHeight
implicitWidth: sidebarRightBackground.implicitWidth
RectangularShadow { // Background shadow
anchors.fill: sidebarRightBackground
radius: sidebarRightBackground.radius
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
StyledRectangularShadow {
target: sidebarRightBackground
}
Rectangle {
id: sidebarRightBackground

View file

@ -152,12 +152,9 @@ Item {
}
// + FAB
RectangularShadow { // Background shadow
anchors.fill: fabButton
StyledRectangularShadow {
target: fabButton
radius: Appearance.rounding.normal
blur: 1.2 * Appearance.sizes.elevationMargin
spread: 1
color: Appearance.colors.colShadow
}
Button {
id: fabButton