talksik
35 lines
1.2 KiB
QML
35 lines
1.2 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" : Qt.rgba(0, 0, 0, 0.4)
|
|
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 color placeholderText: darkTheme ? Qt.rgba(1, 1, 1, 0.4) : Qt.rgba(0, 0, 0, 0.3)
|
|
|
|
property int radius: 5
|
|
|
|
property bool darkTheme: false
|
|
|
|
Settings {
|
|
property alias darkTheme: item.darkTheme
|
|
}
|
|
|
|
function toggleTheme() {
|
|
darkTheme = !darkTheme;
|
|
}
|
|
}
|