diff --git a/Configs/waybar/config.jsonc b/Configs/waybar/config.jsonc
index a045b2c..d1aa093 100644
--- a/Configs/waybar/config.jsonc
+++ b/Configs/waybar/config.jsonc
@@ -2,7 +2,7 @@
"layer": "top",
"position": "top",
"mode": "dock",
- "height": 28, // uncomment to set fixed height
+ // "height": 28, // uncomment to set fixed height
"exclusive": true,
"passthrough": false,
"gtk-layer-shell": true,
@@ -10,65 +10,46 @@
// Positions
"modules-left": [
- "custom/ws", // window icon
- "custom/left1",
+ "custom/ws", // logo
"hyprland/workspaces", // workspaces
- "custom/right1",
- "custom/paddw",
"hyprland/window" // window title
],
"modules-center": [
- "custom/paddc",
- "custom/left2",
"custom/cpuinfo", // temperature
- "custom/left3",
"memory", // memory
- "custom/left4",
"custom/cpu", // cpu
- "custom/leftin1",
- "custom/left5",
- "idle_inhibitor", // arch logo
- "custom/right2",
+ "idle_inhibitor",
- "custom/rightin1",
"clock#time", // time
- "custom/right3",
"clock#date", // date
- "custom/right4",
- "custom/wifi", // connection
- "custom/right5"
+ "custom/wifi" // connection
],
"modules-right": [
"tray", // tray
- "custom/left6",
"hyprland/language", // language
- "custom/left7",
"pulseaudio", // output device
- "custom/left8",
"custom/backlight", // brightness
- "custom/left9",
"battery", // battery
- "custom/leftin2",
"custom/power" // power button
],
// Modules
"custom/ws": {
- "format": " ",
+ "format": " ",
"tooltip": false,
"min-length": 3,
"max-length": 4
@@ -95,16 +76,16 @@
"format": "{}",
"separate-outputs": true,
"rewrite": {
- // desktop
- "": " Hyprland",
+ // Desktop
+ "": " No window",
- // terminal
- "sejjy@archlinux:(.*)": " $1",
- "(.*)sejjy@archlinux:~": " sejjy@archlinux",
+ // Terminal
+ "rzx@arch:(.*)": " $1",
+ "(.*)rzx@arch:~": " rzx@arch",
- // Firefox
- "(.*) — Mozilla Firefox": " $1",
- "(.*)Mozilla Firefox": " Firefox",
+ // Brave
+ "(.*) - Brave": " $1",
+ "(.*)Brave-browser": " Brave",
// VSCode
"(.*) - Visual Studio Code": " $1",
@@ -129,11 +110,6 @@
// GIMP
"GNU Image Manipulation Program": " GNU Image Manipulation Program",
- // Godot
- "Godot": " Godot Engine",
- "Godot Engine - (.*)": " $1",
- "(.*) - Godot Engine": " $1",
-
// OnlyOffice
"ONLYOFFICE Desktop Editors": " OnlyOffice Desktop",
"(.*).docx": " $1.docx",
@@ -295,94 +271,6 @@
"on-click": "~/.config/waybar/scripts/logoutlaunch.sh 2",
"on-click-right": "~/.config/waybar/scripts/logoutlaunch.sh 1",
"interval": 86400
- },
-
- // Padding
- "custom/paddw": {
- "format": " ",
- "tooltip": false
- },
-
- // adjust padding in style.css if you have a long network name
- // so that the modules remain centered.
- "custom/paddc": {
- "format": " ",
- "tooltip": false
- },
-
- // Left Arrows
- "custom/left1": {
- "format": "",
- "tooltip": false
- },
- "custom/left2": {
- "format": "",
- "tooltip": false
- },
- "custom/left3": {
- "format": "",
- "tooltip": false
- },
- "custom/left4": {
- "format": "",
- "tooltip": false
- },
- "custom/left5": {
- "format": "",
- "tooltip": false
- },
- "custom/left6": {
- "format": "",
- "tooltip": false
- },
- "custom/left7": {
- "format": "",
- "tooltip": false
- },
- "custom/left8": {
- "format": "",
- "tooltip": false
- },
- "custom/left9": {
- "format": "",
- "tooltip": false
- },
-
- // Right Arrows
- "custom/right1": {
- "format": "",
- "tooltip": false
- },
- "custom/right2": {
- "format": "",
- "tooltip": false
- },
- "custom/right3": {
- "format": "",
- "tooltip": false
- },
- "custom/right4": {
- "format": "",
- "tooltip": false
- },
- "custom/right5": {
- "format": "",
- "tooltip": false
- },
-
- // Left Inverse
- "custom/leftin1": {
- "format": "",
- "tooltip": false
- },
- "custom/leftin2": {
- "format": "",
- "tooltip": false
- },
-
- // Right Inverse
- "custom/rightin1": {
- "format": "",
- "tooltip": false
}
+
}
\ No newline at end of file
diff --git a/Configs/waybar/scripts/image.png b/Configs/waybar/scripts/image.png
deleted file mode 100644
index c2ba29c..0000000
Binary files a/Configs/waybar/scripts/image.png and /dev/null differ
diff --git a/Configs/waybar/styles.css b/Configs/waybar/styles.css
index fe1d419..8ca7adc 100644
--- a/Configs/waybar/styles.css
+++ b/Configs/waybar/styles.css
@@ -5,31 +5,24 @@
font-weight: bold;
font-size: 14px;
min-height: 14px;
- color: rgba(200, 200, 200, 1.0);
+ color: @foreground;
}
@import "./theme.css";
/* Main Background */
window#waybar {
- background: @background;
-}
-
-/* [new] Drop Shadow */
-window#waybar > box {
- background-color: transparent;
- box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1);
- margin: 2px 2px 2px 2px;
+ background: transparent;
}
/* Tooltip Styling */
tooltip {
color: @foreground;
- background: @background;
+ background: @tooltip;
border: solid;
border-width: 1.5px;
border-radius: 7px;
- border-color: white;
+ border-color: @foreground;
}
/* Workspace Button */
@@ -51,8 +44,8 @@ tooltip {
#workspaces button.active {
color: @active-fg;
background: @active-bg;
- text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
- box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1);
+ text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.6);
+ box-shadow: 0px 0px 2px 1px rgba(22, 22, 22, 1);
margin-right: 2px;
margin-left: 2px;
padding-right: 6px;
@@ -87,190 +80,115 @@ tooltip {
margin-bottom: 0px;
padding-right: 4px;
padding-left: 4px;
- text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
+ text-shadow: 0px 0px 2px rgba(22, 22, 22, 0.8);
}
-/* General Left Arrow Styling */
-#custom-left1,
-#custom-left2,
-#custom-left3,
-#custom-left4,
-#custom-left5,
-#custom-left6,
-#custom-left7,
-#custom-left8,
-#custom-left9 {
- font-size: 11pt;
- text-shadow: -1px 0px 2px rgba(0, 0, 0, 1);
-}
-
-/* General Right Arrow Styling */
-#custom-right1,
-#custom-right2,
-#custom-right3,
-#custom-right4,
-#custom-right5 {
- font-size: 11pt;
- padding-right: 3px;
- text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);
-}
-
-/* Color Definitions */
-@define-color workspaces #181825;
-@define-color cpuinfo #181825;
-@define-color memory #1e1e2e;
-@define-color cpu #313244;
-@define-color arch #9399b2;
-@define-color time #313244;
-@define-color date #1e1e2e;
-@define-color wifi #181825;
-@define-color language #161621;
-@define-color pulseaudio #181825;
-@define-color backlight #1e1e2e;
-@define-color battery #313244;
-@define-color power #9399b2;
-
-/* Window Icon */
+/* Logo */
#custom-ws {
- background: @background;
+ background: @logo;
+ border-radius: 8px;
+ padding: 1px 0 0 3px;
+ margin: 0px;
+ margin-right: 2px;
}
/* Workspaces */
-#custom-left1 {
- color: @workspaces;
- background: @background;
- padding-left: 2px;
-}
-
#workspaces {
background: @workspaces;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
-#custom-right1 {
- color: @workspaces;
- background: @background;
+/* Window Title */
+#window {
+ background: @window;
+ margin-left: 2px;
+ padding-right: 10px;
+ padding-left: 10px;
+ border-radius: 8px;
}
/* Temperature */
-#custom-paddc {
- padding-right: 22px;
-}
-
-#custom-left2 {
- color: @cpuinfo;
- background: @background;
- border-radius: 10px;
- padding-left: 3px;
-}
-
#custom-cpuinfo {
background: @cpuinfo;
padding-left: 1px;
padding-right: 0px;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* Memory */
-#custom-left3 {
- color: @memory;
- background: @cpuinfo;
- padding-left: 3px;
-}
-
#memory {
background: @memory;
padding-left: 1px;
padding-right: 0px;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* CPU */
-#custom-left4 {
- color: @cpu;
- background: @memory;
- padding-left: 3px;
-}
-
#custom-cpu {
background: @cpu;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
-#custom-leftin1 {
- color: @cpu;
- font-size: 14.5pt;
- margin-bottom: -2px;
-}
-
-/* Arch Logo */
-#custom-left5 {
- color: @arch;
- background: @background;
- text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.6);
- padding-left: 3px;
-}
-
+/* Idle Inhibitor */
#idle_inhibitor {
- color: black;
- background: @arch;
+ color: @foreground;
+ background: @idle_inhibitor;
font-size: 11pt;
- margin-right: -1px;
- margin-bottom: -2px;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
padding-right: 5px;
padding-left: 5px;
- text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
-}
-
-#custom-right2 {
- color: @arch;
- background: @background;
+ text-shadow: 0px 0px 1.5px rgba(22, 22, 22, 1);
}
/* Time */
-#custom-rightin1 {
- color: @time;
- font-size: 14.5pt;
- margin-bottom: -2px;
-}
-
#clock.time {
background: @time;
-}
-
-#custom-right3 {
- color: @time;
- background: @date;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* Date */
#clock.date {
background: @date;
-}
-
-#custom-right4 {
- color: @date;
- background: @wifi;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
#custom-wifi {
background: @wifi;
padding-right: 6px;
padding-left: 4px;
-}
-
-#custom-right5 {
- color: @wifi;
- background: @background;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* Tray */
#tray {
- background: @background;
- padding-right: 8px;
- padding-left: 8px;
+ padding-right: 6px;
+ padding-left: 6px;
+ background: @tray;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
#tray menu {
- background: @background;
color: @foreground;
border-radius: 13px;
+ background: @tooltip;
}
#tray menu separator {
@@ -286,47 +204,35 @@ tooltip {
}
/* Language */
-#custom-left6 {
- color: @language;
- background: @background;
- padding-left: 3px;
-}
-
#language {
background: @language;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* PulseAudio */
-#custom-left7 {
- color: @pulseaudio;
- background: @language;
- padding-left: 3px;
-}
-
#pulseaudio {
background: @pulseaudio;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* Brightness */
-#custom-left8 {
- color: @backlight;
- background: @pulseaudio;
- padding-left: 3px;
-}
-
#custom-backlight {
background: @backlight;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
/* Battery */
-#custom-left9 {
- color: @battery;
- background: @backlight;
- padding-left: 3px;
-}
-
#battery {
background: @battery;
+ margin-right: 2px;
+ margin-left: 2px;
+ border-radius: 8px;
}
#battery.warning {
@@ -338,29 +244,19 @@ tooltip {
}
/* Power Button */
-#custom-leftin2 {
- color: @battery;
- background: @background;
- font-size: 14.5pt;
- margin-bottom: -2px;
-}
-
#custom-power {
- color: @background;
background: @power;
- text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
- box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1);
- border-radius: 20px;
- margin-top: 2px;
+ color: @foreground;
+ border-radius: 10px;
margin-right: 4px;
- margin-bottom: 2px;
+ margin-left: 2px;
padding-right: 6px;
padding-left: 9px;
}
#custom-power:hover {
color: @hover-fg;
- background: @hover-bg;
+ background: @power-hv;
box-shadow: none;
transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
\ No newline at end of file
diff --git a/Configs/waybar/theme.css b/Configs/waybar/theme.css
index 9f35ff9..58e4f75 100644
--- a/Configs/waybar/theme.css
+++ b/Configs/waybar/theme.css
@@ -1,26 +1,38 @@
-/*
-bg - background
-fg - foreground
-act - active
-hvr - hover
-*/
+/* General */
+@define-color background #0f0f0f;
+@define-color foreground rgba(200, 200, 200, 1.0);
+@define-color hover rgba(200, 200, 200, 0.2);
-/* Main Colors */
-@define-color background #11111b;
-@define-color foreground #cdd6f4;
-@define-color hover #2b2b45;
-/* Workspace Button Colors */
-@define-color active-bg #9399b2;
-@define-color active-fg #11111b;
-@define-color hover-bg #45475a;
-@define-color hover-fg #cdd6f4;
+/* Waybar */
+/* Workspace */
+@define-color active-bg rgba(150, 150, 150, 0.3);
+@define-color active-fg #0f0f0f;
+@define-color hover-bg rgba(220, 220, 220, 0.2);
+@define-color hover-fg rgba(200, 200, 200, 1.0);
-/* Wlogout Colors */
-@define-color bar-bg #11111b;
-@define-color main-bg #11111b;
-@define-color main-fg #cdd6f4;
-@define-color wb-act-bg #9399b2;
-@define-color wb-act-fg #11111b;
-@define-color wb-hvr-bg #6c7086;
-@define-color wb-hvr-fg #11111b;
\ No newline at end of file
+/* Module */
+@define-color tooltip rgba(30, 30, 30, 0.9);
+@define-color logo rgba(30, 30, 30, 0.8);
+@define-color workspaces rgba(30, 30, 30, 0.8);
+@define-color window rgba(30, 30, 30, 0.8);
+@define-color cpuinfo rgba(30, 30, 30, 0.8);
+@define-color memory rgba(50, 50, 50, 0.8);
+@define-color cpu rgba(70, 70, 70, 0.8);
+@define-color idle_inhibitor rgba(80, 80, 80, 0.8);
+@define-color time rgba(70, 70, 70, 0.8);
+@define-color date rgba(50, 50, 50, 0.8);
+@define-color wifi rgba(30, 30, 30, 0.8);
+@define-color tray rgba(40, 40, 40, 0.8);
+@define-color language rgba(45, 45, 45, 0.8);
+@define-color pulseaudio rgba(50, 50, 50, 0.8);
+@define-color backlight rgba(50, 50, 50, 0.8);
+@define-color battery rgba(70, 70, 70, 0.8);
+@define-color power rgba(70, 70, 70, 0.8);
+@define-color power-hv rgba(50, 50, 50, 0.8);
+
+
+/* Wlogout */
+@define-color wl-bg rgba(10, 10, 10, 0.3);
+@define-color wl-button-bg rgba(50, 50, 50, 0.9);
+@define-color wl-button-fg rgba(200, 200, 200, 1.0);
\ No newline at end of file