Files
qt-designsystem/Theme.qml
T
2025-04-12 10:54:41 -07:00

34 lines
1.1 KiB
QML

pragma Singleton
import QtCore
import QtQuick
// based on https://colorhunt.co/palette/181c143c3d37697565ecdfcc
Item {
id: item
property color background: darkTheme ? "#1C1C1E" : "#D7DCDD"
property color card: darkTheme ? "#2C2C2E" : "#e4e9eb"
property color secondaryBackground: darkTheme ? "#4A4B4C" : "#e4e9eb"
property color accent: "#697565"
property color muted: darkTheme ? "#EBEBF5" : "#3C3C43"
property color foreground: darkTheme ? "#FFFFFF" : "#000000"
property color softBorder: darkTheme ? "#38383A" : "#C6C6C8"
property color primaryText: darkTheme ? "#FFFFFF" : "#000000"
property color secondaryText: darkTheme ? "#EBEBF5" : "#3C3C43"
property color caption: darkTheme ? "#EBEBF5" : "#3C3C43"
property color separator: darkTheme ? "#38383A" : "#C6C6C8"
property color highlight: darkTheme ? "#374151" : "#c6cbcc"
property int radius: 5
property bool darkTheme: false
Settings {
property alias darkTheme: item.darkTheme
}
function toggleTheme() {
darkTheme = !darkTheme
}
}