aboutsummaryrefslogtreecommitdiff
path: root/.config/waybar
diff options
context:
space:
mode:
Diffstat (limited to '.config/waybar')
-rw-r--r--.config/waybar/config.jsonc19
-rw-r--r--.config/waybar/everforest.css (renamed from .config/waybar/theme.css)0
-rw-r--r--.config/waybar/nord.css10
-rw-r--r--.config/waybar/style.css82
4 files changed, 49 insertions, 62 deletions
diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc
index e3283fa..18a20dc 100644
--- a/.config/waybar/config.jsonc
+++ b/.config/waybar/config.jsonc
@@ -10,6 +10,7 @@
],
"modules-right": [
"custom/recording",
+ "privacy",
// "image#album-art",
// "custom/tasks",
"custom/music",
@@ -63,6 +64,24 @@
"signal": 9,
"exec": "cat /tmp/recordingicon 2> /dev/null"
},
+ "privacy": {
+ "icon-spacing": 3,
+ "icon-size": 15,
+ "transition-duration": 250,
+ "modules": [
+ {
+ "type": "screenshare",
+ "tooltip": true,
+ "tooltip-icon-size": 24
+ },
+ {
+ "type": "audio-in",
+ "tooltip": true,
+ "tooltip-icon-size": 24
+ }
+ ],
+ "ignore-monitor": true
+ },
"image#album-art": {
"cursor": "false",
"signal": 11,
diff --git a/.config/waybar/theme.css b/.config/waybar/everforest.css
index db191e5..db191e5 100644
--- a/.config/waybar/theme.css
+++ b/.config/waybar/everforest.css
diff --git a/.config/waybar/nord.css b/.config/waybar/nord.css
new file mode 100644
index 0000000..cbf0911
--- /dev/null
+++ b/.config/waybar/nord.css
@@ -0,0 +1,10 @@
+@define-color text #eceff4;
+@define-color activebg #3B4252;
+@define-color bg #2e3440;
+@define-color red #E67E80;
+@define-color orange #E69875;
+@define-color yellow #DBBC7F;
+@define-color green #A7C080;
+@define-color blue #7FBBB3;
+@define-color purple #D699B6;
+@define-color aqua #83C092;
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index cba4fdf..0107eba 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,21 +1,17 @@
-@import "theme.css";
+@import "nord.css";
* {
font-family: monospace;
font-size: 15px;
border: none;
+ border-radius: 0px;
}
window#waybar {
- background-color: #2b3339;
- color: #d3c6aa;
+ background-color: @bg;
+ color: @text;
}
-/* window#waybar>* { */
-/* margin-top: 4px; */
-/* margin-bottom: 4px; */
-/* } */
-
window#waybar.hidden {
opacity: 0.2;
}
@@ -28,60 +24,20 @@ window#waybar.hidden {
#workspaces button {
padding: 3 6;
min-height: 0px;
- margin-left: 4px;
- color: #d3c6aa;
+ /* margin-left: 4px; */
+ color: @text;
}
#workspaces button.active {
padding: 3 12;
- color: #d3c6aa;
- background-color: #414B50;
+ color: @text;
+ background-color: @activebg;
border-radius: 0px;
}
#workspaces button.urgent {
color: #e67e80;
-}
-
-/* !!! COLORS !!! */
-
-/* #clock { */
-/* color: @red; */
-/* } */
-/**/
-/* #wireplumber { */
-/* color: @orange; */
-/* } */
-/**/
-/* #custom-mailbox { */
-/* color: @yellow; */
-/* } */
-/**/
-/* #custom-memory { */
-/* color: @yellow; */
-/* } */
-/**/
-/* #custom-torrent { */
-/* color: @green; */
-/* } */
-/**/
-/* #custom-news { */
-/* color: @green; */
-/* } */
-/**/
-/* #custom-packages { */
-/* color: @blue; */
-/* } */
-/**/
-/* #custom-music { */
-/* color: @blue; */
-/* } */
-
-/* !!! END of COLORS !!! */
-
-#mode {
- background-color: #ff0000;
- box-shadow: inset 0 -3px #0000ff;
+ border-radius: 0px;
}
#custom-clock,
@@ -113,6 +69,7 @@ window#waybar.hidden {
#power-profiles-daemon,
#custom-notifications,
#custom-power,
+#privacy,
#mpd {
padding: 0 2px;
margin-right: 10px;
@@ -207,7 +164,7 @@ label:focus {
}
#cpu {
- color: #d3c6aa;
+ color: @text;
}
#cpu.mid {
@@ -409,21 +366,22 @@ label:focus {
}
#privacy-item.screenshare {
- background-color: #ff0000;
+ background-color: @red;
}
#privacy-item.audio-in {
- background-color: #0000ff;
+ background-color: @orange;
}
#privacy-item.audio-out {
- background-color: #00ff00;
+ background-color: @green;
}
tooltip {
- background-color: @color-tooltip-bg;
+ background-color: @bg;
border: none;
- border-radius: 5px;
+ border-radius: 0px;
+ padding: 0px;
}
tooltip decoration {
@@ -435,7 +393,7 @@ tooltip decoration:backdrop {
}
tooltip label {
- color: @color-tooltip-fg;
- padding-left: 5px;
- padding-right: 5px;
+ color: @text;
+ padding-left: 2px;
+ padding-right: 2px;
}