add bar transparency

This commit is contained in:
lucy 2026-05-16 12:20:14 +02:00
commit d919056a03
5 changed files with 30 additions and 27 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: "#1d2021" // Default Background readonly property color base00: "#11121d" // Default Background
readonly property color base01: "#3c3836" // Lighter Background (Status bars, panels) readonly property color base01: "#212234" // Lighter Background (Status bars, panels)
readonly property color base02: "#504945" // Selection Background readonly property color base02: "#212234" // Selection Background
readonly property color base03: "#665c54" // Comments, Invisibles, line highlighting readonly property color base03: "#353945" // Comments, Invisibles, line highlighting
// --- The Foregrounds (Darkest to Lightest) --- // --- The Foregrounds (Darkest to Lightest) ---
readonly property color base04: "#bdae93" // Dark Foreground (Used for status bars) readonly property color base04: "#4a5057" // Dark Foreground (Used for status bars)
readonly property color base05: "#d5c4a1" // Default Foreground, Caret readonly property color base05: "#a0a8cd" // Default Foreground, Caret
readonly property color base06: "#ebdbb2" // Light Foreground (Rarely used) readonly property color base06: "#abb2bf" // Light Foreground (Rarely used)
readonly property color base07: "#fbf1c7" // Lightest Foreground readonly property color base07: "#bcc2dc" // Lightest Foreground
// --- The Accent Colors --- // --- The Accent Colors ---
readonly property color base08: "#fb4934" // Red (Variables, errors) readonly property color base08: "#ee6d85" // Red (Variables, errors)
readonly property color base09: "#fe8019" // Orange (Integers, booleans, constants) readonly property color base09: "#f6955b" // Orange (Integers, booleans, constants)
readonly property color base0A: "#fabd2f" // Yellow (Classes, search text bg, warnings) readonly property color base0A: "#d7a65f" // Yellow (Classes, search text bg, warnings)
readonly property color base0B: "#b8bb26" // Green (Strings, success states) readonly property color base0B: "#95c561" // Green (Strings, success states)
readonly property color base0C: "#8ec07c" // Cyan (Support, regex, escape chars) readonly property color base0C: "#9fbbf3" // Cyan (Support, regex, escape chars)
readonly property color base0D: "#83a598" // Blue (Functions, methods, headings) readonly property color base0D: "#7199ee" // Blue (Functions, methods, headings)
readonly property color base0E: "#d3869b" // Purple/Mauve (Keywords, storage, selectors) readonly property color base0E: "#a485dd" // Purple/Mauve (Keywords, storage, selectors)
readonly property color base0F: "#d65d0e" // Brown/Flamingo (Deprecated, embedded tags) readonly property color base0F: "#773440" // Brown/Flamingo (Deprecated, embedded tags)
} }

View file

@ -1,13 +1,14 @@
import QtQuick import QtQuick
import QtQuick.Layouts import QtQuick.Layouts
import Quickshell import Quickshell
import Quickshell.Wayland
import qs import qs
import qs.settings import qs.settings
Variants { Variants {
model: Quickshell.screens model: Quickshell.screens
delegate: PanelWindow { delegate: WlrLayershell {
id: root id: root
required property var modelData required property var modelData
screen: modelData screen: modelData
@ -17,7 +18,9 @@ Variants {
right: true right: true
} }
implicitHeight: Config.barHeight implicitHeight: Config.barHeight
color: Colors.base00 color: Qt.rgba(Colors.base00.r, Colors.base00.g, Colors.base00.b, 0.8)
layer: WlrLayer.Top
RowLayout { RowLayout {
id: leftLayout id: leftLayout
spacing: 5 spacing: 5

View file

@ -84,7 +84,7 @@ WrapperRectangle {
root.color = Colors.base01; root.color = Colors.base01;
} }
onClicked: { onClicked: {
root.notification.dismiss(); root.notification ? root.notification.dismiss() : '';
} }
} }
} }

View file

@ -10,6 +10,7 @@ Variants {
layer: WlrLayer.Background layer: WlrLayer.Background
required property ShellScreen modelData required property ShellScreen modelData
screen: modelData screen: modelData
exclusionMode: ExclusionMode.Ignore
anchors { anchors {
top: true top: true
@ -18,10 +19,9 @@ Variants {
right: true right: true
} }
Image { Image {
cache: true cache: true
anchors.fill: parent anchors.fill: parent
source: Config.wallpaper source: Config.wallpaper
} }
} }
} }

View file

@ -1,6 +1,6 @@
[General] [General]
barHeight=30 barHeight=34
font=Maple Mono font=Maple Mono
fontSize=14 fontSize=16
roudning=16 roudning=0
wallpaper=@Variant(\0\0\0\x11\0\0\0\x31\x66ile:///home/lucy/.wall/kikis_deliveryservice.png) wallpaper=@Variant(\0\0\0\x11\0\0\0!file:///home/lucy/.wall/faris.png)