summaryrefslogtreecommitdiff
path: root/_linux/waybar/style.css
diff options
context:
space:
mode:
authorkkard2 <[email protected]>2023-12-28 18:27:55 +0100
committerkkard2 <[email protected]>2023-12-28 18:27:55 +0100
commit3fe8b5a824d7a77e6137a39e4fbcdd930587bac2 (patch)
tree7b732a98ac7e65fa0cfad029c072f957278414e1 /_linux/waybar/style.css
parent54c88b36cd78b21d61a788c32028bac4ebbebf3b (diff)
linux setuping in progress
Diffstat (limited to '_linux/waybar/style.css')
-rw-r--r--_linux/waybar/style.css267
1 files changed, 267 insertions, 0 deletions
diff --git a/_linux/waybar/style.css b/_linux/waybar/style.css
new file mode 100644
index 0000000..d7df909
--- /dev/null
+++ b/_linux/waybar/style.css
@@ -0,0 +1,267 @@
+/* Keyframes */
+
+@keyframes blink-critical {
+ to {
+ /*color: @white;*/
+ background-color: @critical;
+ }
+}
+
+
+/* Styles */
+
+/* Colors (gruvbox) */
+@define-color black #282828;
+@define-color red #ff0000;
+@define-color green #98971a;
+@define-color yellow #d79921;
+@define-color blue #458588;
+@define-color purple #b16286;
+@define-color aqua #689d6a;
+@define-color gray #a89984;
+@define-color brgray #928374;
+@define-color brred #fb4934;
+@define-color brgreen #b8bb26;
+@define-color bryellow #fabd2f;
+@define-color brblue #83a598;
+@define-color brpurple #d3869b;
+@define-color braqua #8ec07c;
+@define-color white #ffffff;
+@define-color bg2 #504945;
+
+@define-color warning @bryellow;
+@define-color critical @red;
+@define-color mode @black;
+@define-color unfocused @bg2;
+@define-color focused @braqua;
+@define-color inactive @purple;
+
+@define-color sound #ff007f;
+@define-color network #ff7f00;
+@define-color memory #ffff00;
+@define-color cpu #7fff00;
+@define-color temp #00ff7f;
+@define-color layout #00ffff;
+/*@define-color battery @aqua;*/
+@define-color date #ffffff;
+@define-color time #000000;
+
+/* Reset all styles */
+* {
+ border: none;
+ border-radius: 0;
+ min-height: 0;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+/* The whole bar */
+#waybar {
+ background: #101010;
+ color: @white;
+ font-family: JetBrains Mono, Siji;
+ font-size: 10pt;
+}
+
+/* Each module */
+#battery,
+#clock,
+#cpu,
+#language,
+#memory,
+#mode,
+#network,
+#pulseaudio,
+#temperature,
+#tray,
+#backlight,
+#idle_inhibitor,
+#disk,
+#user,
+#mpris {
+ padding-left: 8pt;
+ padding-right: 8pt;
+}
+
+/* Each critical module */
+#mode,
+#memory.critical,
+#cpu.critical,
+#temperature.critical,
+#battery.critical.discharging {
+ animation-timing-function: linear;
+ animation-iteration-count: infinite;
+ animation-direction: alternate;
+ animation-name: blink-critical;
+ animation-duration: 1s;
+}
+
+/* Each warning */
+#network.disconnected,
+#memory.warning,
+#cpu.warning,
+#temperature.warning,
+#battery.warning.discharging {
+ color: @warning;
+}
+
+/* And now modules themselves in their respective order */
+
+/* Current sway mode (resize etc) */
+#mode {
+ color: @white;
+ background: @mode;
+}
+
+/* Workspaces stuff */
+#workspaces button {
+ /*font-weight: bold;*/
+ padding-left: 2pt;
+ padding-right: 2pt;
+ color: @white;
+ background: #303030;
+}
+
+/* Inactive (on unfocused output) */
+#workspaces button.visible {
+ color: @white;
+ background: #ff00ff;
+}
+
+/* Active (on focused output) */
+#workspaces button.focused {
+ color: @black;
+ background: @focused;
+}
+
+/* Contains an urgent window */
+#workspaces button.urgent {
+ color: @black;
+ background: @warning;
+}
+
+/* Style when cursor is on the button */
+#workspaces button:hover {
+ background: @black;
+ color: @white;
+}
+
+#window {
+ margin-right: 15pt;
+ margin-left: 15pt;
+}
+
+#pulseaudio {
+ background: @sound;
+ color: @white;
+}
+
+#network {
+ background: @network;
+ color: @black;
+}
+
+#memory {
+ background: @memory;
+ color: @black;
+}
+
+#cpu {
+ background: @cpu;
+ min-width: 35pt;
+ color: @black;
+}
+
+#temperature {
+ background: @temp;
+ color: @black;
+}
+
+#language {
+ background: @layout;
+ color: @black;
+}
+
+/*
+#battery {
+ background: @battery;
+ color: @white;
+}
+*/
+
+#tray {
+ background: #ff7f00;
+}
+
+#clock.date {
+ background: @date;
+ color: @black;
+}
+
+#clock.time {
+ background: @time;
+ color: @white;
+}
+
+#custom-arrow1 {
+ font-size: 11pt;
+ color: @time;
+ background: @date;
+}
+
+#custom-arrow2 {
+ font-size: 11pt;
+ color: @date;
+ background: @layout;
+}
+
+#custom-arrow3 {
+ font-size: 11pt;
+ color: @layout;
+ background: @battery;
+}
+
+#custom-arrow4 {
+ font-size: 11pt;
+ color: @layout;
+ background: @temp;
+}
+
+#custom-arrow5 {
+ font-size: 11pt;
+ color: @temp;
+ background: @cpu;
+}
+
+#custom-arrow6 {
+ font-size: 11pt;
+ color: @cpu;
+ background: @memory;
+}
+
+#custom-arrow7 {
+ font-size: 11pt;
+ color: @memory;
+ background: @network;
+}
+
+#custom-arrow8 {
+ font-size: 11pt;
+ color: @network;
+ background: @sound;
+}
+
+#custom-arrow9 {
+ font-size: 11pt;
+ color: @sound;
+ background: transparent;
+}
+
+#custom-arrow10 {
+ font-size: 11pt;
+ color: @unfocused;
+ background: transparent;
+}