improve styling

This commit is contained in:
lucy 2026-06-02 11:38:33 +02:00
commit 7f88614f91
3 changed files with 20 additions and 19 deletions

View file

@ -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)
}

View file

@ -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
}

View file

@ -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 {