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