1
0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2025-12-06 05:25:41 -05:00

antialiasing: true on rectangles

This commit is contained in:
bbedward
2025-09-30 13:28:07 -04:00
parent 123ec5c78a
commit ab0759f441
5 changed files with 41 additions and 3 deletions

View File

@@ -47,6 +47,7 @@ PanelWindow {
border.width: 0 border.width: 0
opacity: powerMenuVisible ? 1 : 0 opacity: powerMenuVisible ? 1 : 0
scale: powerMenuVisible ? 1 : 0.85 scale: powerMenuVisible ? 1 : 0.85
antialiasing: true
MouseArea { MouseArea {

View File

@@ -63,6 +63,7 @@ DankPopout {
implicitHeight: contentColumn.height + Theme.spacingM * 2 implicitHeight: contentColumn.height + Theme.spacingM * 2
color: Theme.surfaceContainer color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
focus: true focus: true
Component.onCompleted: { Component.onCompleted: {
@@ -93,6 +94,7 @@ DankPopout {
anchors.fill: parent anchors.fill: parent
color: Qt.rgba(Theme.surfaceTint.r, Theme.surfaceTint.g, Theme.surfaceTint.b, 0.04) color: Qt.rgba(Theme.surfaceTint.r, Theme.surfaceTint.g, Theme.surfaceTint.b, 0.04)
radius: parent.radius radius: parent.radius
antialiasing: true
SequentialAnimation on opacity { SequentialAnimation on opacity {
running: root.shouldBeVisible running: root.shouldBeVisible

View File

@@ -271,6 +271,7 @@ Item {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
opacity: 1.0 opacity: 1.0
gradient: Gradient { gradient: Gradient {
GradientStop { GradientStop {
@@ -359,6 +360,7 @@ Item {
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.6) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.6)
border.width: 2 border.width: 2
radius: Theme.cornerRadius * 2 radius: Theme.cornerRadius * 2
antialiasing: true
layer.enabled: true layer.enabled: true
layer.effect: MultiEffect { layer.effect: MultiEffect {
@@ -431,10 +433,11 @@ Item {
delegate: Rectangle { delegate: Rectangle {
required property var modelData required property var modelData
required property int index required property int index
width: parent.width width: parent.width
height: 48 height: 48
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
color: deviceMouseAreaLeft.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Theme.surfaceContainerHigh color: deviceMouseAreaLeft.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Theme.surfaceContainerHigh
border.color: modelData === AudioService.sink ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: modelData === AudioService.sink ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: modelData === AudioService.sink ? 2 : 1 border.width: modelData === AudioService.sink ? 2 : 1
@@ -517,6 +520,7 @@ Item {
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.6) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.6)
border.width: 2 border.width: 2
radius: Theme.cornerRadius * 2 radius: Theme.cornerRadius * 2
antialiasing: true
layer.enabled: true layer.enabled: true
layer.effect: MultiEffect { layer.effect: MultiEffect {
@@ -593,6 +597,7 @@ Item {
width: parent.width width: parent.width
height: 48 height: 48
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
color: playerMouseArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Theme.surfaceContainerHigh color: playerMouseArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Theme.surfaceContainerHigh
border.color: modelData === activePlayer ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: modelData === activePlayer ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: modelData === activePlayer ? 2 : 1 border.width: modelData === activePlayer ? 2 : 1
@@ -838,6 +843,7 @@ Item {
height: 40 height: 40
radius: 20 radius: 20
anchors.centerIn: parent anchors.centerIn: parent
antialiasing: true
color: shuffleArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent" color: shuffleArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
DankIcon { DankIcon {
@@ -879,6 +885,7 @@ Item {
height: 40 height: 40
radius: 20 radius: 20
anchors.centerIn: parent anchors.centerIn: parent
antialiasing: true
color: prevBtnArea.containsMouse ? Theme.surfaceContainerHigh : "transparent" color: prevBtnArea.containsMouse ? Theme.surfaceContainerHigh : "transparent"
DankIcon { DankIcon {
@@ -918,6 +925,7 @@ Item {
height: 50 height: 50
radius: 25 radius: 25
anchors.centerIn: parent anchors.centerIn: parent
antialiasing: true
color: Theme.primary color: Theme.primary
DankIcon { DankIcon {
@@ -957,6 +965,7 @@ Item {
height: 40 height: 40
radius: 20 radius: 20
anchors.centerIn: parent anchors.centerIn: parent
antialiasing: true
color: nextBtnArea.containsMouse ? Theme.surfaceContainerHigh : "transparent" color: nextBtnArea.containsMouse ? Theme.surfaceContainerHigh : "transparent"
DankIcon { DankIcon {
@@ -987,6 +996,7 @@ Item {
height: 40 height: 40
radius: 20 radius: 20
anchors.centerIn: parent anchors.centerIn: parent
antialiasing: true
color: repeatArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent" color: repeatArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
DankIcon { DankIcon {
@@ -1047,6 +1057,7 @@ Item {
radius: 20 radius: 20
x: parent.width - 40 - Theme.spacingM x: parent.width - 40 - Theme.spacingM
y: 185 y: 185
antialiasing: true
color: playerSelectorArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2) : "transparent" color: playerSelectorArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2) : "transparent"
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3)
border.width: 1 border.width: 1
@@ -1100,6 +1111,7 @@ Item {
radius: 20 radius: 20
x: parent.width - 40 - Theme.spacingM x: parent.width - 40 - Theme.spacingM
y: 130 y: 130
antialiasing: true
color: volumeButtonArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2) : "transparent" color: volumeButtonArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2) : "transparent"
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3)
border.width: 1 border.width: 1
@@ -1154,7 +1166,8 @@ Item {
height: 40 height: 40
radius: 20 radius: 20
x: parent.width - 40 - Theme.spacingM x: parent.width - 40 - Theme.spacingM
y: 240 y: 240
antialiasing: true
color: audioDevicesArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2) : "transparent" color: audioDevicesArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2) : "transparent"
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3)
border.width: 1 border.width: 1
@@ -1216,6 +1229,7 @@ Item {
background: Rectangle { background: Rectangle {
radius: Theme.cornerRadius * 2 radius: Theme.cornerRadius * 2
antialiasing: true
color: Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) color: Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95)
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3)
border.width: 1 border.width: 1
@@ -1276,6 +1290,7 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
} }
Rectangle { Rectangle {
@@ -1289,6 +1304,7 @@ Item {
bottomRightRadius: Theme.cornerRadius bottomRightRadius: Theme.cornerRadius
topLeftRadius: 0 topLeftRadius: 0
topRightRadius: 0 topRightRadius: 0
antialiasing: true
} }
Rectangle { Rectangle {
@@ -1296,6 +1312,7 @@ Item {
width: parent.width + 8 width: parent.width + 8
height: 8 height: 8
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
y: { y: {
const ratio = defaultSink ? Math.min(1.0, defaultSink.audio.volume) : 0 const ratio = defaultSink ? Math.min(1.0, defaultSink.audio.volume) : 0
const travel = parent.height - height const travel = parent.height - height
@@ -1309,6 +1326,7 @@ Item {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
color: Theme.onPrimary color: Theme.onPrimary
opacity: volumeSliderArea.pressed ? 0.16 : (volumeSliderArea.containsMouse ? 0.08 : 0) opacity: volumeSliderArea.pressed ? 0.16 : (volumeSliderArea.containsMouse ? 0.08 : 0)
visible: opacity > 0 visible: opacity > 0
@@ -1320,6 +1338,7 @@ Item {
width: 0 width: 0
height: 0 height: 0
radius: width / 2 radius: width / 2
antialiasing: true
color: Theme.onPrimary color: Theme.onPrimary
opacity: 0 opacity: 0

View File

@@ -218,6 +218,7 @@ Item {
width: parent.width width: parent.width
height: 1 height: 1
color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1) color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
antialiasing: true
} }
GridLayout { GridLayout {
@@ -232,6 +233,7 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
antialiasing: true
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -243,6 +245,7 @@ Item {
radius: 16 radius: 16
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1) color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
antialiasing: true
DankIcon { DankIcon {
anchors.centerIn: parent anchors.centerIn: parent
@@ -279,6 +282,7 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
antialiasing: true
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -290,6 +294,7 @@ Item {
radius: 16 radius: 16
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1) color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
antialiasing: true
DankIcon { DankIcon {
anchors.centerIn: parent anchors.centerIn: parent
@@ -326,6 +331,7 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
antialiasing: true
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -337,6 +343,7 @@ Item {
radius: 16 radius: 16
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1) color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
antialiasing: true
DankIcon { DankIcon {
anchors.centerIn: parent anchors.centerIn: parent
@@ -373,6 +380,7 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
antialiasing: true
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -384,6 +392,7 @@ Item {
radius: 16 radius: 16
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1) color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
antialiasing: true
DankIcon { DankIcon {
anchors.centerIn: parent anchors.centerIn: parent
@@ -420,6 +429,7 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
antialiasing: true
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -431,6 +441,7 @@ Item {
radius: 16 radius: 16
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1) color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
antialiasing: true
DankIcon { DankIcon {
anchors.centerIn: parent anchors.centerIn: parent
@@ -467,6 +478,7 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainerHigh color: Theme.surfaceContainerHigh
antialiasing: true
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -478,6 +490,7 @@ Item {
radius: 16 radius: 16
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1) color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
antialiasing: true
DankIcon { DankIcon {
anchors.centerIn: parent anchors.centerIn: parent
@@ -514,6 +527,7 @@ Item {
width: parent.width width: parent.width
height: 1 height: 1
color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1) color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
antialiasing: true
} }
Column { Column {
@@ -540,7 +554,8 @@ Item {
width: (parent.width - Theme.spacingXS * 6) / 7 width: (parent.width - Theme.spacingXS * 6) / 7
height: parent.height height: parent.height
radius: Theme.cornerRadius radius: Theme.cornerRadius
antialiasing: true
property var dayDate: { property var dayDate: {
const date = new Date() const date = new Date()
date.setDate(date.getDate() + index) date.setDate(date.getDate() + index)

View File

@@ -4,6 +4,7 @@ import qs.Common
Rectangle { Rectangle {
color: "transparent" color: "transparent"
radius: Appearance.rounding.normal radius: Appearance.rounding.normal
antialiasing: true
readonly property var standardAnimation: { readonly property var standardAnimation: {
"duration": Appearance.anim.durations.normal, "duration": Appearance.anim.durations.normal,