improve styling
This commit is contained in:
parent
ce2fb391be
commit
7f88614f91
3 changed files with 20 additions and 19 deletions
32
Colors.qml
32
Colors.qml
|
|
@ -3,24 +3,24 @@ import QtQuick
|
||||||
|
|
||||||
QtObject {
|
QtObject {
|
||||||
// --- The Backgrounds (Darkest to Lightest) ---
|
// --- The Backgrounds (Darkest to Lightest) ---
|
||||||
readonly property color base00: "#11121d" // Default Background
|
readonly property color base00: "#1d2021" // Default Background
|
||||||
readonly property color base01: "#212234" // Lighter Background (Status bars, panels)
|
readonly property color base01: "#3c3836" // Lighter Background (Status bars, panels)
|
||||||
readonly property color base02: "#212234" // Selection Background
|
readonly property color base02: "#504945" // Selection Background
|
||||||
readonly property color base03: "#353945" // Comments, Invisibles, line highlighting
|
readonly property color base03: "#665c54" // Comments, Invisibles, line highlighting
|
||||||
|
|
||||||
// --- The Foregrounds (Darkest to Lightest) ---
|
// --- The Foregrounds (Darkest to Lightest) ---
|
||||||
readonly property color base04: "#4a5057" // Dark Foreground (Used for status bars)
|
readonly property color base04: "#bdae93" // Dark Foreground (Used for status bars)
|
||||||
readonly property color base05: "#a0a8cd" // Default Foreground, Caret
|
readonly property color base05: "#d5c4a1" // Default Foreground, Caret
|
||||||
readonly property color base06: "#abb2bf" // Light Foreground (Rarely used)
|
readonly property color base06: "#ebdbb2" // Light Foreground (Rarely used)
|
||||||
readonly property color base07: "#bcc2dc" // Lightest Foreground
|
readonly property color base07: "#fbf1c7" // Lightest Foreground
|
||||||
|
|
||||||
// --- The Accent Colors ---
|
// --- The Accent Colors ---
|
||||||
readonly property color base08: "#ee6d85" // Red (Variables, errors)
|
readonly property color base08: "#fb4934" // Red (Variables, errors)
|
||||||
readonly property color base09: "#f6955b" // Orange (Integers, booleans, constants)
|
readonly property color base09: "#fe8019" // Orange (Integers, booleans, constants)
|
||||||
readonly property color base0A: "#d7a65f" // Yellow (Classes, search text bg, warnings)
|
readonly property color base0A: "#fabd2f" // Yellow (Classes, search text bg, warnings)
|
||||||
readonly property color base0B: "#95c561" // Green (Strings, success states)
|
readonly property color base0B: "#b8bb26" // Green (Strings, success states)
|
||||||
readonly property color base0C: "#9fbbf3" // Cyan (Support, regex, escape chars)
|
readonly property color base0C: "#8ec07c" // Cyan (Support, regex, escape chars)
|
||||||
readonly property color base0D: "#7199ee" // Blue (Functions, methods, headings)
|
readonly property color base0D: "#83a598" // Blue (Functions, methods, headings)
|
||||||
readonly property color base0E: "#a485dd" // Purple/Mauve (Keywords, storage, selectors)
|
readonly property color base0E: "#d3869b" // Purple/Mauve (Keywords, storage, selectors)
|
||||||
readonly property color base0F: "#773440" // Brown/Flamingo (Deprecated, embedded tags)
|
readonly property color base0F: "#d65d0e" // Brown/Flamingo (Deprecated, embedded tags)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@ Variants {
|
||||||
spacing: 5
|
spacing: 5
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.leftMargin: 10
|
anchors.leftMargin: Config.rounding
|
||||||
Ws {
|
Ws {
|
||||||
moduleHeight: root.moduleHeight
|
moduleHeight: root.moduleHeight
|
||||||
barScreen: root.modelData
|
barScreen: root.modelData
|
||||||
|
|
@ -51,7 +51,7 @@ Variants {
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
spacing: 5
|
spacing: 5
|
||||||
anchors.rightMargin: 10
|
anchors.rightMargin: Config.rounding
|
||||||
Mpris {
|
Mpris {
|
||||||
moduleHeight: root.moduleHeight
|
moduleHeight: root.moduleHeight
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,8 @@ Rectangle {
|
||||||
StyledText {
|
StyledText {
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
text: wsWrapper.modelData.id
|
text: wsWrapper.modelData.id
|
||||||
color: parent.modelData.active ? Colors.base07 : Colors.base04
|
color: parent.modelData.active ? Colors.base0D : Colors.base04
|
||||||
|
opacity: parent.modelData.active ? 1.0 : 0.5
|
||||||
}
|
}
|
||||||
Behavior on implicitWidth {
|
Behavior on implicitWidth {
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue