1
0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2025-12-07 05:55:37 -05:00

stylistic updates

This commit is contained in:
bbedward
2025-07-24 18:44:19 -04:00
parent 366930fc03
commit 4086e914a7

View File

@@ -34,30 +34,9 @@ ScrollView {
anchors.margins: Theme.spacingL anchors.margins: Theme.spacingL
spacing: Theme.spacingM spacing: Theme.spacingM
Row {
width: parent.width
spacing: Theme.spacingM
DankIcon {
name: "apps"
size: Theme.iconSize
color: Theme.primary
anchors.verticalCenter: parent.verticalCenter
}
StyledText {
text: "App Launcher"
font.pixelSize: Theme.fontSizeLarge
font.weight: Font.Medium
color: Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
}
}
DankToggle { DankToggle {
width: parent.width width: parent.width
text: "Use OS Logo for App Launcher" text: "Use OS Logo"
description: "Display operating system logo instead of apps icon" description: "Display operating system logo instead of apps icon"
checked: Prefs.useOSLogo checked: Prefs.useOSLogo
onToggled: (checked) => { onToggled: (checked) => {
@@ -65,32 +44,16 @@ ScrollView {
} }
} }
StyledRect { Row {
width: parent.width width: parent.width - Theme.spacingL
height: logoCustomization.implicitHeight + Theme.spacingM * 2 spacing: Theme.spacingL
radius: Theme.cornerRadius
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3)
border.width: 1
visible: Prefs.useOSLogo visible: Prefs.useOSLogo
opacity: visible ? 1 : 0 opacity: visible ? 1 : 0
anchors.left: parent.left
anchors.leftMargin: Theme.spacingL
Column { Column {
id: logoCustomization width: 120
anchors.fill: parent
anchors.margins: Theme.spacingM
spacing: Theme.spacingM
StyledText {
text: "OS Logo Customization"
font.pixelSize: Theme.fontSizeMedium
color: Theme.surfaceText
font.weight: Font.Medium
}
Column {
width: parent.width
spacing: Theme.spacingS spacing: Theme.spacingS
StyledText { StyledText {
@@ -101,14 +64,14 @@ ScrollView {
} }
DankTextField { DankTextField {
width: 160 width: 100
height: 36 height: 28
placeholderText: "#ffffff" placeholderText: "#ffffff"
text: Prefs.osLogoColorOverride text: Prefs.osLogoColorOverride
maximumLength: 7 maximumLength: 7
font.pixelSize: Theme.fontSizeMedium font.pixelSize: Theme.fontSizeSmall
topPadding: Theme.spacingS topPadding: Theme.spacingXS
bottomPadding: Theme.spacingS bottomPadding: Theme.spacingXS
onEditingFinished: { onEditingFinished: {
var color = text.trim(); var color = text.trim();
if (color === "" || /^#[0-9A-Fa-f]{6}$/.test(color)) if (color === "" || /^#[0-9A-Fa-f]{6}$/.test(color))
@@ -121,7 +84,7 @@ ScrollView {
} }
Column { Column {
width: parent.width width: 120
spacing: Theme.spacingS spacing: Theme.spacingS
StyledText { StyledText {
@@ -132,12 +95,12 @@ ScrollView {
} }
DankSlider { DankSlider {
width: parent.width width: 100
height: 24 height: 20
minimum: 0 minimum: 0
maximum: 100 maximum: 100
value: Math.round(Prefs.osLogoBrightness * 100) value: Math.round(Prefs.osLogoBrightness * 100)
unit: "" unit: "%"
showValue: true showValue: true
onSliderValueChanged: (newValue) => { onSliderValueChanged: (newValue) => {
Prefs.setOSLogoBrightness(newValue / 100); Prefs.setOSLogoBrightness(newValue / 100);
@@ -147,7 +110,7 @@ ScrollView {
} }
Column { Column {
width: parent.width width: 120
spacing: Theme.spacingS spacing: Theme.spacingS
StyledText { StyledText {
@@ -158,12 +121,12 @@ ScrollView {
} }
DankSlider { DankSlider {
width: parent.width width: 100
height: 24 height: 20
minimum: 0 minimum: 0
maximum: 200 maximum: 200
value: Math.round(Prefs.osLogoContrast * 100) value: Math.round(Prefs.osLogoContrast * 100)
unit: "" unit: "%"
showValue: true showValue: true
onSliderValueChanged: (newValue) => { onSliderValueChanged: (newValue) => {
Prefs.setOSLogoContrast(newValue / 100); Prefs.setOSLogoContrast(newValue / 100);
@@ -172,8 +135,6 @@ ScrollView {
} }
}
Behavior on opacity { Behavior on opacity {
NumberAnimation { NumberAnimation {
duration: Theme.mediumDuration duration: Theme.mediumDuration
@@ -269,7 +230,7 @@ ScrollView {
StyledText { StyledText {
width: parent.width width: parent.width
text: "Apps are ordered by usage frequency, then alphabetically." text: "Apps are ordered by usage frequency, then last used, then alphabetically."
font.pixelSize: Theme.fontSizeSmall font.pixelSize: Theme.fontSizeSmall
color: Theme.surfaceVariantText color: Theme.surfaceVariantText
wrapMode: Text.WordWrap wrapMode: Text.WordWrap