feat!: migration to waybar
This commit is contained in:
@@ -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 }}
|
||||
@@ -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 *>
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user