nwgbar style

.gitignore

@@ -18,6 +18,7 @@
 !/cava/
 !/nwg-drawer/
 !/backgrounds/
+!/nwgbar-icons/
 
 # global #
 __pycache__

nwg-launchers/nwgbar/bar.json

@@ -2,21 +2,21 @@
   {
     "name": "Lock screen",
     "exec": "swaylock -f -c 000000",
-    "icon": "system-lock-screen"
+    "icon": "/usr/share/nwg-launchers/nwgbar/images/lock.svg"
   },
   {
     "name": "Logout",
     "exec": "swaymsg exit",
-    "icon": "system-log-out"
+    "icon": "/usr/share/nwg-launchers/nwgbar/images/logout.svg"
   },
   {
     "name": "Reboot",
     "exec": "systemctl reboot",
-    "icon": "system-reboot"
+    "icon": "/usr/share/nwg-launchers/nwgbar/images/reboot.svg"
   },
   {
     "name": "Shutdown",
     "exec": "systemctl -i poweroff",
-    "icon": "system-shutdown"
+    "icon": "/usr/share/nwg-launchers/nwgbar/images/shutdown.svg"
   }
 ]

nwg-launchers/nwgbar/style.css

@@ -4,10 +4,11 @@
   font-family: Product Sans;
 }
 
-button, image {
+button,
+image {
   border-radius: 25px;
   box-shadow: none;
-    color: white;
+  color: #cad3f5;
 }
 
 image {
@@ -17,7 +18,7 @@ image {
 button {
   /* padding-top: 10px;
     margin: 5px */
-    padding: 100px 80px;
+  padding: 50px 40px;
   margin: 20px;
   background: #24273a;
 }
@@ -25,7 +26,6 @@ button {
 button:hover {
   background-color: #b7bdf8;
   color: #24273a;
-    
 }
 
 button:focus {
@@ -42,5 +42,5 @@ grid {
 }
 
 window {
-    background-color: rgba (0, 0, 0, 0);
+  background-color: rgba(36, 39, 58, 0);
 }

nwgbar-icons/install.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+# Get this script directory 
+DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null 2>&1 && pwd )"
+cp -r $DIR/* /usr/share/nwg-launchers/nwgbar/images

nwgbar-icons/lock.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <defs>
+  <style id="current-color-scheme" type="text/css">
+   .ColorScheme-Text { color:#f5a97f; } .ColorScheme-Highlight { color:#4285f4; }
+  </style>
+ </defs>
+ <path style="fill:currentColor" class="ColorScheme-Text" d="M 8 1 C 5.784 1 4 2.8216 4 5.0625 L 4 7 L 3 7 C 2.446 7 2 7.446 2 8 L 2 14 C 2 14.554 2.446 15 3 15 L 13 15 C 13.554 15 14 14.554 14 14 L 14 8 C 14 7.446 13.554 7 13 7 L 12 7 L 12 5.0625 C 12 2.8225 10.216 1 8 1 z M 8 3 C 9.108 3 10 3.892 10 5 L 10 7 L 6 7 L 6 5 C 6 3.892 6.892 3 8 3 z" transform="translate(4 4)"/>
+</svg>

nwgbar-icons/logout.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <defs>
+  <style id="current-color-scheme" type="text/css">
+   .ColorScheme-Text { color:#a6da95; } .ColorScheme-Highlight { color:#4285f4; }
+  </style>
+ </defs>
+ <path style="fill:currentColor" class="ColorScheme-Text" d="M 3 1 C 1.892 0.99998 1 1.892 1 3 L 1 5.9941406 L 3 6 L 3 3 L 13 3 L 13 13 L 3 13 L 3 10 L 1 9.9941406 L 1 13 C 1 14.108 1.892 15 3 15 L 13 15 C 14.108 15 15 14.108 15 13 L 15 3 C 15 1.892 14.108 1 13 1 L 3 1 z M 7.2109375 4 L 5.8242188 5.3867188 L 7.4589844 7.0214844 L -0.001953125 7 L -0.001953125 9 L 7.4589844 9.0214844 L 5.8242188 10.654297 L 7.2109375 12.041016 L 11.210938 8 L 7.2109375 4 z" transform="translate(4 4)"/>
+</svg>

nwgbar-icons/reboot.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1">
+ <defs>
+  <style id="current-color-scheme" type="text/css">
+   .ColorScheme-Text { color:#8aadf4; } .ColorScheme-Highlight { color:#4285f4; }
+  </style>
+ </defs>
+ <g transform="translate(4,4)">
+  <path style="fill:currentColor" class="ColorScheme-Text" d="M 8 1 A 7 7 0 0 0 1 8 A 7 7 0 0 0 8 15 A 7 7 0 0 0 14.701 10 L 12.58 10 A 5 5 0 0 1 8 13 A 5 5 0 0 1 3 8 A 5 5 0 0 1 8 3 A 5 5 0 0 1 11.529 4.4707 L 9 7 L 15 7 L 15 1 L 12.947 3.0527 A 7 7 0 0 0 8 1 z"/>
+ </g>
+</svg>

nwgbar-icons/shutdown.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1">
+ <defs>
+  <style id="current-color-scheme" type="text/css">
+   .ColorScheme-Text { color:#ed8796; } .ColorScheme-Highlight { color:#4285f4; }
+  </style>
+ </defs>
+ <path style="fill:currentColor" class="ColorScheme-Text" d="M 12 5 C 11.446 5 11 5.446 11 6 L 11 11.003906 C 11 11.557906 11.446 12.003906 12 12.003906 C 12.554 12.003906 13 11.557906 13 11.003906 L 13 6 C 13 5.446 12.554 5 12 5 z M 15.037109 6.9882812 A 1.0001 1.0001 0 0 0 14.84375 7 A 1.0001 1.0001 0 0 0 14.40625 8.8125 C 16.18475 10.1429 16.54905 12.62775 15.21875 14.40625 C 13.88835 16.18475 11.37225 16.51785 9.59375 15.1875 C 7.81525 13.85715 7.48215 11.37225 8.8125 9.59375 C 9.02906 9.30424 9.2764 9.06479 9.5625 8.84375 A 1.0032039 1.0032039 0 1 0 8.34375 7.25 C 7.9146 7.58156 7.51229 7.97204 7.1875 8.40625 C 5.2097 11.05025 5.76225 14.8348 8.40625 16.8125 C 11.05025 18.7903 14.8348 18.23775 16.8125 15.59375 C 18.7903 12.94975 18.23775 9.1652 15.59375 7.1875 A 1.0001 1.0001 0 0 0 15.037109 6.9882812 z"/>
+</svg>

nwgbar-icons/suspend.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" version="1.1">
+ <defs>
+  <style id="current-color-scheme" type="text/css">
+   .ColorScheme-Text { color:#eed49f; } .ColorScheme-Highlight { color:#4285f4; }
+  </style>
+ </defs>
+ <g transform="translate(-80.000012,-680.28997)">
+  <path style="fill:currentColor" class="ColorScheme-Text" d="m 92.641732,685.28997 c -2.722529,0.10157 -5.231357,1.80685 -6.220533,4.56824 -1.302986,3.63742 0.515775,7.68743 4.095697,9.01134 2.71773,1.00506 5.656531,0.14514 7.483116,-1.90865 -1.308435,0.42914 -2.765217,0.45222 -4.157286,-0.0626 -3.324214,-1.22935 -5.028457,-4.97666 -3.818545,-8.35426 0.506669,-1.41443 1.452959,-2.51152 2.617551,-3.25409 z"/>
+ </g>
+</svg>

sway/config

@@ -9,7 +9,7 @@ set $foot ~/.config/hypr/scripts/terminal
 set $screenshot grimshot --notify copy area
 set $menu rofi -dmenu
 set $launcher ~/.config/hypr/scripts/rofi_launcher
-set $powermenu nwgbar -f
+set $powermenu nwgbar -layer-shell-layer OVERLAY -layer-shell-exclusive-zone -1 -b 24273a -o 0.8
 
 seat seat0 fallback true
 seat seat0 hide_cursor when-typing enable

sway/waybar/config

@@ -18,6 +18,7 @@
     "pulseaudio",
     "custom/keyboard-layout",
     "temperature",
+    //"cpu",
     "memory",
     "battery",
     "network",
@@ -144,8 +145,8 @@
       "on-scroll-up": "shift_up",
       "on-scroll-down": "shift_down"
     },
-    "format": "  {:%a %d %b  %I:%M %p}", //12 hour format
+    //"format": "  {:%a %d %b  %I:%M %p}", //12 hour format
-    // "format": " {:%d %m %Y  %H:%M}",	//24 hour format
+    "format": " {:%d %m %Y  %H:%M}",	//24 hour format
     "format-alt": "  {:%d/%m/%Y  %H:%M:%S}",
     // //"timezones": [ "Kolkata" ],
     // //"max-length": 200
@@ -179,7 +180,9 @@
   //     "interval": 1
   // },
   "cpu": {
-    "format": "﬙ {usage: >1}%",
+    "interval": 10,
+    "format": " {}%",
+    "max-length": 4,
     "on-click": "foot -e btop"
   },
   "memory": {
@@ -252,7 +255,7 @@
   },
   "custom/power": {
     "format": "󰐥",
-    "on-click": "nwgbar",
+    "on-click": "nwgbar -layer-shell-layer OVERLAY -layer-shell-exclusive-zone -1 -b 24273a -o 0.8",
     "tooltip": false
   },
   "custom/keyboard-layout": {
@@ -267,7 +270,7 @@
   },
   "custom/launcher": {
     "format": " ",
-    "on-click": "exec nwg-drawer -c 7 -is 70 -spacing 23",
+    "on-click": "exec nwg-drawer -c 7 -is 70 -spacing 23 -ovl",
     "tooltip": false
   }
 }