Colors cleanup

- removed mOutlineVariant, using mOutline everywhere
- reworked all predefined color schemes (dark mode only, light mode
incoming)
This commit is contained in:
quadbyte 2025-08-18 14:08:58 -04:00
parent f300bfafcc
commit 7d3dc9c815
20 changed files with 77 additions and 119 deletions

View file

@ -202,7 +202,7 @@ NLoader {
id: bgRect
color: Color.mSurface
radius: Style.radiusL * scaling
border.color: Color.mOutlineVariant
border.color: Color.mOutline
border.width: Math.max(1, Style.borderS * scaling)
layer.enabled: true
width: Math.max(screen.width * 0.5, 1280) * scaling
@ -249,7 +249,7 @@ NLoader {
Layout.preferredWidth: Style.sliderWidth * 1.3 * scaling
Layout.fillHeight: true
color: Color.mSurfaceVariant
border.color: Color.mOutlineVariant
border.color: Color.mOutline
border.width: Math.max(1, Style.borderS * scaling)
radius: Style.radiusM * scaling
@ -311,7 +311,7 @@ NLoader {
Layout.fillHeight: true
radius: Style.radiusM * scaling
color: Color.mSurfaceVariant
border.color: Color.mOutlineVariant
border.color: Color.mOutline
border.width: Math.max(1, Style.borderS * scaling)
clip: true

View file

@ -109,8 +109,8 @@ ColumnLayout {
// Use Matugen
NToggle {
label: "Use Matugen"
description: "Automatically generate colors based on your active wallpaper using Matugen."
label: "Enable Matugen"
description: "Automatically generate colors based on your active wallpaper."
checked: Settings.data.colorSchemes.useWallpaperColors
onToggled: checked => {
Settings.data.colorSchemes.useWallpaperColors = checked
@ -123,7 +123,7 @@ ColumnLayout {
// Dark Mode Toggle (affects both Matugen and predefined schemes that provide variants)
NToggle {
label: "Dark Mode"
description: Settings.data.colorSchemes.useWallpaperColors ? "Generate dark theme colors when using Matugen. Disable for light theme." : "If the selected predefined scheme has light/dark variants, this chooses which one."
description: Settings.data.colorSchemes.useWallpaperColors ? "Generate dark theme colors when using Matugen." : "Use a dark variant if available."
checked: Settings.data.colorSchemes.darkMode
enabled: true
onToggled: checked => {

View file

@ -156,7 +156,7 @@ Item {
Rectangle {
anchors.fill: parent
color: Color.transparent
border.color: isSelected ? Color.mPrimary : Color.mOutline
border.color: isSelected ? Color.mPrimary : Color.mSurface
border.width: Math.max(1, Style.borderL * scaling)
}
@ -165,8 +165,8 @@ Item {
anchors.top: parent.top
anchors.right: parent.right
anchors.margins: Style.marginXS * scaling
width: 20 * scaling
height: 20 * scaling
width: 28 * scaling
height: 28 * scaling
radius: width / 2
color: Color.mPrimary
border.color: Color.mOutline
@ -175,7 +175,8 @@ Item {
NIcon {
text: "check"
font.pointSize: Style.fontSizeXS * scaling
font.pointSize: Style.fontSizeM * scaling
font.weight: Style.fontWeightBold
color: Color.mOnPrimary
anchors.centerIn: parent
}