mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2025-12-06 21:45:38 -05:00
stylistic updates
This commit is contained in:
bbedward
@@ -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,111 +44,93 @@ 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
|
||||||
|
spacing: Theme.spacingS
|
||||||
anchors.fill: parent
|
|
||||||
anchors.margins: Theme.spacingM
|
|
||||||
spacing: Theme.spacingM
|
|
||||||
|
|
||||||
StyledText {
|
StyledText {
|
||||||
text: "OS Logo Customization"
|
text: "Color Override"
|
||||||
font.pixelSize: Theme.fontSizeMedium
|
font.pixelSize: Theme.fontSizeSmall
|
||||||
color: Theme.surfaceText
|
color: Theme.surfaceText
|
||||||
font.weight: Font.Medium
|
font.weight: Font.Medium
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
DankTextField {
|
||||||
width: parent.width
|
width: 100
|
||||||
spacing: Theme.spacingS
|
height: 28
|
||||||
|
placeholderText: "#ffffff"
|
||||||
StyledText {
|
text: Prefs.osLogoColorOverride
|
||||||
text: "Color Override"
|
maximumLength: 7
|
||||||
font.pixelSize: Theme.fontSizeSmall
|
font.pixelSize: Theme.fontSizeSmall
|
||||||
color: Theme.surfaceText
|
topPadding: Theme.spacingXS
|
||||||
font.weight: Font.Medium
|
bottomPadding: Theme.spacingXS
|
||||||
|
onEditingFinished: {
|
||||||
|
var color = text.trim();
|
||||||
|
if (color === "" || /^#[0-9A-Fa-f]{6}$/.test(color))
|
||||||
|
Prefs.setOSLogoColorOverride(color);
|
||||||
|
else
|
||||||
|
text = Prefs.osLogoColorOverride;
|
||||||
}
|
}
|
||||||
|
|
||||||
DankTextField {
|
|
||||||
width: 160
|
|
||||||
height: 36
|
|
||||||
placeholderText: "#ffffff"
|
|
||||||
text: Prefs.osLogoColorOverride
|
|
||||||
maximumLength: 7
|
|
||||||
font.pixelSize: Theme.fontSizeMedium
|
|
||||||
topPadding: Theme.spacingS
|
|
||||||
bottomPadding: Theme.spacingS
|
|
||||||
onEditingFinished: {
|
|
||||||
var color = text.trim();
|
|
||||||
if (color === "" || /^#[0-9A-Fa-f]{6}$/.test(color))
|
|
||||||
Prefs.setOSLogoColorOverride(color);
|
|
||||||
else
|
|
||||||
text = Prefs.osLogoColorOverride;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
}
|
||||||
width: parent.width
|
|
||||||
spacing: Theme.spacingS
|
|
||||||
|
|
||||||
StyledText {
|
Column {
|
||||||
text: "Brightness"
|
width: 120
|
||||||
font.pixelSize: Theme.fontSizeSmall
|
spacing: Theme.spacingS
|
||||||
color: Theme.surfaceText
|
|
||||||
font.weight: Font.Medium
|
|
||||||
}
|
|
||||||
|
|
||||||
DankSlider {
|
|
||||||
width: parent.width
|
|
||||||
height: 24
|
|
||||||
minimum: 0
|
|
||||||
maximum: 100
|
|
||||||
value: Math.round(Prefs.osLogoBrightness * 100)
|
|
||||||
unit: ""
|
|
||||||
showValue: true
|
|
||||||
onSliderValueChanged: (newValue) => {
|
|
||||||
Prefs.setOSLogoBrightness(newValue / 100);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
StyledText {
|
||||||
|
text: "Brightness"
|
||||||
|
font.pixelSize: Theme.fontSizeSmall
|
||||||
|
color: Theme.surfaceText
|
||||||
|
font.weight: Font.Medium
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
DankSlider {
|
||||||
width: parent.width
|
width: 100
|
||||||
spacing: Theme.spacingS
|
height: 20
|
||||||
|
minimum: 0
|
||||||
StyledText {
|
maximum: 100
|
||||||
text: "Contrast"
|
value: Math.round(Prefs.osLogoBrightness * 100)
|
||||||
font.pixelSize: Theme.fontSizeSmall
|
unit: "%"
|
||||||
color: Theme.surfaceText
|
showValue: true
|
||||||
font.weight: Font.Medium
|
onSliderValueChanged: (newValue) => {
|
||||||
|
Prefs.setOSLogoBrightness(newValue / 100);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
DankSlider {
|
}
|
||||||
width: parent.width
|
|
||||||
height: 24
|
Column {
|
||||||
minimum: 0
|
width: 120
|
||||||
maximum: 200
|
spacing: Theme.spacingS
|
||||||
value: Math.round(Prefs.osLogoContrast * 100)
|
|
||||||
unit: ""
|
StyledText {
|
||||||
showValue: true
|
text: "Contrast"
|
||||||
onSliderValueChanged: (newValue) => {
|
font.pixelSize: Theme.fontSizeSmall
|
||||||
Prefs.setOSLogoContrast(newValue / 100);
|
color: Theme.surfaceText
|
||||||
}
|
font.weight: Font.Medium
|
||||||
|
}
|
||||||
|
|
||||||
|
DankSlider {
|
||||||
|
width: 100
|
||||||
|
height: 20
|
||||||
|
minimum: 0
|
||||||
|
maximum: 200
|
||||||
|
value: Math.round(Prefs.osLogoContrast * 100)
|
||||||
|
unit: "%"
|
||||||
|
showValue: true
|
||||||
|
onSliderValueChanged: (newValue) => {
|
||||||
|
Prefs.setOSLogoContrast(newValue / 100);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user