feat: add frost feel to light mode
Making it more Tesla-like: https://color.adobe.com/a-Colors-color-theme-9368495/
This commit is contained in:
+1
-1
@@ -13,7 +13,7 @@ Button {
|
|||||||
implicitWidth: 100
|
implicitWidth: 100
|
||||||
implicitHeight: 40
|
implicitHeight: 40
|
||||||
visible: !control.flat || control.down || control.checked || control.highlighted
|
visible: !control.flat || control.down || control.checked || control.highlighted
|
||||||
color: control.down ? Theme.card : "transparent"
|
color: control.down ? Theme.highlight : "transparent"
|
||||||
border.width: 0
|
border.width: 0
|
||||||
// custom
|
// custom
|
||||||
radius: Theme.radius
|
radius: Theme.radius
|
||||||
|
|||||||
+1
-1
@@ -24,7 +24,7 @@ Button {
|
|||||||
implicitWidth: 100
|
implicitWidth: 100
|
||||||
implicitHeight: 40
|
implicitHeight: 40
|
||||||
visible: !control.flat || control.down || control.checked || control.highlighted
|
visible: !control.flat || control.down || control.checked || control.highlighted
|
||||||
color: control.down ? Theme.card : "transparent"
|
color: control.down ? Theme.highlight : "transparent"
|
||||||
border.width: 0
|
border.width: 0
|
||||||
// custom
|
// custom
|
||||||
radius: Theme.radius
|
radius: Theme.radius
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ Button {
|
|||||||
implicitWidth: 100
|
implicitWidth: 100
|
||||||
implicitHeight: 40
|
implicitHeight: 40
|
||||||
visible: !control.flat || control.down || control.checked || control.highlighted
|
visible: !control.flat || control.down || control.checked || control.highlighted
|
||||||
color: control.down ? Theme.card : "transparent"
|
color: control.down ? Theme.highlight : "transparent"
|
||||||
border.color: Theme.softBorder
|
border.color: Theme.softBorder
|
||||||
border.width: 1
|
border.width: 1
|
||||||
// custom
|
// custom
|
||||||
|
|||||||
+1
-1
@@ -17,7 +17,7 @@ ApplicationWindow {
|
|||||||
button: Theme.accent
|
button: Theme.accent
|
||||||
midlight: Theme.card
|
midlight: Theme.card
|
||||||
light: Theme.secondaryText
|
light: Theme.secondaryText
|
||||||
highlight: Theme.muted
|
highlight: Theme.highlight
|
||||||
highlightedText: Theme.secondaryBackground
|
highlightedText: Theme.secondaryBackground
|
||||||
placeholderText: Theme.muted
|
placeholderText: Theme.muted
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,9 +6,9 @@ import QtQuick
|
|||||||
// based on https://colorhunt.co/palette/181c143c3d37697565ecdfcc
|
// based on https://colorhunt.co/palette/181c143c3d37697565ecdfcc
|
||||||
Item {
|
Item {
|
||||||
id: item
|
id: item
|
||||||
property color background: darkTheme ? "#1C1C1E" : "#f2f2f2"
|
property color background: darkTheme ? "#1C1C1E" : "#D7DCDD"
|
||||||
property color card: darkTheme ? "#2C2C2E" : "#fafafa"
|
property color card: darkTheme ? "#2C2C2E" : "#e4e9eb"
|
||||||
property color secondaryBackground: darkTheme ? "#4A4B4C" : "#D7DCDD"
|
property color secondaryBackground: darkTheme ? "#4A4B4C" : "#e4e9eb"
|
||||||
property color accent: "#697565"
|
property color accent: "#697565"
|
||||||
property color muted: darkTheme ? "#EBEBF5" : "#3C3C43"
|
property color muted: darkTheme ? "#EBEBF5" : "#3C3C43"
|
||||||
property color foreground: darkTheme ? "#FFFFFF" : "#000000"
|
property color foreground: darkTheme ? "#FFFFFF" : "#000000"
|
||||||
@@ -17,6 +17,7 @@ Item {
|
|||||||
property color secondaryText: darkTheme ? "#EBEBF5" : "#3C3C43"
|
property color secondaryText: darkTheme ? "#EBEBF5" : "#3C3C43"
|
||||||
property color caption: darkTheme ? "#EBEBF5" : "#3C3C43"
|
property color caption: darkTheme ? "#EBEBF5" : "#3C3C43"
|
||||||
property color separator: darkTheme ? "#38383A" : "#C6C6C8"
|
property color separator: darkTheme ? "#38383A" : "#C6C6C8"
|
||||||
|
property color highlight: darkTheme ? "#374151" : "#c6cbcc"
|
||||||
|
|
||||||
property int radius: 5
|
property int radius: 5
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user