updatet colorschemes

This commit is contained in:
liph22
2026-01-19 21:05:12 +01:00
parent 0ffe6606b6
commit 1b652298ef
92 changed files with 7663 additions and 423 deletions

View File

@@ -26,7 +26,7 @@ xwayland-satellite {
path "xwayland-satellite"
}
environment {
ELECTRON_OZONE_PLATFORM_HINT "auto"
ELECTRON_OZONE_PLATFORM_HINT "x11"
ELECTRON_ENABLE_LOGGING "1"
}
output "eDP-1" {
@@ -467,4 +467,5 @@ binds {
power-off-monitors
}
}
// include "theme.kdl"

View File

@@ -0,0 +1,48 @@
.base {
color: @base;
}
.surface {
color: @surface;
}
.overlay {
color: @overlay;
}
.muted {
color: @muted;
}
.subtle {
color: @subtle;
}
.text {
color: @text;
}
.red {
color: @red;
}
.yellow {
color: @yellow;
}
.green {
color: @green;
}
.rose {
color: @rose;
}
.blue {
color: @blue;
}
.sky {
color: @sky;
}
.mauve {
color: @lavender;
}
.highlightLow {
color: @highlightLow;
}
.highlightMed {
color: @highlightMed;
}
.highlightHigh {
color: @highlightHigh;
}

View File

@@ -54,12 +54,13 @@
"interval": 1,
},
"cpu": {
"format": "<span font='14' color='#a6d189'> </span> {usage}%",
"format": "<span font='14' > </span>{usage}%",
"tooltip": false,
"interval": 1,
},
"memory": {
"format": "<span font='14' color='#ea999c'> </span> {}%",
"format": "<span font='14'>  </span>{}%",
// "format": "<span font='14' class='red'>  </span> {}%",
"interval": 1,
},
"battery": {
@@ -68,14 +69,14 @@
"warning": 30,
"critical": 15,
},
"format": "<span font='14' color='#8caaee'>{icon}</span> {capacity}%",
"format-full": "<span font='14' color='#8caaee'>{icon}</span> {capacity}%",
"format-charging": "<span font='14' color='#8caaee'>󰂄</span> {capacity}%",
"format-plugged": "<span font='14' color='#8caaee'>󰂄</span> {capacity}%",
"format": "<span font='14' >{icon}</span> {capacity}%",
"format-full": "<span font='14' >{icon}</span> {capacity}%",
"format-charging": "<span font='14' >󰂄</span> {capacity}%",
"format-plugged": "<span font='14' >󰂄</span> {capacity}%",
"format-icons": ["󰁺", "󰁼", "󰁾", "󰂀", "󰂂", "󰁹"],
},
"power-profiles-daemon": {
"format": "<span color='#cba6f7'>{icon}</span>",
"format": "<span >{icon}</span>",
"tooltip-format": "Power profile: {profile}\nDriver: {driver}",
"tooltip": true,
"format-icons": {
@@ -86,14 +87,14 @@
},
},
"network": {
"format-wifi": "<span font='14' color='#a6d189'>󰖩</span> ",
"format-ethernet": "<span font='14' color='#e5c890'>󰈀</span>",
"format-disconnected": "<span font='14'color='#e78284'>󱚵</span>",
"format-wifi": "<span font='14' >󰖩</span> ",
"format-ethernet": "<span font='14' >󰈀</span>",
"format-disconnected": "<span font='14' >󱚵</span>",
"format-alt": "{bandwidthDownBytes}",
"interval": 1,
},
"pulseaudio": {
"format": "<span font='14' color='#e5c890'>{icon}</span> {volume}%",
"format": "<span font='14' >{icon}</span> {volume}%",
"format-muted": "<span font='14'>󰝟</span>",
"format-source": "{volume}% ",
"format-source-muted": "",
@@ -119,8 +120,8 @@
},
"bluetooth": {
"format": "<span font='14'>󰂯</span>",
"format-disabled": "<span font='14' color='#8caaee'>󰂲</span>",
"format-connected": "<span font='14' color='#8caaee'>󰂱</span>",
"format-disabled": "<span font='14'>󰂲</span>",
"format-connected": "<span font='14'>󰂱</span>",
"on-click": "blueman-manager",
},
}

View File

@@ -0,0 +1,160 @@
{
"layer": "top",
"position": "top",
"mod": "dock",
"exclusive": true,
"passthrough": false,
"gtk-layer-shell": true,
"height": 0,
"modules-left": ["clock", "custom/power_btn", "custom/lock_screen", "niri/workspaces"],
"modules-center": ["niri/window"],
"modules-right": [
"network",
"bluetooth",
"pulseaudio",
"pulseaudio#microphone",
"tray"
],
"niri/workspaces": {
"all-outputs": true,
"on-click": "activate",
"persistent-workspaces": {
"1": [],
"2": [],
"3": [],
"4": [],
"5": []
}
},
"custom/launch_wofi": {
"format": "",
"on-click": "pkill wofi; wofi -n",
"tooltip": false
},
"custom/lock_screen": {
"format": "",
"on-click": "sh -c '(sleep 0.5s; swaylock)' & disown",
"tooltip": false
},
"custom/light_dark": {
"format": "󰐾",
"on-click": "~/.config/waybar/scripts/baraction light",
"tooltip": false
},
"custom/power_btn": {
"format": "",
"on-click": "sh -c '(sleep 0.5s; wlogout --protocol layer-shell)' & disown",
"tooltip": false
},
"cpu": {
"interval": 10,
"format": " {usage}%",
"max-length": 10,
"on-click": "kitty --start-as=fullscreen --title btop sh -c 'btop'"
},
"disk": {
"interval": 30,
"format": "󰋊 {percentage_used}%",
"path": "/",
"tooltip": true,
"tooltip-format": "HDD - {used} used out of {total} on {path} ({percentage_used}%)",
"on-click": "kitty --start-as=fullscreen --title btop sh -c 'btop'"
},
"memory": {
"interval": 30,
"format": " {}%",
"max-length": 10,
"tooltip": true,
"tooltip-format": "Memory - {used:0.1f}GB used",
"on-click": "kitty --start-as=fullscreen --title btop sh -c 'btop'"
},
"custom/updates": {
"format": " {}",
"tooltip-format": "{}",
"escape": true,
"return-type": "json",
"exec": "~/.config/waybar/scripts/update-sys",
"restart-interval": 60,
"on-click": "kitty -e ~/.config/waybar/scripts/update-sys update",
"tooltip": false
},
"tray": {
"icon-size": 13,
"tooltip": false,
"spacing": 10
},
"clock": {
"format": "{: %R %d/%m}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
},
"backlight": {
"device": "intel_backlight",
"format": "{icon} {percent}%",
"format-icons": ["", "", ""],
"on-scroll-up": "brightnessctl set 1%+",
"on-scroll-down": "brightnessctl set 1%-",
"min-length": 6
},
"battery": {
"states": {
"good": 95,
"warning": 30,
"critical": 20
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": " {capacity}%",
"format-alt": "{time} {icon}",
"format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"]
},
"pulseaudio": {
"format": "{icon} {volume}%",
"tooltip": false,
"format-muted": " Muted",
"on-click": "pamixer -t",
"on-scroll-up": "pamixer -i 5",
"on-scroll-down": "pamixer -d 5",
"scroll-step": 5,
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
}
},
"pulseaudio#microphone": {
"format": "{format_source}",
"tooltip": false,
"format-source": " {volume}%",
"format-source-muted": " Muted",
"on-click": "pamixer --default-source -t",
"on-scroll-up": "pamixer --default-source -i 5",
"on-scroll-down": "pamixer --default-source -d 5",
"scroll-step": 5
},
"temperature": {
"thermal-zone": 1,
"format": "{temperatureF}°F ",
"critical-threshold": 80,
"format-critical": "{temperatureC}°C "
},
"network": {
"format-wifi": " {signalStrength}%",
"format-ethernet": "󰈀 100% ",
"tooltip-format": "Connected to {essid} {ifname} via {gwaddr}",
"format-linked": "{ifname} (No IP)",
"format-disconnected": "󰖪 0% ",
"on-click": "~/.config/rofi/wifi/wifi.sh"
},
"bluetooth": {
"format": " {status}",
"format-disabled": "",
"format-off": "",
"interval": 30,
"on-click": "blueman-manager",
"format-no-controller": ""
}
}

View File

@@ -0,0 +1 @@
/home/liph/.config/niri/waybar-niri/themes/catppuccin-mocha.css

View File

@@ -0,0 +1,26 @@
@define-color rosewater #f5e0dc;
@define-color flamingo #f2cdcd;
@define-color pink #f5c2e7;
@define-color mauve #cba6f7;
@define-color red #f38ba8;
@define-color maroon #eba0ac;
@define-color rose #fab387;
@define-color yellow #f9e2af;
@define-color green #a6e3a1;
@define-color teal #94e2d5;
@define-color sky #89dceb;
@define-color sapphire #74c7ec;
@define-color blue #89b4fa;
@define-color lavender #b4befe;
@define-color text #cdd6f4;
@define-color subtext1 #bac2de;
@define-color subtext0 #a6adc8;
@define-color overlay2 #9399b2;
@define-color overlay1 #7f849c;
@define-color overlay #6c7086;
@define-color highlightedHigh #585b70;
@define-color highlightedMed #45475a;
@define-color highlightedlow #313244;
@define-color base #1e1e2e;
@define-color mantle #181825;
@define-color crust #11111b;

View File

@@ -0,0 +1,16 @@
/*
@define-color base #232136;
@define-color surface #2a273f;
@define-color overlay #393552;
@define-color muted #6e6a86;
@define-color subtle #908caa;
@define-color text #e0def4;
@define-color red #eb6f92;
@define-color yellow #f6c177;
@define-color rose #ea9a97;
@define-color blue #3e8fb0;
@define-color sky #9ccfd8;
@define-color mauve #c4a7e7;
@define-color highlightLow #2a283e;
@define-color highlightMed #44415a;
@define-color highlightHigh #56526e;

View File

@@ -0,0 +1,36 @@
# CLAUDE.md
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
## Overview
This is a Waybar configuration for the Niri Wayland compositor. Waybar is a status bar that displays system information (CPU, memory, battery, network, etc.) and workspace indicators.
## Architecture
### Configuration Files
- `config.jsonc` - Primary Waybar configuration (modules, layout, icons, click actions)
- `config_2.jsonc` - Alternative configuration variant with different module arrangement
### Theming System
The styling uses a layered CSS approach with theme variable support:
1. `theme.css` - Symlink pointing to the active theme in `themes/`
2. `themes/*.css` - Theme definitions (catppuccin-mocha, rose-pine-moon) that define `@define-color` variables
3. `colors.css` - Utility classes that map theme variables to CSS classes (`.red`, `.blue`, `.base`, etc.)
4. `style.css` - Main styling that uses `@theme_*` GTK variables and custom theme colors
**Theme switching**: Change the `theme.css` symlink to point to a different theme file in `themes/`.
### Module Layout
The bar uses three sections:
- **Left**: Logo/launcher, system monitors (CPU, memory), bluetooth
- **Center**: Workspace indicators (niri/workspaces)
- **Right**: Tray, power profiles, audio, network, battery, clock, power button
## Key Patterns
- Icons use Nerd Font glyphs wrapped in `<span font='14'>` for sizing
- Click handlers launch external tools: `wofi` (launcher), `wlogout` (power menu), `pavucontrol` (audio), `blueman-manager` (bluetooth)
- CSS uses `alpha()` function for transparency and `@theme_*` GTK theme integration
- Module styling uses consistent `border-radius: 20px` pill shapes with `5px 15px` padding

View File

@@ -0,0 +1,48 @@
.base {
color: @base;
}
.surface {
color: @surface;
}
.overlay {
color: @overlay;
}
.muted {
color: @muted;
}
.subtle {
color: @subtle;
}
.text {
color: @text;
}
.red {
color: @red;
}
.yellow {
color: @yellow;
}
.green {
color: @green;
}
.rose {
color: @rose;
}
.blue {
color: @blue;
}
.sky {
color: @sky;
}
.mauve {
color: @lavender;
}
.highlightLow {
color: @highlightLow;
}
.highlightMed {
color: @highlightMed;
}
.highlightHigh {
color: @highlightHigh;
}

View File

@@ -4,7 +4,7 @@
"position": "top",
"height": 30,
"spacing": 0,
"modules-left": ["custom/logo", "cpu", "memory", "bluetooth", "mpris"],
"modules-left": ["custom/logo", "cpu", "memory", "bluetooth"],
"modules-center": ["niri/workspaces"],
"modules-right": [
"tray",
@@ -32,23 +32,23 @@
"default": "",
},
},
"mpris": {
"format": "DEFAULT: {player_icon} {dynamic}",
"format-paused": "DEFAULT: {status_icon} <i>{dynamic}</i>",
"player-icons": {
"default": "▶",
"mpv": "🎵",
},
"status-icons": {
"paused": "⏸",
},
},
// "mpris": {
// "format": "DEFAULT: {player_icon} {dynamic}",
// "format-paused": "DEFAULT: {status_icon} <i>{dynamic}</i>",
// "player-icons": {
// "default": "▶",
// "mpv": "🎵",
// },
// "status-icons": {
// "paused": "⏸",
// },
// },
"tray": {
"icon-size": 14,
"spacing": 10,
},
"clock": {
"format": "{:%I:%M:%S %p}",
"format": "{:%H:%M:%S}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format-alt": "{:%Y-%m-%d}",
"interval": 1,
@@ -75,14 +75,14 @@
"format-icons": ["󰁺", "󰁼", "󰁾", "󰂀", "󰂂", "󰁹"],
},
"power-profiles-daemon": {
"format": "{icon}",
"format": "<span color='#cba6f7'>{icon}</span>",
"tooltip-format": "Power profile: {profile}\nDriver: {driver}",
"tooltip": true,
"format-icons": {
"default": "",
"performance": "",
"balanced": "",
"power-saver": "󰌪",
"default": " ",
"performance": " ",
"balanced": " ",
"power-saver": "󰌪 ",
},
},
"network": {
@@ -99,11 +99,11 @@
"format-source-muted": "",
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
// "hands-free": "",
// "headset": "",
// "phone": "",
// "portable": "",
// "car": "",
"default": ["󰕿", "󰖀", "󰕾"],
},
"on-click": "pavucontrol",

View File

@@ -0,0 +1,160 @@
{
"layer": "top",
"position": "top",
"mod": "dock",
"exclusive": true,
"passthrough": false,
"gtk-layer-shell": true,
"height": 0,
"modules-left": ["clock", "custom/power_btn", "custom/lock_screen", "niri/workspaces"],
"modules-center": ["niri/window"],
"modules-right": [
"network",
"bluetooth",
"pulseaudio",
"pulseaudio#microphone",
"tray"
],
"niri/workspaces": {
"all-outputs": true,
"on-click": "activate",
"persistent-workspaces": {
"1": [],
"2": [],
"3": [],
"4": [],
"5": []
}
},
"custom/launch_wofi": {
"format": "",
"on-click": "pkill wofi; wofi -n",
"tooltip": false
},
"custom/lock_screen": {
"format": "",
"on-click": "sh -c '(sleep 0.5s; swaylock)' & disown",
"tooltip": false
},
"custom/light_dark": {
"format": "󰐾",
"on-click": "~/.config/waybar/scripts/baraction light",
"tooltip": false
},
"custom/power_btn": {
"format": "",
"on-click": "sh -c '(sleep 0.5s; wlogout --protocol layer-shell)' & disown",
"tooltip": false
},
"cpu": {
"interval": 10,
"format": " {usage}%",
"max-length": 10,
"on-click": "kitty --start-as=fullscreen --title btop sh -c 'btop'"
},
"disk": {
"interval": 30,
"format": "󰋊 {percentage_used}%",
"path": "/",
"tooltip": true,
"tooltip-format": "HDD - {used} used out of {total} on {path} ({percentage_used}%)",
"on-click": "kitty --start-as=fullscreen --title btop sh -c 'btop'"
},
"memory": {
"interval": 30,
"format": " {}%",
"max-length": 10,
"tooltip": true,
"tooltip-format": "Memory - {used:0.1f}GB used",
"on-click": "kitty --start-as=fullscreen --title btop sh -c 'btop'"
},
"custom/updates": {
"format": " {}",
"tooltip-format": "{}",
"escape": true,
"return-type": "json",
"exec": "~/.config/waybar/scripts/update-sys",
"restart-interval": 60,
"on-click": "kitty -e ~/.config/waybar/scripts/update-sys update",
"tooltip": false
},
"tray": {
"icon-size": 13,
"tooltip": false,
"spacing": 10
},
"clock": {
"format": "{: %R %d/%m}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
},
"backlight": {
"device": "intel_backlight",
"format": "{icon} {percent}%",
"format-icons": ["", "", ""],
"on-scroll-up": "brightnessctl set 1%+",
"on-scroll-down": "brightnessctl set 1%-",
"min-length": 6
},
"battery": {
"states": {
"good": 95,
"warning": 30,
"critical": 20
},
"format": "{icon} {capacity}%",
"format-charging": " {capacity}%",
"format-plugged": " {capacity}%",
"format-alt": "{time} {icon}",
"format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"]
},
"pulseaudio": {
"format": "{icon} {volume}%",
"tooltip": false,
"format-muted": " Muted",
"on-click": "pamixer -t",
"on-scroll-up": "pamixer -i 5",
"on-scroll-down": "pamixer -d 5",
"scroll-step": 5,
"format-icons": {
"headphone": "",
"hands-free": "",
"headset": "",
"phone": "",
"portable": "",
"car": "",
"default": ["", "", ""]
}
},
"pulseaudio#microphone": {
"format": "{format_source}",
"tooltip": false,
"format-source": " {volume}%",
"format-source-muted": " Muted",
"on-click": "pamixer --default-source -t",
"on-scroll-up": "pamixer --default-source -i 5",
"on-scroll-down": "pamixer --default-source -d 5",
"scroll-step": 5
},
"temperature": {
"thermal-zone": 1,
"format": "{temperatureF}°F ",
"critical-threshold": 80,
"format-critical": "{temperatureC}°C "
},
"network": {
"format-wifi": " {signalStrength}%",
"format-ethernet": "󰈀 100% ",
"tooltip-format": "Connected to {essid} {ifname} via {gwaddr}",
"format-linked": "{ifname} (No IP)",
"format-disconnected": "󰖪 0% ",
"on-click": "~/.config/rofi/wifi/wifi.sh"
},
"bluetooth": {
"format": " {status}",
"format-disabled": "",
"format-off": "",
"interval": 30,
"on-click": "blueman-manager",
"format-no-controller": ""
}
}

View File

@@ -0,0 +1,165 @@
@import "theme.css";
@import "colors.css";
* {
font-family: "JetBrainsMono";
font-size: 12px;
}
window#waybar {
background-color: rgba(43, 48, 59, 0.5);
/* background: color: @rose, @theme_base_color); */
color: @text;
transition-property { @rose} ;
transition-duration [0.5s];
}
window#waybar.hidden {
opacity: 0.2;
}
button {
border: none;
border-radius: 0;
}
button:hover {
background: inherit;
}
#workspaces {
padding: 5px;
}
#workspaces button {
padding: 0 10px;
background-color: transparent;
color: @muted;
border-radius: 10px;
}
#workspaces button:hover {
color: #e5c890;
}
#workspaces button.active,
#workspaces button.default,
#workspaces button.focused {
background: #babbf1;
}
#workspaces button.urgent {
background-color: #eb4d4b;
}
/* #clock, */
/* #battery, */
/* #cpu, */
/* #memory, */
#disk,
#temperature,
#backlight,
#network,
/* #pulseaudio, */
#wireplumber,
/* #custom-media, */
#tray,
#mode,
#idle_inhibitor,
#scratchpad,
#power-profiles-daemon,
#mpd {
padding: 0 10px;
color: @theme_fg_color;
}
#window,
#workspaces {
margin: 0 4px;
}
/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > #workspaces {
margin-left: 0;
}
/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > #workspaces {
margin-right: 0;
}
#clock,
#cpu {
color: @yellow;
}
#memory {
color: @mauve;
}
/* #backlight, */
/* #network, */
/* #pulseaudio, */
/* #custom-media, */
/* #tray, */
/* #custom-power, */
/* #bluetooth, */
#battery.charging {
color: @rose;
}
#battery.plugged {
color: @yellow;
}
#battery.full {
color: @mauve;
}
#power-profiles-daemon {
padding: 5px 15px;
color: @sky;
background-color: alpha(@theme_unfocused_bg_color, 0.4);
border-radius: 20px;
margin: 0 4px;
}
#power-profiles-daemon.performance {
color: @red;
}
#power-profiles-daemon.power-saver {
color: @yellow;
}
#battery.charging {
color: @sky;
}
#custom-power {
background-color: @red;
border-radius: 20px 0 0 20px;
transition: all 250ms ease-in-out;
}
#tray {
border-radius: 20px;
margin: 0 5px;
}
#clock {
border-radius: 20px;
margin: 0 5px;
}
#network.wifi {
color: @rose;
}
#network.ethernet {
color: @blue;
}
#network.disconnected {
color: @red;
}
#pulseaudio {
color: @yellow;
}
#pulseaudio.muted {
color: @red;
}
#custom-power {
color: @text;
margin: 0;
}
#custom-logo {
background-color: @blue;
padding: 0 17px;
border-radius: 0 20px 20px 0;
}
#bluetooth {
color: @mauve;
border-radius: 20px;
margin: 0 5px;
}
#bluetooth.connected {
color: @mauve;
}
#bluetooth.disabled {
color: @red;
}

View File

@@ -0,0 +1,16 @@
/*
@define-color base #232136;
@define-color surface #2a273f;
@define-color overlay #393552;
@define-color muted #6e6a86;
@define-color subtle #908caa;
@define-color text #e0def4;
@define-color red #eb6f92;
@define-color yellow #f6c177;
@define-color rose #ea9a97;
@define-color blue #3e8fb0;
@define-color sky #9ccfd8;
@define-color mauve #c4a7e7;
@define-color highlightLow #2a283e;
@define-color highlightMed #44415a;
@define-color highlightHigh #56526e;

View File

@@ -0,0 +1,16 @@
/*
@define-color base #232136;
@define-color surface #2a273f;
@define-color overlay #393552;
@define-color muted #6e6a86;
@define-color subtle #908caa;
@define-color text #e0def4;
@define-color red #eb6f92;
@define-color yellow #f6c177;
@define-color rose #ea9a97;
@define-color blue #3e8fb0;
@define-color sky #9ccfd8;
@define-color mauve #c4a7e7;
@define-color highlightLow #2a283e;
@define-color highlightMed #44415a;
@define-color highlightHigh #56526e;