summary refs log tree commit diff
path: root/.config/waybar
diff options
context:
space:
mode:
Diffstat (limited to '.config/waybar')
-rw-r--r--.config/waybar/colors.css23
-rw-r--r--.config/waybar/style.css33
-rw-r--r--.config/waybar/style.css.in333
3 files changed, 29 insertions, 360 deletions
diff --git a/.config/waybar/colors.css b/.config/waybar/colors.css
deleted file mode 100644
index 6e5c85e..0000000
--- a/.config/waybar/colors.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
-*
-* Base16 Karafuru Dark
-* Author: robertgzr
-*
-*/
-
-@define-color base00 #0c0c0c;
-@define-color base01 #86c166;
-@define-color base02 #f7d94c;
-@define-color base03 #1c1c1c;
-@define-color base04 #2ea9df;
-@define-color base05 #bdc0ba;
-@define-color base06 #8a6bbe;
-@define-color base07 #fffffb;
-@define-color base08 #db4d6d;
-@define-color base09 #cb1b45;
-@define-color base0A #fad689;
-@define-color base0B #5dac81;
-@define-color base0C #69b0ac;
-@define-color base0D #58b2dc;
-@define-color base0E #70649a;
-@define-color base0F #81c7d4;
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index af8cdc5..01a0084 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,9 +1,36 @@
-@import "colors.css";
+/*
+ * vim: fdm=marker fdl=1
+ * */
+
+/* start flavours */
+@define-color base00 #0c0c0c;
+@define-color base01 #db4d6d;
+@define-color base02 #5dac81;
+@define-color base03 #fad689;
+@define-color base04 #58b2dc;
+@define-color base05 #69b0ac;
+@define-color base06 #70649a;
+@define-color base07 #bdc0ba;
+@define-color base08 #1c1c1c;
+@define-color base09 #cb1b45;
+@define-color base0A #86c166;
+@define-color base0B #f7d94c;
+@define-color base0C #2ea9df;
+@define-color base0D #81c7d4;
+@define-color base0E #8a6bbe;
+@define-color base0F #fffffb;
+
+* {
+    font-family: Iosevka Etoile, Sarasa Fixed J, Material Design Icons;
+    font-size: 9pt;
+}
+/* end flavours */
 
 @define-color accent @base06;
 @define-color accentdarker @base0E;
 @define-color foreground @base07;
-@define-color background rgba(12, 12, 12, 0.96);
+@define-color background @base00;
+/* @define-color background rgba(12, 12, 12, 0.96); */
 @define-color dimmed #5e5e5e;
 @define-color dimmeddarker #434343;
 @define-color urgent @base09;
@@ -11,8 +38,6 @@
 * {
     border: none;
     border-radius: 0;
-    font-family: Iosevka Aile, Sarasa Fixed J, Material Design Icons, Font Awesome;
-    font-size: 10pt;
 }
 
 window#waybar {
diff --git a/.config/waybar/style.css.in b/.config/waybar/style.css.in
deleted file mode 100644
index 94911f3..0000000
--- a/.config/waybar/style.css.in
+++ /dev/null
@@ -1,333 +0,0 @@
-@define-color color00 {{ hex .normal_black }};
-@define-color color01 {{ hex .normal_red }};
-@define-color color02 {{ hex .normal_green }};
-@define-color color03 {{ hex .normal_yellow }};
-@define-color color04 {{ hex .normal_blue }};
-@define-color color05 {{ hex .normal_magenta }};
-@define-color color06 {{ hex .normal_cyan }};
-@define-color color07 {{ hex .normal_white }};
-@define-color color08 {{ hex .bright_black }};
-@define-color color09 {{ hex .bright_red }};
-@define-color color10 {{ hex .bright_green }};
-@define-color color11 {{ hex .bright_yellow }};
-@define-color color12 {{ hex .bright_blue }};
-@define-color color13 {{ hex .bright_magenta }};
-@define-color color14 {{ hex .bright_cyan }};
-@define-color color15 {{ hex .bright_white }};
-
-@define-color accent {{ hex .accent }};
-@define-color accentdarker {{ hex .accent_darker }};
-
-@define-color foreground @color07;
-@define-color background {{ rgba .bright_black 0.96 }};
-@define-color dimmed {{ hex (lighter .dim_white 0.4) }};
-@define-color dimmeddarker {{ hex .dim_white }};
-@define-color urgent {{ hex .dim_red }};
-
-* {
-  border: none;
-  border-radius: 0;
-  font-family: Iosevka Aile, Sarasa Fixed J, Material Design Icons, Font Awesome;
-  font-size: 10pt;
-}
-
-window#waybar {
-  background: @background;
-  color: @foreground;
-  /* padding: 0 0.3rem; */
-}
-window#waybar.hidden {
-  opacity: 0;
-}
-
-
-#window,
-#mode,
-#clock,
-#battery,
-#cpu,
-#memory,
-#disk,
-#temperature,
-#backlight,
-#idle_inhibitor,
-#network,
-#pulseaudio,
-#custom-toggl,
-#custom-gammastep,
-#custom-weather,
-#custom-mpris,
-#custom-todo,
-#custom-covid,
-#custom-timetracked,
-#tray {
-  /* border-top: 1px solid @dimmeddarker; */
-  padding: 0 0.1rem;
-  margin: 0 0.2rem;
-  color: @dimmed;
-}
-
-#cpu:hover,
-#memory:hover,
-#backlight:hover,
-#idle_inhibitor:hover,
-#network:hover,
-#network.tailscale:hover,
-#pulseaudio:hover,
-#custom-mpris:hover,
-#custom-gammastep:hover,
-#custom-todo:hover {
-  color: @foreground;
-  transition-property: background;
-  transition-duration: 0.1s;
-}
-
-#tags button,
-#workspaces button {
-  padding: 0 5px;
-  background: transparent;
-  color: @dimmed;
-  /* border-bottom: 3px solid transparent; */
-}
-#tags button {
-  color: @dimmeddarker;
-}
-#tags button.occupied {
-  color: @dimmed;
-}
-#workspaces button.visible {
-  color: @dimmeddarker;
-  background: @accentdarker;
-}
-#tags button.focused,
-#workspaces button.focused {
-  font-weight: bold;
-  color: @foreground;
-  background: @accentdarker;
-  transition-property: background;
-  transition-duration: 0.01s;
-}
-#tags button.urgent,
-#workspaces button.urgent {
-  color: @background;
-  background: @urgent;
-}
-#tags button:hover,
-#tags button.focused:hover,
-#workspaces button:hover,
-#workspaces button.focused:hover {
-  background: @accent;
-  color: @foreground;
-  transition-property: background, color;
-  transition-duration: 0.01s;
-
-  /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
-  box-shadow: inherit;
-  text-shadow: inherit;
-}
-#tags button.urgent:hover,
-#workspaces button.urgent:hover {
-  background: @foreground;
-  transition-property: background;
-  transition-duration: 0.01s;
-}
-
-#mode {
-  /* font-style: italic; */
-  color: @background;
-  background: @color03;
-  margin: 3px 6px;
-  border-radius: 2px;
-}
-
-#clock {}
-#clock.local {
-  color: @foreground;
-}
-#clock.utc {
-}
-
-#disk.root {}
-#disk.home {
-  /* margin-left: 0; */
-  /* padding-left: 0; */
-}
-
-#battery {}
-#battery.charging {
-  color: @background;
-  background: @color10;
-}
-@keyframes blink {
-  to {
-    background: @foreground;
-    color: @background;
-  }
-}
-#battery.critical:not(.charging) {
-  color: @foreground;
-  background: @urgent;
-  animation-name: blink;
-  animation-duration: 0.5s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-}
-
-label:focus {
-  background: @background;
-}
-
-#cpu {}
-#memory {}
-#backlight {}
-#backlight.off {
-  color: @dimmed;
-}
-#network {}
-#network.disconnected {
-  border-top: 1px solid @urgent;
-  color: @dimmed;
-}
-#network.tailscale.disabled,
-#network.tailscale.disconnected,
-#network.mullvad.disabled,
-#network.mullvad.disconnected {
-  border-top: 1px solid @dimmeddarker;
-}
-
-#network.tailscale.ethernet,
-#network.tailscale.linked,
-#network.mullvad.ethernet,
-#network.mullvad.linked {
-  color: @foreground;
-  border-top: 1px solid @color14;
-}
-#pulseaudio {}
-#pulseaudio.muted {
-  border-top: 1px solid @urgent;
-  color: @dimmed;
-}
-#pulseaudio.bluetooth {
-  border-top: 1px solid @color04;
-}
-
-#temperature {}
-#temperature.critical {
-  color: @foreground;
-  background: @urgent;
-  border-top: none;
-}
-
-#tray {}
-
-#idle_inhibitor {}
-#idle_inhibitor.activated {
-  color: @foreground;
-  border-top: 1px solid @color02;
-}
-
-#custom-mpris {
-  color: @foreground;
-}
-#custom-mpris.playing,
-#custom-mpris.paused {
-  border-top: 1px solid @color04;
-}
-#custom-mpris.paused {
-  font-style: italic;
-}
-#mpris {
-  color: @foreground;
-}
-#mpris.playing,
-#mpris.paused {
-  border-top: 1px solid @color04;
-}
-#mpris.paused {
-  font-style: italic;
-}
-
-#custom-toggl {
-  color: @foreground;
-  border-top: 1px solid @urgent;
-}
-
-#custom-todo.off {
-  color: @dimmed;
-  border-top: 1px solid @dimmeddarker;
-  padding: 0 0 0 0.4rem;
-}
-#custom-todo.on {
-  color: @foreground;
-  border-top: 1px solid @urgent;
-  font-weight: bold;
-  padding: 0 0.6rem 0 0.4rem;
-}
-#custom-todo.work {
-  background: @urgent;
-}
-
-#custom-timetracked {
-  color: @urgent;
-  border-top: 1px solid @urgent;
-}
-
-@keyframes flash {
-  50% {
-    background: rgba(255,174,66, 0.7);
-    color: @background;
-  }
-}
-#custom-gamma.night {
-  border-top: 1px solid @color12;
-  color: @foreground;
-  animation-name: flash;
-  animation-duration: 0.3s;
-  animation-timing-function: linear;
-  animation-iteration-count: 1;
-}
-#custom-gamma.day {
-  color: @dimmed;
-}
-#custom-gamma.off {
-  border-top: 1px solid @urgent;
-  color: @dimmed;
-}
-
-#custom-weather {
-  color: @dimmed;
-}
-
-#custom-covid.green {
-  /* border-top: 1px solid #00cc00; */
-  /* color: #00cc00; */
-}
-#custom-covid.yellow {
-  /* border-top: 1px solid #f7dd31; */
-  /* color: #f7dd31; */
-}
-#custom-covid.orange {
-  /* border-top: 1px solid #faa31b; */
-  /* color: #faa31b; */
-}
-#custom-covid.red {
-  /* border-top: 1px solid #f92206; */
-  /* color: #f92206; */
-}
-#custom-covid.darkred {
-  /* border-top: 1px solid #c01a00; */
-  /* color: #c01a00; */
-}
-#custom-covid.darkdarkred {
-  /* border-top: 1px solid #941100; */
-  /* color: #941100; */
-}
-
-#custom-hotspots {
-  border-top: 1px solid @urgent;
-  color: @dimmed;
-}
-#custom-hotspots.soon {
-  color: @urgent;
-}
generated by cgit-pink 1.4.1 (git 2.36.1) at 2026-08-05 20:21:14 +0000