cheatsheet: periodic table: adjust colors

This commit is contained in:
end-4
2025-07-10 10:54:46 +07:00
parent f865ed877d
commit 7afea39f1d
@@ -22,7 +22,7 @@ RippleButton {
topMargin: 4 topMargin: 4
leftMargin: 4 leftMargin: 4
} }
color: Appearance.colors.colSecondaryContainer color: Appearance.colors.colLayer2
radius: Appearance.rounding.full radius: Appearance.rounding.full
implicitWidth: Math.max(20, elementNumber.implicitWidth) implicitWidth: Math.max(20, elementNumber.implicitWidth)
implicitHeight: Math.max(20, elementNumber.implicitHeight) implicitHeight: Math.max(20, elementNumber.implicitHeight)
@@ -31,16 +31,16 @@ RippleButton {
StyledText { StyledText {
id: elementNumber id: elementNumber
anchors.centerIn: parent anchors.centerIn: parent
color: Appearance.colors.colOnSecondaryContainer color: Appearance.colors.colOnLayer2
text: root.element.number text: root.element.number
font.pixelSize: Appearance.font.pixelSize.smaller font.pixelSize: Appearance.font.pixelSize.smallest
} }
} }
StyledText { StyledText {
id: elementSymbol id: elementSymbol
anchors.centerIn: parent anchors.centerIn: parent
color: Appearance.colors.colOnLayer2 color: Appearance.colors.colSecondary
font.pixelSize: Appearance.font.pixelSize.huge font.pixelSize: Appearance.font.pixelSize.huge
text: root.element.symbol text: root.element.symbol
} }