never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
Assets/Colors/default.json → Assets/Colors/rosepine.json
View file

@ -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"
}
}

4
Modules/Notification/Notification.qml
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
}
}

2
Modules/Settings/SettingsPanel.qml
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

4
Modules/Settings/Tabs/About.qml
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
}

13
Modules/SidePanel/Cards/MediaCard.qml
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

10
Modules/SidePanel/Cards/WeatherCard.qml
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: {

4
Modules/SidePanel/PowerMenu.qml
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
}
}

13
Modules/SidePanel/SidePanel.qml
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)

8
Services/Colors.qml
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
Services/Style.qml
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

2
Widgets/NBox.qml
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)

6
Widgets/NCircleStat.qml
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

4
Widgets/NTooltip.qml
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