Renamed all color names so they are shorter

This commit is contained in:
quadbyte 2025-08-14 19:52:03 -04:00
parent 9e51fdc932
commit 06f8f93f83
51 changed files with 423 additions and 440 deletions

View file

@ -40,12 +40,12 @@ NBox {
text: "album"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXXL * 2.5 * scaling
color: Colors.colorOnSurfaceVariant
color: Colors.mOnSurfaceVariant
Layout.alignment: Qt.AlignHCenter
}
NText {
text: "No media player detected"
color: Colors.colorOnSurfaceVariant
color: Colors.mOnSurfaceVariant
Layout.alignment: Qt.AlignHCenter
}
@ -76,7 +76,7 @@ NBox {
// implicitWidth: 120 * scaling
// implicitHeight: 30 * scaling
color: "transparent"
border.color: playerSelector.activeFocus ? Colors.colorTertiary : Colors.colorOutline
border.color: playerSelector.activeFocus ? Colors.mTertiary : Colors.mOutline
border.width: Math.max(1, Style.borderThin * scaling)
radius: Style.radiusMedium * scaling
}
@ -87,7 +87,7 @@ NBox {
rightPadding: playerSelector.indicator.width + playerSelector.spacing
text: playerSelector.displayText
font.pointSize: Style.fontSizeSmall * scaling
color: Colors.colorOnSurface
color: Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight
}
@ -98,7 +98,7 @@ NBox {
text: "arrow_drop_down"
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling
color: Colors.colorOnSurface
color: Colors.mOnSurface
horizontalAlignment: Text.AlignRight
}
@ -119,8 +119,8 @@ NBox {
}
background: Rectangle {
color: Colors.colorSurface
border.color: Colors.colorOutline
color: Colors.mSurface
border.color: Colors.mOutline
border.width: Math.max(1, Style.borderThin * scaling)
radius: Style.radiusTiny * scaling
}
@ -131,7 +131,7 @@ NBox {
contentItem: NText {
text: modelData.identity
font.pointSize: Style.fontSizeSmall * scaling
color: highlighted ? Colors.colorSurface : Colors.colorOnSurface
color: highlighted ? Colors.mSurface : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight
}
@ -139,7 +139,7 @@ NBox {
background: Rectangle {
width: popup.width - Style.marginSmall * scaling * 2
color: highlighted ? Colors.colorTertiary : "transparent"
color: highlighted ? Colors.mTertiary : "transparent"
radius: Style.radiusTiny * scaling
}
}
@ -160,8 +160,8 @@ NBox {
width: 90 * scaling
height: 90 * scaling
radius: width * 0.5
color: trackArt.visible ? Colors.colorPrimary : "transparent"
border.color: trackArt.visible ? Colors.colorOutline : "transparent"
color: trackArt.visible ? Colors.mPrimary : "transparent"
border.color: trackArt.visible ? Colors.mOutline : "transparent"
border.width: Math.max(1, Style.borderThin * scaling)
clip: true
@ -173,7 +173,7 @@ NBox {
anchors.margins: Style.marginTiny * scaling
imagePath: MediaPlayer.trackArtUrl
fallbackIcon: "image"
borderColor: Colors.colorOutline
borderColor: Colors.mOutline
borderWidth: Math.max(1, Style.borderThin * scaling)
imageRadius: width * 0.5
}
@ -208,7 +208,7 @@ NBox {
NText {
visible: MediaPlayer.trackArtist !== ""
text: MediaPlayer.trackArtist
color: Colors.colorOnSurface
color: Colors.mOnSurface
font.pointSize: Style.fontSizeSmall * scaling
elide: Text.ElideRight
Layout.fillWidth: true
@ -217,7 +217,7 @@ NBox {
NText {
visible: MediaPlayer.trackAlbum !== ""
text: MediaPlayer.trackAlbum
color: Colors.colorOnSurface
color: Colors.mOnSurface
font.pointSize: Style.fontSizeSmall * scaling
elide: Text.ElideRight
Layout.fillWidth: true
@ -232,7 +232,7 @@ NBox {
width: parent.width
height: 4 * scaling
radius: Style.radiusSmall * scaling
color: Colors.colorSurfaceVariant
color: Colors.mSurfaceVariant
Layout.fillWidth: true
property real progressRatio: {
@ -247,7 +247,7 @@ NBox {
width: progressBarBackground.progressRatio * parent.width
height: parent.height
radius: parent.radius
color: Colors.colorPrimary
color: Colors.mPrimary
Behavior on width {
NumberAnimation {
@ -262,8 +262,8 @@ NBox {
width: 16 * scaling
height: 16 * scaling
radius: width * 0.5
color: Colors.colorPrimary
border.color: Colors.colorSurface
color: Colors.mPrimary
border.color: Colors.mSurface
border.width: Math.max(1 * Style.borderMedium * scaling)
x: Math.max(0, Math.min(parent.width - width, progressFill.width - width / 2))
@ -336,7 +336,7 @@ NBox {
width: 300 * scaling
height: 80 * scaling
values: Cava.values
fillColor: Colors.colorOnSurface
fillColor: Colors.mOnSurface
Layout.alignment: Qt.AlignHCenter
}
}
@ -346,8 +346,8 @@ NBox {
// values: Cava.values
// innerRadius: 30 * scaling // Position just outside 60x60 album art
// outerRadius: 48 * scaling // Extend bars outward from album art
// fillColor: Colors.colorPrimary
// strokeColor: Colors.colorPrimary
// fillColor: Colors.mPrimary
// strokeColor: Colors.mPrimary
// strokeWidth: 0 * scaling
// }
}

View file

@ -33,7 +33,7 @@ NBox {
height: Style.baseWidgetSize * 1.25 * scaling
imagePath: Settings.data.general.avatarImage
fallbackIcon: "person"
borderColor: Colors.colorPrimary
borderColor: Colors.mPrimary
borderWidth: Math.max(1, Style.borderMedium * scaling)
}
@ -46,7 +46,7 @@ NBox {
}
NText {
text: `System Uptime: ${uptimeText}`
color: Colors.colorOnSurface
color: Colors.mOnSurface
}
}

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.colorPrimary
color: Colors.mPrimary
}
ColumnLayout {
@ -91,13 +91,13 @@ NBox {
spacing: Style.marginSmall * scaling
NText {
text: Qt.formatDateTime(new Date(Location.data.weather.daily.time[index]), "ddd")
color: Colors.colorOnSurface
color: Colors.mOnSurface
}
NText {
text: Location.weatherSymbolFromCode(Location.data.weather.daily.weathercode[index])
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeXL * scaling
color: Colors.colorPrimary
color: Colors.mPrimary
}
NText {
text: {
@ -112,7 +112,7 @@ NBox {
return `${max}°/${min}°`
}
font.pointSize: Style.fontSizeSmall * scaling
color: Colors.colorOnSurfaceVariant
color: Colors.mOnSurfaceVariant
}
}
}

View file

@ -25,9 +25,9 @@ NPanel {
width: 160 * scaling
height: 220 * scaling
radius: Style.radiusMedium * scaling
border.color: Colors.colorOutline
border.color: Colors.mOutline
border.width: Math.max(1, Style.borderThin * scaling)
color: Colors.colorSurface
color: Colors.mSurface
visible: true
z: 9999
@ -56,7 +56,7 @@ NPanel {
Layout.fillWidth: true
Layout.preferredHeight: 36 * scaling
radius: Style.radiusSmall * scaling
color: lockButtonArea.containsMouse ? Colors.colorTertiary : "transparent"
color: lockButtonArea.containsMouse ? Colors.mTertiary : "transparent"
Item {
anchors.left: parent.left
@ -79,7 +79,7 @@ NPanel {
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: lockButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: lockButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -87,7 +87,7 @@ NPanel {
Text {
text: "Lock Screen"
color: lockButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: lockButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -116,7 +116,7 @@ NPanel {
Layout.fillWidth: true
Layout.preferredHeight: 36 * scaling
radius: Style.radiusSmall * scaling
color: suspendButtonArea.containsMouse ? Colors.colorTertiary : "transparent"
color: suspendButtonArea.containsMouse ? Colors.mTertiary : "transparent"
Item {
anchors.left: parent.left
@ -139,7 +139,7 @@ NPanel {
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: suspendButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: suspendButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -147,7 +147,7 @@ NPanel {
Text {
text: "Suspend"
color: suspendButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: suspendButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -174,7 +174,7 @@ NPanel {
Layout.fillWidth: true
Layout.preferredHeight: 36 * scaling
radius: Style.radiusSmall * scaling
color: rebootButtonArea.containsMouse ? Colors.colorTertiary : "transparent"
color: rebootButtonArea.containsMouse ? Colors.mTertiary : "transparent"
Item {
anchors.left: parent.left
@ -197,7 +197,7 @@ NPanel {
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: rebootButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: rebootButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -205,7 +205,7 @@ NPanel {
Text {
text: "Reboot"
color: rebootButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: rebootButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -232,7 +232,7 @@ NPanel {
Layout.fillWidth: true
Layout.preferredHeight: 36 * scaling
radius: Style.radiusSmall * scaling
color: logoutButtonArea.containsMouse ? Colors.colorTertiary : "transparent"
color: logoutButtonArea.containsMouse ? Colors.mTertiary : "transparent"
Item {
anchors.left: parent.left
@ -255,7 +255,7 @@ NPanel {
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: logoutButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: logoutButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -263,7 +263,7 @@ NPanel {
Text {
text: "Logout"
color: logoutButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: logoutButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -290,7 +290,7 @@ NPanel {
Layout.fillWidth: true
Layout.preferredHeight: 36 * scaling
radius: Style.radiusSmall * scaling
color: shutdownButtonArea.containsMouse ? Colors.colorTertiary : "transparent"
color: shutdownButtonArea.containsMouse ? Colors.mTertiary : "transparent"
Item {
anchors.left: parent.left
@ -313,7 +313,7 @@ NPanel {
font.variableAxes: {
"wght": (Font.Normal + Font.Bold) / 2.0
}
color: shutdownButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: shutdownButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling
@ -321,7 +321,7 @@ NPanel {
Text {
text: "Shutdown"
color: shutdownButtonArea.containsMouse ? Colors.colorOnTertiary : Colors.colorOnSurface
color: shutdownButtonArea.containsMouse ? Colors.mOnTertiary : Colors.mOnSurface
verticalAlignment: Text.AlignVCenter
anchors.verticalCenter: parent.verticalCenter
anchors.verticalCenterOffset: 1 * scaling

View file

@ -81,9 +81,9 @@ NLoader {
// Inline helpers moved to dedicated widgets: NCard and NCircleStat
Rectangle {
id: panelBackground
color: Colors.colorSurface
color: Colors.mSurface
radius: Style.radiusLarge * scaling
border.color: Colors.colorOutlineVariant
border.color: Colors.mOutlineVariant
border.width: Math.max(1, Style.borderThin * scaling)
layer.enabled: true
width: 460 * scaling