feat!: migration to waybar

This commit is contained in:
2026-08-21 15:36:27 +02:00
parent dce6a6cafb
commit 1a97f301c2
22 changed files with 341 additions and 1026 deletions
@@ -3,6 +3,7 @@
background = rgba({{colors.background.default.hex_stripped}}FF)
base = rgba({{colors.surface.default.hex_stripped}}FF)
alternate_base = rgba({{colors.surface.default.hex_stripped | lighten: -5.0}}FF)
text = rgba({{colors.on_background.default.hex_stripped}}FF)
accent = rgba({{colors.primary.default.hex_stripped}}FF)
accent_secondary = rgba({{colors.secondary.default.hex_stripped}}FF)
@@ -0,0 +1,71 @@
# --- Main Colors ---
background {{ colors.surface.default.hex | lighten: -2.5 }}
foreground {{ colors.on_surface.default.hex }}
cursor {{ colors.on_surface.default.hex }}
cursor_text_color {{ colors.surface.default.hex }}
selection_background {{ colors.secondary_container.default.hex }}
selection_foreground {{ colors.on_secondary_container.default.hex }}
url_color {{ colors.tertiary.default.hex }}
# --- ANSI Colors ---
color0 {{ colors.surface.default.hex }}
color1 {{ colors.error.default.hex }}
color2 {{ colors.tertiary.default.hex }}
color3 {{ colors.secondary.default.hex }}
color4 {{ colors.primary.default.hex }}
color5 {{ colors.tertiary_fixed_dim.default.hex }}
color6 {{ colors.secondary_fixed_dim.default.hex }}
color7 {{ colors.on_surface.default.hex }}
color8 {{ colors.surface_variant.default.hex }}
color9 {{ colors.error_container.default.hex }}
color10 {{ colors.tertiary_container.default.hex }}
color11 {{ colors.secondary_container.default.hex }}
color12 {{ colors.primary_container.default.hex }}
color13 {{ colors.on_secondary_fixed_variant.default.hex }}
color14 {{ colors.on_tertiary_fixed_variant.default.hex }}
color15 {{ colors.on_surface_variant.default.hex }}
# --- Starship Prompt Bubbles ---
color255 {{ colors.primary_container.default.hex }}
color254 {{ colors.primary.default.hex }}
color253 {{ colors.secondary_container.default.hex }}
color252 {{ colors.secondary.default.hex }}
color251 {{ colors.tertiary_container.default.hex }}
color250 {{ colors.tertiary.default.hex }}
color249 {{ colors.error_container.default.hex }}
color248 {{ colors.error.default.hex }}
color232 {{ colors.on_primary_container.default.hex }}
color233 {{ colors.on_primary.default.hex }}
color234 {{ colors.on_secondary_container.default.hex }}
color235 {{ colors.on_secondary.default.hex }}
color236 {{ colors.on_tertiary_container.default.hex }}
color237 {{ colors.on_tertiary.default.hex }}
color238 {{ colors.on_error_container.default.hex }}
color239 {{ colors.on_error.default.hex }}
color240 {{ colors.on_primary_container.default.hex }}
# Matched with unthemed light/dark
color243 {{ colors.primary.default.hex }}
color244 {{ colors.error.default.hex }}
color245 {{ colors.outline_variant.default.hex }}
# --- UI Elements ---
active_tab_foreground {{ colors.on_primary.default.hex }}
active_tab_background {{ colors.primary.default.hex }}
inactive_tab_foreground {{ colors.on_primary_container.default.hex }}
inactive_tab_background {{ colors.primary_container.default.hex }}
active_border_color {{ colors.primary.default.hex }}
inactive_border_color {{ colors.outline.default.hex }}
# --- Marks ---
mark1_foreground {{ colors.on_primary_fixed.default.hex }}
mark1_background {{ colors.primary_fixed.default.hex }}
mark2_foreground {{ colors.on_secondary_fixed.default.hex }}
mark2_background {{ colors.secondary_fixed.default.hex }}
mark3_foreground {{ colors.on_tertiary_fixed.default.hex }}
mark3_background {{ colors.tertiary_fixed.default.hex }}
+82
View File
@@ -0,0 +1,82 @@
* {
background: {{colors.background.default.hex}};
background-selected: {{colors.primary.default.hex}};
foreground: {{colors.on_background.default.hex}};
foreground-selected: {{colors.on_primary.default.hex}};
accent: {{colors.secondary.default.hex}};
inactive: {{colors.outline.default.hex}};
spacing: 2;
width: 30em;
margin: 0;
padding: 0;
}
#window {
background-color: @background;
border-color: @accent;
border: 1px;
border-radius: 10px;
padding: 0;
location: center;
anchor: center;
margin: 0;
}
#mainbox {
background-color: @background;
spacing: 10px;
margin: 10px 0 0 0;
width: 200px;
}
#inputbar {
children: [prompt,entry];
background-color: @background;
}
#listview {
background-color: @background;
fixed-height: true;
margin: 5px 0 0 10px;
}
#element {
padding: 5px;
background-color: @background;
text-color: @foreground;
}
element selected {
background-color: @background-selected;
text-color: @foreground-selected;
border: 1px;
border-radius: 5px;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
margin: 0 4px 0 0;
size: 35px;
}
#entry {
background-color: @background;
text-color: @accent;
placeholder: "Search";
placeholder-color: @inactive;
font: "Comfortaa Regular 20";
}
#prompt {
background-color: @background;
padding: 0 4px;
margin: 0 5px 0 0;
text-color: @foreground;
font: "Adwaita Sans Regular 20";
}
@@ -1,7 +0,0 @@
/*
* Css Colors
* Generated with Matugen
*/
<* for name, value in colors *>
@define-color {{name}} {{value.default.hex}};
<* endfor *>
+108
View File
@@ -0,0 +1,108 @@
@import "colors.css";
* {
border: none;
border-radius: 0;
font-family: 'Comfortaa, FiraMono Nerd Font';
font-weight: bold;
font-size: 15px;
min-height: 0;
margin-left: 3px;
margin-right: 3px;
}
window#waybar {
background-color: {{ colors.shadow.default.rgba | set_alpha: 0.1 }};
color: @primary;
}
tooltip {
background-color: @background;
border-radius: 10px;
border-width: 2px;
border-style: solid;
border-color: @outline;
}
#workspaces button {
padding: 3px;
background-color: @primary_container;
color: @on_primary_container;
margin-right: 1px;
border-radius: 10px;
}
#workspaces button.active {
color: @on_primary;
background-color: @primary;
}
#workspaces button.focused {
color: @on_secondary;
background-color: @secondary;
}
#workspaces button.urgent {
color: @on_error;
background-color: @error;
border-radius: 10px;
}
#workspaces button:hover {
color: @on_secondary;
background-color: @secondary;
}
#workspaces {
background-color: black;
border-radius: 10px;
margin-left: 10px;
padding-right: 0px;
padding-left: 5px;
}
#clock,
#tray,
#workspaces {
background-color: @surface;
color: @primary;
padding: 3px 9px;
margin: 3px 2px;
margin-top: 9px;
border-radius: 10px;
}
#window {
border-radius: 10px;
margin-left: 60px;
margin-right: 60px;
}
#clock {
min-width: 125px;
}
#pulseaudio,
#memory,
#network,
#bluetooth,
#brightness,
#backlight,
#cpu {
padding: 3px 5px;
margin: 3px 0px;
margin-top: 9px;
border-radius: 0;
background-color: @surface;
color: @primary;
}
#cpu {
border-radius: 10px 0px 0px 10px;
padding-left: 9px;
}
#pulseaudio.microphone {
border-radius: 0px 10px 10px 0px;
padding-right: 9px;
}