unify color palette, harden shikane service, misc sway/opencode updates
sway:
- config: re-apply shikane profile after every reload
(exec_always shikanectl reload); restart waybar on reload
(exec_always pkill+waybar); enable default_border pixel 2;
add tlpctl power-saver at startup
- keybinds: disable floating_modifier (was "$mod normal") -
experiment for windows popping out via accidental mod+click
- windows: case-insensitive pydm title match for floating rule
- swayfx + waybar style: unified 5-color palette (base00-0F) with
doc headers; waybar theme restyled to match the sway palette
- waybar config: scratchpad module in left bar, "S{count}" format
- new quickshell shell.qml bar
systemd user units:
- shikane.service: bind to graphical-session/sway-session targets,
Type=simple, Restart=on-failure (2s) with start limits so crashes
recover without giving up permanently
- new sway-session.target and its wants/ symlinks
opencode:
- load AGENTS.md as instructions (new file)
- move OpenWebUI API key from hardcoded to {env:OPENWEBUI_API_KEY}
This commit is contained in:
jozamudi committed
1 parent
e338d15922
commit
63345e51e3
12 files changed
+623
-206
No files matched your search
@@ -4,6 +4,7 @@
|
||||
"modules-left": [
|
||||
"sway/workspaces",
|
||||
"sway/submap",
|
||||
"sway/scratchpad",
|
||||
"sway/window"
|
||||
],
|
||||
//"modules-center": [
|
||||
@@ -22,7 +23,7 @@
|
||||
"format": "<span style=\"italic\">{}</span>"
|
||||
},
|
||||
"sway/scratchpad": {
|
||||
"format": "{count}",
|
||||
"format": "S{count}",
|
||||
"show-empty": false,
|
||||
"tooltip": true,
|
||||
"tooltip-format": "{app}: {title}"
|
||||
|
||||
+192
-166
@@ -1,17 +1,51 @@
|
||||
/*
|
||||
* Waybar theme — unified with sway color palette.
|
||||
*
|
||||
* ╔══════════════════════════════════════════════════════════════════╗
|
||||
* ║ COLOR PALETTE ║
|
||||
* ║ To change colors: ║
|
||||
* ║ 1. Edit the $base00–$base0F values in ║
|
||||
* ║ ~/.config/sway/config.d/swayfx ║
|
||||
* ║ 2. Mirror those hex values in the @define-color block below ║
|
||||
* ║ 3. Run: swaymsg reload ║
|
||||
* ╚══════════════════════════════════════════════════════════════════╝
|
||||
*/
|
||||
|
||||
/* ── Palette (your 5 colors + black) ── */
|
||||
@define-color bg #000000;
|
||||
@define-color bg-dark #000000;
|
||||
@define-color bg-mid #000000;
|
||||
@define-color bg-light #333333;
|
||||
@define-color fg-dim #666666;
|
||||
@define-color fg #999999;
|
||||
@define-color fg-bright #CCCCCC;
|
||||
@define-color fg-max #FFFFFF;
|
||||
@define-color teal #999999;
|
||||
@define-color blue #999999;
|
||||
@define-color indigo #CCCCCC;
|
||||
@define-color magenta #999999;
|
||||
@define-color red #CCCCCC;
|
||||
@define-color yellow #999999;
|
||||
@define-color orange #999999;
|
||||
@define-color green #CCCCCC;
|
||||
@define-color cyan #666666;
|
||||
|
||||
/* ── Semantic aliases ── */
|
||||
@define-color highlight @blue;
|
||||
@define-color accent @teal;
|
||||
@define-color urgent @red;
|
||||
@define-color warning @yellow;
|
||||
@define-color success @green;
|
||||
|
||||
* {
|
||||
/* `otf-font-awesome` is required to be installed for icons */
|
||||
/*font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; */
|
||||
/*font-family: "JetBrainsMono NF";*/
|
||||
font-family: "JetBrainsMonoNFM-Regular";
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
/*background-color: rgba(43, 48, 59, 0.5);
|
||||
border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
|
||||
background-color: rgba(0, 0, 0, 1);
|
||||
color: #ffffff;
|
||||
background-color: @bg;
|
||||
color: @fg;
|
||||
transition-property: background-color;
|
||||
transition-duration: .5s;
|
||||
}
|
||||
@@ -20,57 +54,44 @@ window#waybar.hidden {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
window#waybar.empty {
|
||||
/*background-color: transparent;*/
|
||||
}
|
||||
window#waybar.solo {
|
||||
/*background-color: #FFFFFF;*/
|
||||
}
|
||||
|
||||
|
||||
/* ── Buttons ── */
|
||||
button {
|
||||
/* Use box-shadow instead of border so the text isn't offset */
|
||||
box-shadow: inset 0 -3px transparent;
|
||||
/* Avoid rounded borders under each button name */
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
|
||||
button:hover {
|
||||
background: inherit;
|
||||
box-shadow: inset 0 -3px #ffffff;
|
||||
}
|
||||
|
||||
/* you can set a style on hover for any module like this */
|
||||
#pulseaudio:hover {
|
||||
/*background-color: #a37800;*/
|
||||
box-shadow: inset 0 -3px @fg-bright;
|
||||
}
|
||||
|
||||
/* ── Workspaces ── */
|
||||
#workspaces button {
|
||||
padding: 0 4px;
|
||||
/*background-color: transparent;*/
|
||||
color: #ffffff;
|
||||
color: @fg-dim;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: @bg-mid;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-color: #64727D;
|
||||
/*box-shadow: inset 0 -3px #ffffff;*/
|
||||
background-color: @highlight;
|
||||
color: @bg;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
background-color: #eb4d4b;
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
/* ── Mode indicator ── */
|
||||
#mode {
|
||||
background-color: #64727D;
|
||||
box-shadow: inset 0 -3px #ffffff;
|
||||
background-color: @blue;
|
||||
box-shadow: inset 0 -3px @fg-bright;
|
||||
}
|
||||
|
||||
/* ── Common module spacing ── */
|
||||
#clock,
|
||||
#battery,
|
||||
#cpu,
|
||||
@@ -89,49 +110,38 @@ button:hover {
|
||||
#power-profiles-daemon,
|
||||
#mpd {
|
||||
padding: 0 10px;
|
||||
color: #ffffff;
|
||||
color: @fg;
|
||||
}
|
||||
|
||||
/* ── Window & workspace margins ── */
|
||||
#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 {
|
||||
/* background-color: #64727D;*/
|
||||
}
|
||||
|
||||
#battery {
|
||||
/*background-color: #ffffff;
|
||||
color: #000000;*/
|
||||
}
|
||||
|
||||
/* ── Battery ── */
|
||||
#battery.charging, #battery.plugged {
|
||||
/*color: #ffffff;
|
||||
background-color: #26A65B;*/
|
||||
color: @teal;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
to {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
background-color: @fg-bright;
|
||||
color: @bg;
|
||||
}
|
||||
}
|
||||
|
||||
/* Using steps() instead of linear as a timing function to limit cpu usage */
|
||||
#battery.critical:not(.charging) {
|
||||
background-color: #f53c3c;
|
||||
color: #ffffff;
|
||||
background-color: @urgent;
|
||||
color: @fg-max;
|
||||
animation-name: blink;
|
||||
animation-duration: 0.5s;
|
||||
animation-timing-function: steps(12);
|
||||
@@ -139,146 +149,191 @@ button:hover {
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
/* ── Power profiles ── */
|
||||
#power-profiles-daemon {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
#power-profiles-daemon.performance {
|
||||
background-color: #f53c3c;
|
||||
color: #ffffff;
|
||||
background-color: @urgent;
|
||||
color: @fg-max;
|
||||
}
|
||||
|
||||
#power-profiles-daemon.balanced {
|
||||
background-color: #2980b9;
|
||||
color: #ffffff;
|
||||
background-color: @blue;
|
||||
color: @fg-max;
|
||||
}
|
||||
|
||||
#power-profiles-daemon.power-saver {
|
||||
background-color: #2ecc71;
|
||||
color: #000000;
|
||||
background-color: @success;
|
||||
color: @bg;
|
||||
}
|
||||
|
||||
label:focus {
|
||||
background-color: #000000;
|
||||
/* ── Scratchpad ── */
|
||||
#scratchpad {
|
||||
background-color: transparent;
|
||||
color: @fg-dim;
|
||||
opacity: 0.5;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
background-color: #2ecc71;
|
||||
color: #000000;
|
||||
#scratchpad:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#memory {
|
||||
background-color: #9b59b6;
|
||||
#scratchpad.empty {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#disk {
|
||||
background-color: #964B00;
|
||||
/* ── Clock ── */
|
||||
#clock {
|
||||
/* background-color: @highlight; */
|
||||
}
|
||||
|
||||
#backlight {
|
||||
background-color: #90b1b1;
|
||||
}
|
||||
|
||||
#network {
|
||||
/*background-color: #2980b9;*/
|
||||
}
|
||||
|
||||
#network.disconnected {
|
||||
/*background-color: #f53c3c;*/
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
/*background-color: #f1c40f;*/
|
||||
/*color: #000000;*/
|
||||
}
|
||||
|
||||
#pulseaudio.muted {
|
||||
/*background-color: #90b1b1;*/
|
||||
/*color: #2a5c45;*/
|
||||
}
|
||||
|
||||
#wireplumber {
|
||||
background-color: #fff0f5;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#wireplumber.muted {
|
||||
background-color: #f53c3c;
|
||||
}
|
||||
|
||||
#custom-media {
|
||||
background-color: #66cc99;
|
||||
color: #2a5c45;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
#custom-media.custom-spotify {
|
||||
background-color: #66cc99;
|
||||
}
|
||||
|
||||
#custom-media.custom-vlc {
|
||||
background-color: #ffa000;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
background-color: #f0932b;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: #eb4d4b;
|
||||
}
|
||||
|
||||
#tray {
|
||||
/*background-color: #2980b9;*/
|
||||
/* ── Battery ── */
|
||||
#battery {
|
||||
/* background-color: @fg-max;
|
||||
color: @bg; */
|
||||
}
|
||||
|
||||
/* ── Tray ── */
|
||||
#tray > .passive {
|
||||
-gtk-icon-effect: dim;
|
||||
}
|
||||
|
||||
#tray > .needs-attention {
|
||||
-gtk-icon-effect: highlight;
|
||||
background-color: #eb4d4b;
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
/* ── Pulseaudio ── */
|
||||
#pulseaudio:hover {
|
||||
/* hover style optional */
|
||||
}
|
||||
|
||||
#pulseaudio.muted {
|
||||
color: @fg-dim;
|
||||
}
|
||||
|
||||
/* ── Idle inhibitor ── */
|
||||
#idle_inhibitor {
|
||||
background-color: #2d3436;
|
||||
background-color: @bg-dark;
|
||||
}
|
||||
|
||||
#idle_inhibitor.activated {
|
||||
background-color: #ecf0f1;
|
||||
color: #2d3436;
|
||||
background-color: @fg-bright;
|
||||
color: @bg-dark;
|
||||
}
|
||||
|
||||
label:focus {
|
||||
background-color: @bg;
|
||||
}
|
||||
|
||||
/* ── Legacy module styles (if ever enabled) ── */
|
||||
#cpu {
|
||||
background-color: @success;
|
||||
color: @bg;
|
||||
}
|
||||
|
||||
#memory {
|
||||
background-color: @magenta;
|
||||
}
|
||||
|
||||
#disk {
|
||||
background-color: @warning;
|
||||
}
|
||||
|
||||
#backlight {
|
||||
background-color: @bg-light;
|
||||
}
|
||||
|
||||
#network.disconnected {
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
#wireplumber {
|
||||
background-color: @fg-max;
|
||||
color: @bg;
|
||||
}
|
||||
|
||||
#wireplumber.muted {
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
#custom-media {
|
||||
background-color: @cyan;
|
||||
color: @bg-dark;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
#custom-media.custom-spotify {
|
||||
background-color: @cyan;
|
||||
}
|
||||
|
||||
#custom-media.custom-vlc {
|
||||
background-color: @warning;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
background-color: @warning;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
#mpd {
|
||||
background-color: #66cc99;
|
||||
color: #2a5c45;
|
||||
background-color: @cyan;
|
||||
color: @bg-dark;
|
||||
}
|
||||
|
||||
#mpd.disconnected {
|
||||
background-color: #f53c3c;
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
#mpd.stopped {
|
||||
background-color: #90b1b1;
|
||||
background-color: @bg-light;
|
||||
}
|
||||
|
||||
#mpd.paused {
|
||||
background-color: #51a37a;
|
||||
background-color: @accent;
|
||||
}
|
||||
|
||||
/* ── Privacy items ── */
|
||||
#privacy {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#privacy-item {
|
||||
padding: 0 5px;
|
||||
color: @fg-max;
|
||||
}
|
||||
|
||||
#privacy-item.screenshare {
|
||||
background-color: @orange;
|
||||
}
|
||||
|
||||
#privacy-item.audio-in {
|
||||
background-color: @success;
|
||||
}
|
||||
|
||||
#privacy-item.audio-out {
|
||||
background-color: @blue;
|
||||
}
|
||||
|
||||
/* ── Language & keyboard ── */
|
||||
#language {
|
||||
background: #00b093;
|
||||
color: #740864;
|
||||
background: @teal;
|
||||
color: @bg;
|
||||
padding: 0 5px;
|
||||
margin: 0 5px;
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
#keyboard-state {
|
||||
background: #97e1ad;
|
||||
color: #000000;
|
||||
padding: 0 0px;
|
||||
background: @teal;
|
||||
color: @bg;
|
||||
padding: 0;
|
||||
margin: 0 5px;
|
||||
min-width: 16px;
|
||||
}
|
||||
@@ -288,34 +343,5 @@ label:focus {
|
||||
}
|
||||
|
||||
#keyboard-state > label.locked {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#scratchpad {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#scratchpad.empty {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#privacy {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#privacy-item {
|
||||
padding: 0 5px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#privacy-item.screenshare {
|
||||
background-color: #cf5700;
|
||||
}
|
||||
|
||||
#privacy-item.audio-in {
|
||||
background-color: #1ca000;
|
||||
}
|
||||
|
||||
#privacy-item.audio-out {
|
||||
background-color: #0069d4;
|
||||
}
|
||||
background: @bg-dark;
|
||||
}
|
||||
Reference in new issue
Block a user