Colors: slight rework of the default colorscheme and overall colors usage

This commit is contained in:
quadbyte
2025-08-14 08:22:13 -04:00
parent ef5fff12d1
commit 63fb5bd290
13 changed files with 48 additions and 29 deletions
@@ -3,8 +3,8 @@
"backgroundSecondary": "#1f1d2e",
"backgroundTertiary": "#26233a",
"surface": "#1f1d2e",
"surfaceVariant": "#37354c",
"surface": "#1b1927",
"surfaceVariant": "#262337",
"textPrimary": "#e0def4",
"textSecondary": "#908caa",
@@ -23,4 +23,4 @@
"shadow": "#191724",
"overlay": "#191724"
}
}
+2 -2
View File
@@ -68,11 +68,11 @@ PanelWindow {
gradient: Gradient {
GradientStop {
position: 0.0
color: Colors.backgroundTertiary
color: Colors.backgroundSecondary
}
GradientStop {
position: 1.0
color: Colors.backgroundSecondary
color: Colors.backgroundTertiary
}
}
+1 -1
View File
@@ -281,7 +281,7 @@ NLoader {
Layout.fillWidth: true
Layout.fillHeight: true
radius: Style.radiusMedium * scaling
color: Colors.surface
color: Colors.surfaceVariant
border.color: Colors.outline
border.width: Math.max(1, Style.borderThin * scaling)
clip: true
+2 -2
View File
@@ -168,10 +168,10 @@ ColumnLayout {
}
NText {
text: `Contributors: ${root.contributors.length}`
text: `Shout-out to our ${root.contributors.length} awesome contributors!`
font.pointSize: Style.fontSizeLarge * scaling
font.weight: Style.fontWeightBold
color: Colors.textPrimary
color: Colors.textSecondary
Layout.alignment: Qt.AlignCenter
Layout.topMargin: Style.marginLarge * 2
}
+9 -4
View File
@@ -21,19 +21,23 @@ NBox {
// }
ColumnLayout {
anchors.fill: parent
Layout.fillHeight: true
anchors.margins: Style.marginLarge * scaling
// Fallback
ColumnLayout {
id: fallback
visible: !main.visible
spacing: Style.marginMedium * scaling
spacing: Style.marginSmall * scaling
Item {
Layout.fillWidth: true
Layout.fillHeight: true
}
NText {
text: "music_note"
text: "album"
font.family: "Material Symbols Outlined"
font.pointSize: 28 * scaling
color: Colors.textSecondary
@@ -44,6 +48,7 @@ NBox {
color: Colors.textDisabled
Layout.alignment: Qt.AlignHCenter
}
Item {
Layout.fillWidth: true
}
@@ -117,11 +122,11 @@ NBox {
gradient: Gradient {
GradientStop {
position: 0.0
color: Colors.backgroundTertiary
color: Colors.backgroundSecondary
}
GradientStop {
position: 1.0
color: Colors.backgroundSecondary
color: Colors.backgroundTertiary
}
}
border.color: Colors.outline
+6 -4
View File
@@ -30,7 +30,7 @@ NBox {
text: weatherReady ? Location.weatherSymbolFromCode(Location.data.weather.current_weather.weathercode) : ""
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * 1.5 * scaling
color: Colors.accentSecondary
color: Colors.accentPrimary
}
ColumnLayout {
@@ -41,8 +41,8 @@ NBox {
const chunks = Settings.data.location.name.split(",")
return chunks[0]
}
font.pointSize: Style.fontSizeLarger * scaling
font.weight: Style.fontWeightBold
font.pointSize: Style.fontSizeXL * scaling
}
RowLayout {
@@ -53,11 +53,13 @@ NBox {
return ""
}
var temp = Location.data.weather.current_weather.temperature
var suffix = "C"
if (Settings.data.location.useFahrenheit) {
temp = Location.celsiusToFahrenheit(temp)
var suffix = "F"
}
temp = Math.round(temp)
return `${temp}°`
return `${temp}°${suffix}`
}
font.pointSize: Style.fontSizeXL * scaling
font.weight: Style.fontWeightBold
@@ -95,7 +97,7 @@ NBox {
text: Location.weatherSymbolFromCode(Location.data.weather.daily.weathercode[index])
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling
color: Colors.textSecondary
color: Colors.accentPrimary
}
NText {
text: {
+2 -2
View File
@@ -30,11 +30,11 @@ NPanel {
gradient: Gradient {
GradientStop {
position: 0.0
color: Colors.backgroundTertiary
color: Colors.backgroundSecondary
}
GradientStop {
position: 1.0
color: Colors.backgroundSecondary
color: Colors.backgroundTertiary
}
}
+12 -1
View File
@@ -81,7 +81,18 @@ NLoader {
// Inline helpers moved to dedicated widgets: NCard and NCircleStat
Rectangle {
id: panelBackground
color: Colors.backgroundPrimary
color: "transparent"
gradient: Gradient {
GradientStop {
position: 0.0
color: Colors.backgroundSecondary
}
GradientStop {
position: 1.0
color: Colors.backgroundTertiary
}
}
radius: Style.radiusLarge * scaling
border.color: Colors.backgroundTertiary
border.width: Math.max(1, Style.borderMedium * scaling)
+4 -4
View File
@@ -58,8 +58,8 @@ Singleton {
property color backgroundSecondary: "#1f1d2e"
property color backgroundTertiary: "#26233a"
property color surface: "#1f1d2e"
property color surfaceVariant: "#37354c"
property color surface: "#1b1927"
property color surfaceVariant: "#262337"
property color textPrimary: "#e0def4"
property color textSecondary: "#908caa"
@@ -134,8 +134,8 @@ Singleton {
property string backgroundTertiary: "#26233a"
// Surfaces & Elevation
property string surface: "#1f1d2e"
property string surfaceVariant: "#37354c"
property string surface: "#1b1927"
property string surfaceVariant: "#262337"
// Text Colors
property string textPrimary: "#e0def4"
+1
View File
@@ -18,6 +18,7 @@ Singleton {
property real fontSizeMedium: 11
property real fontSizeInter: 12
property real fontSizeLarge: 13
property real fontSizeLarger: 16
property real fontSizeXL: 18
property real fontSizeXXL: 24
+1 -1
View File
@@ -11,7 +11,7 @@ Rectangle {
implicitWidth: childrenRect.width
implicitHeight: childrenRect.height
color: Colors.surfaceVariant
color: Colors.surface
radius: Style.radiusMedium * scaling
border.color: Colors.backgroundTertiary
border.width: Math.max(1, Style.borderThin * scaling)
+3 -3
View File
@@ -57,8 +57,8 @@ Rectangle {
const endBg = Math.PI * 5 / 3
ctx.reset()
ctx.lineWidth = 6 * root.scaling * contentScale
// Track uses backgroundPrimary for stronger contrast
ctx.strokeStyle = Colors.backgroundPrimary
// Track uses surfaceVariant for stronger contrast
ctx.strokeStyle = Colors.surfaceVariant
ctx.beginPath()
ctx.arc(cx, cy, r, start, endBg)
ctx.stroke()
@@ -89,7 +89,7 @@ Rectangle {
width: 28 * scaling * contentScale
height: width
radius: width / 2
color: Colors.backgroundSecondary
color: Colors.surfaceVariant
// border.color: Colors.accentPrimary
// border.width: Math.max(1, Style.borderThin * scaling)
anchors.right: parent.right
+2 -2
View File
@@ -138,11 +138,11 @@ Window {
gradient: Gradient {
GradientStop {
position: 0.0
color: Colors.backgroundTertiary
color: Colors.backgroundSecondary
}
GradientStop {
position: 1.0
color: Colors.backgroundSecondary
color: Colors.backgroundTertiary
}
}
border.color: Colors.outline