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

View file

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

View file

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