Switched to Material3 colors principle
- works with matugen only for now - need to restore rosepine
This commit is contained in:
parent
7fced5df95
commit
73c7ba8cdc
55 changed files with 519 additions and 583 deletions
|
|
@ -63,18 +63,9 @@ PanelWindow {
|
|||
height: Math.max(80 * scaling, contentColumn.implicitHeight + (Style.marginMedium * 2 * scaling))
|
||||
clip: true
|
||||
radius: Style.radiusMedium * scaling
|
||||
border.color: Colors.accentPrimary
|
||||
border.color: Colors.colorPrimary
|
||||
border.width: Math.max(1, Style.borderThin * scaling)
|
||||
gradient: Gradient {
|
||||
GradientStop {
|
||||
position: 0.0
|
||||
color: Colors.backgroundSecondary
|
||||
}
|
||||
GradientStop {
|
||||
position: 1.0
|
||||
color: Colors.backgroundTertiary
|
||||
}
|
||||
}
|
||||
color: Colors.colorSurface
|
||||
|
||||
// Animation properties
|
||||
property real scaleValue: 0.8
|
||||
|
|
@ -142,14 +133,14 @@ PanelWindow {
|
|||
spacing: Style.marginSmall * scaling
|
||||
NText {
|
||||
text: (model.appName || model.desktopEntry) || "Unknown App"
|
||||
color: Colors.accentSecondary
|
||||
color: Colors.colorSecondary
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
}
|
||||
Rectangle {
|
||||
width: 6 * scaling
|
||||
height: 6 * scaling
|
||||
radius: 3 * scaling
|
||||
color: (model.urgency === NotificationUrgency.Critical) ? Colors.error : (model.urgency === NotificationUrgency.Low) ? Colors.textSecondary : Colors.accentPrimary
|
||||
color: (model.urgency === NotificationUrgency.Critical) ? Colors.colorError : (model.urgency === NotificationUrgency.Low) ? Colors.colorOnSurface : Colors.colorPrimary
|
||||
Layout.alignment: Qt.AlignVCenter
|
||||
}
|
||||
Item {
|
||||
|
|
@ -157,7 +148,7 @@ PanelWindow {
|
|||
}
|
||||
NText {
|
||||
text: notificationService.formatTimestamp(model.timestamp)
|
||||
color: Colors.textSecondary
|
||||
color: Colors.colorOnSurface
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
}
|
||||
}
|
||||
|
|
@ -166,7 +157,7 @@ PanelWindow {
|
|||
text: model.summary || "No summary"
|
||||
font.pointSize: Style.fontSizeLarge * scaling
|
||||
font.weight: Style.fontWeightBold
|
||||
color: Colors.textPrimary
|
||||
color: Colors.colorOnSurface
|
||||
wrapMode: Text.Wrap
|
||||
width: 300 * scaling
|
||||
maximumLineCount: 3
|
||||
|
|
@ -176,7 +167,7 @@ PanelWindow {
|
|||
NText {
|
||||
text: model.body || ""
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
color: Colors.textSecondary
|
||||
color: Colors.colorOnSurface
|
||||
wrapMode: Text.Wrap
|
||||
width: 300 * scaling
|
||||
maximumLineCount: 5
|
||||
|
|
|
|||
|
|
@ -65,9 +65,9 @@ NLoader {
|
|||
|
||||
Rectangle {
|
||||
id: notificationRect
|
||||
color: Colors.backgroundSecondary
|
||||
color: Colors.colorSurface
|
||||
radius: Style.radiusMedium * scaling
|
||||
border.color: Colors.backgroundTertiary
|
||||
border.color: Colors.colorSurfaceVariant
|
||||
border.width: Math.max(1, Style.borderMedium * scaling)
|
||||
width: 400 * scaling
|
||||
height: 500 * scaling
|
||||
|
|
@ -117,14 +117,14 @@ NLoader {
|
|||
text: "notifications"
|
||||
font.family: "Material Symbols Outlined"
|
||||
font.pointSize: Style.fontSizeXL * scaling
|
||||
color: Colors.accentPrimary
|
||||
color: Colors.colorPrimary
|
||||
}
|
||||
|
||||
NText {
|
||||
text: "Notification History"
|
||||
font.pointSize: Style.fontSizeLarge * scaling
|
||||
font.bold: true
|
||||
color: Colors.textPrimary
|
||||
color: Colors.colorOnSurface
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
|
||||
|
|
@ -159,7 +159,7 @@ NLoader {
|
|||
width: notificationList ? (notificationList.width - 20) : 380 * scaling
|
||||
height: Math.max(80, notificationContent.height + 30)
|
||||
radius: Style.radiusMedium * scaling
|
||||
color: notificationMouseArea.containsMouse ? Colors.accentPrimary : "transparent"
|
||||
color: notificationMouseArea.containsMouse ? Colors.colorPrimary : "transparent"
|
||||
|
||||
RowLayout {
|
||||
anchors {
|
||||
|
|
@ -179,7 +179,7 @@ NLoader {
|
|||
text: (summary || "No summary").substring(0, 100)
|
||||
font.pointSize: Style.fontSizeMedium * scaling
|
||||
font.weight: Font.Medium
|
||||
color: notificationMouseArea.containsMouse ? Colors.backgroundPrimary : Colors.textPrimary
|
||||
color: notificationMouseArea.containsMouse ? Colors.colorSurface : Colors.colorOnSurface
|
||||
wrapMode: Text.Wrap
|
||||
width: parent.width - 30
|
||||
maximumLineCount: 2
|
||||
|
|
@ -189,7 +189,7 @@ NLoader {
|
|||
NText {
|
||||
text: (body || "").substring(0, 150)
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
color: notificationMouseArea.containsMouse ? Colors.backgroundPrimary : Colors.textSecondary
|
||||
color: notificationMouseArea.containsMouse ? Colors.colorSurface : Colors.colorOnSurface
|
||||
wrapMode: Text.Wrap
|
||||
width: parent.width - 30
|
||||
maximumLineCount: 3
|
||||
|
|
@ -199,7 +199,7 @@ NLoader {
|
|||
NText {
|
||||
text: NotificationService.formatTimestamp(timestamp)
|
||||
font.pointSize: Style.fontSizeSmall * scaling
|
||||
color: notificationMouseArea.containsMouse ? Colors.backgroundPrimary : Colors.textSecondary
|
||||
color: notificationMouseArea.containsMouse ? Colors.colorSurface : Colors.colorOnSurface
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue