feat: improve dash calendar colours
This commit is contained in:
parent
074dad09f7
commit
b304b2e39d
1 changed files with 2 additions and 4 deletions
|
|
@ -49,7 +49,6 @@ CustomMouseArea {
|
||||||
icon: "chevron_left"
|
icon: "chevron_left"
|
||||||
type: IconButton.Text
|
type: IconButton.Text
|
||||||
font: Tokens.font.icon.builders.small.weight(Font.Bold).build()
|
font: Tokens.font.icon.builders.small.weight(Font.Bold).build()
|
||||||
inactiveOnColour: Colours.palette.m3tertiary
|
|
||||||
padding: Tokens.padding.small
|
padding: Tokens.padding.small
|
||||||
onClicked: root.dashState.currentDate = new Date(root.currYear, root.currMonth - 1, 1)
|
onClicked: root.dashState.currentDate = new Date(root.currYear, root.currMonth - 1, 1)
|
||||||
}
|
}
|
||||||
|
|
@ -85,7 +84,6 @@ CustomMouseArea {
|
||||||
icon: "chevron_right"
|
icon: "chevron_right"
|
||||||
type: IconButton.Text
|
type: IconButton.Text
|
||||||
font: Tokens.font.icon.builders.small.weight(Font.Bold).build()
|
font: Tokens.font.icon.builders.small.weight(Font.Bold).build()
|
||||||
inactiveOnColour: Colours.palette.m3tertiary
|
|
||||||
padding: Tokens.padding.small
|
padding: Tokens.padding.small
|
||||||
onClicked: root.dashState.currentDate = new Date(root.currYear, root.currMonth + 1, 1)
|
onClicked: root.dashState.currentDate = new Date(root.currYear, root.currMonth + 1, 1)
|
||||||
}
|
}
|
||||||
|
|
@ -103,7 +101,7 @@ CustomMouseArea {
|
||||||
horizontalAlignment: Text.AlignHCenter
|
horizontalAlignment: Text.AlignHCenter
|
||||||
text: model.shortName
|
text: model.shortName
|
||||||
font: Tokens.font.body.builders.small.weight(Font.Medium).build()
|
font: Tokens.font.body.builders.small.weight(Font.Medium).build()
|
||||||
color: (model.day === 0 || model.day === 6) ? Colours.palette.m3secondary : Colours.palette.m3onSurfaceVariant
|
color: (model.day === 0 || model.day === 6) ? Colours.palette.m3tertiary : Colours.palette.m3onSurface
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -140,7 +138,7 @@ CustomMouseArea {
|
||||||
color: {
|
color: {
|
||||||
const dayOfWeek = dayItem.model.date.getDay();
|
const dayOfWeek = dayItem.model.date.getDay();
|
||||||
if (dayOfWeek === 0 || dayOfWeek === 6)
|
if (dayOfWeek === 0 || dayOfWeek === 6)
|
||||||
return Colours.palette.m3secondary;
|
return Colours.palette.m3tertiary;
|
||||||
|
|
||||||
return Colours.palette.m3onSurfaceVariant;
|
return Colours.palette.m3onSurfaceVariant;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue