Renamed all color names so they are shorter
This commit is contained in:
parent
9e51fdc932
commit
06f8f93f83
51 changed files with 423 additions and 440 deletions
|
|
@ -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
|
||||
// }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue