Browse Source

updated swaync

pull/106/head
JaKooLit 2 years ago
parent
commit
0bdc93e101
  1. 4
      config/hypr/configs/Execs.conf
  2. 5
      config/hypr/configs/Keybinds.conf
  3. 6
      config/hypr/scripts/KeyHints.sh
  4. 6
      config/hypr/scripts/PywalSwaync.sh
  5. 11
      config/hypr/scripts/Refresh.sh
  6. 2
      config/hypr/scripts/RefreshNoWaybar.sh
  7. 48
      config/hypr/scripts/ScreenShot.sh
  8. 165
      config/swaync/config.json
  9. 422
      config/swaync/style.css
  10. 1
      config/waybar/configs/[TOP] Default Laptop
  11. 43
      config/waybar/modules
  12. 5
      config/waybar/style/Catppuccin-Latte.css
  13. 3
      config/waybar/style/Catppuccin-Mocha.css
  14. 2
      config/waybar/style/Crimson.css
  15. 2
      config/waybar/style/Rose Pine.css
  16. 2
      config/waybar/style/Simple Pink.css
  17. 2
      config/waybar/style/[Black & White] Monochrome.css
  18. 2
      config/waybar/style/[Bordered Pywal] Chroma Fusion Edge.css
  19. 3
      config/waybar/style/[Colored] Chroma Glow.css
  20. 2
      config/waybar/style/[Colored] Translucent.css
  21. 2
      config/waybar/style/[Colorful] Aurora Blossom.css
  22. 2
      config/waybar/style/[Colorful] Aurora.css
  23. 3
      config/waybar/style/[Colorful] Rainbow Spectrum.css
  24. 2
      config/waybar/style/[Dark] Golden Noir.css
  25. 2
      config/waybar/style/[Dark] Obsidian Edge.css
  26. 2
      config/waybar/style/[Dark] Purpl.css
  27. 2
      config/waybar/style/[Light] Monochrome Contrast.css
  28. 2
      config/waybar/style/[Light] Obsidian Glow.css
  29. 5
      config/waybar/style/[Pywal] Chroma Edge.css
  30. 2
      config/waybar/style/[Pywal] Chroma Fusion.css
  31. 3
      config/waybar/style/[Pywal] Chroma Tally.css
  32. 2
      config/waybar/style/[Pywal] Colored.css
  33. 2
      config/waybar/style/[Pywal] Simple.css
  34. 4
      config/waybar/style/[Retro] Simple Style.css
  35. 1
      config/waybar/style/[Transparent] Crystal Clear.css

4
config/hypr/configs/Execs.conf

@ -22,10 +22,10 @@ exec-once = $scriptsDir/Polkit.sh
# starup apps # starup apps
exec-once = waybar & exec-once = waybar &
# exec-once = dunst &
exec-once swaync & exec-once swaync &
#exec-once = blueman-applet &
exec-once = nm-applet --indicator & exec-once = nm-applet --indicator &
# exec-once = dunst &
#exec-once = blueman-applet &
#exec-once = rog-control-center & #exec-once = rog-control-center &
#clipboard manager #clipboard manager

5
config/hypr/configs/Keybinds.conf

@ -34,6 +34,8 @@ bind = $mainMod SHIFT, G, exec, $scriptsDir/GameMode.sh # animations ON/OFF
bind = $mainMod ALT, K, exec, $scriptsDir/SwitchKeyboardLayout.sh # Switch Keyboard Layout bind = $mainMod ALT, K, exec, $scriptsDir/SwitchKeyboardLayout.sh # Switch Keyboard Layout
bind = $mainMod, Space, exec, $scriptsDir/ChangeLayout.sh # Toggle Master or Dwindle Layout bind = $mainMod, Space, exec, $scriptsDir/ChangeLayout.sh # Toggle Master or Dwindle Layout
bind = $mainMod ALT, V, exec, $scriptsDir/ClipManager.sh # Clipboard Manager bind = $mainMod ALT, V, exec, $scriptsDir/ClipManager.sh # Clipboard Manager
bind = $mainMod SHIFT, N, exec, swaync-client -t -sw # swayNC panel
# MISC (Miscellaneous Keybinds) # MISC (Miscellaneous Keybinds)
bind = $mainMod SHIFT, O, exec, $scriptsDir/ZshChangeTheme.sh # Change oh-my-zsh theme bind = $mainMod SHIFT, O, exec, $scriptsDir/ZshChangeTheme.sh # Change oh-my-zsh theme
@ -179,6 +181,3 @@ bind = $mainMod SHIFT, S, exec, grim -g "$(slurp)" - | swappy -f -
# to unbind # to unbind
#bind = $mainMod ALT, P, submap, reset #bind = $mainMod ALT, P, submap, reset
#submap = reset #submap = reset
#Swaync notification panel
bind = $mainMod, N, exec, swaync-client -t -sw

6
config/hypr/scripts/KeyHints.sh

@ -45,13 +45,15 @@ yad --width=$dynamic_width --height=$dynamic_height \
" Alt V" "Clipboard Manager" "(cliphist)" \ " Alt V" "Clipboard Manager" "(cliphist)" \
" W" "Choose wallpaper" "(swww)" \ " W" "Choose wallpaper" "(swww)" \
"CTRL ALT W" "Random wallpaper" "(swww)" \ "CTRL ALT W" "Random wallpaper" "(swww)" \
" CTRL B" "Choose waybar styles" "(waybar styles)" \
" B" "Hide/UnHide Waybar" "waybar" \ " B" "Hide/UnHide Waybar" "waybar" \
" CTRL B" "Choose waybar styles" "(waybar styles)" \
" ALT B" "Choose waybar layout" "(waybar layout)" \ " ALT B" "Choose waybar layout" "(waybar layout)" \
" ALT R" "Reload Waybar Dunst Rofi" "" \ " ALT R" "Reload Waybar swaync Rofi" "CHECK NOTIFICATION FIRST!!!" \
" SHIFT N" "Launch Notification Pannel" "SwayNC Control Center" \
" Print" "screenshot" "(grim)" \ " Print" "screenshot" "(grim)" \
" Shift Print" "screenshot region" "(grim + slurp)" \ " Shift Print" "screenshot region" "(grim + slurp)" \
" Shift S" "screenshot region" "(swappy)" \ " Shift S" "screenshot region" "(swappy)" \
"ALT Print" "Screenshot active window" "active window only" \
"CTRL ALT P" "power-menu" "(wlogout)" \ "CTRL ALT P" "power-menu" "(wlogout)" \
"CTRL ALT L" "screen lock" "(swaylock)" \ "CTRL ALT L" "screen lock" "(swaylock)" \
"CTRL ALT Del" "Hyprland Exit" "(SAVE YOUR WORK!!!)" \ "CTRL ALT Del" "Hyprland Exit" "(SAVE YOUR WORK!!!)" \

6
config/hypr/scripts/PywalSwaync.sh

@ -1,6 +0,0 @@
#!/bin/sh
pkill swaync
sleep 0.3
swaync > /dev/null 2>&1 &

11
config/hypr/scripts/Refresh.sh

@ -3,7 +3,7 @@
SCRIPTSDIR=$HOME/.config/hypr/scripts SCRIPTSDIR=$HOME/.config/hypr/scripts
# Kill already running processes # Kill already running processes
_ps=(waybar rofi) _ps=(waybar rofi swaync)
for _prs in "${_ps[@]}"; do for _prs in "${_ps[@]}"; do
if pidof "${_prs}" >/dev/null; then if pidof "${_prs}" >/dev/null; then
pkill "${_prs}" pkill "${_prs}"
@ -14,12 +14,9 @@ sleep 0.1
# Relaunch waybar # Relaunch waybar
waybar & waybar &
sleep 0.1 # relaunch swaync
# Relaunch dunst with pywal-borders sleep 0.3
# ${SCRIPTSDIR}/PywalDunst.sh & swaync > /dev/null 2>&1 &
# Relaunch swaync with pywal-borders
${SCRIPTSDIR}/PywalSwaync.sh
# Relaunching rainbow borders # Relaunching rainbow borders
sleep 1 sleep 1

2
config/hypr/scripts/RefreshNoWaybar.sh

@ -19,7 +19,7 @@ ${SCRIPTSDIR}/PywalSwww.sh &
sleep 0.5 sleep 0.5
# Relaunch dunst with pywal-borders # Relaunch dunst with pywal-borders
${SCRIPTSDIR}/PywalDunst.sh & #${SCRIPTSDIR}/PywalDunst.sh &
# Relaunching rainbow borders # Relaunching rainbow borders
sleep 1 sleep 1

48
config/hypr/scripts/ScreenShot.sh

@ -1,27 +1,40 @@
#!/bin/bash #!/bin/bash
iDIR="$HOME/.config/dunst/icons" iDIR="$HOME/.config/dunst/icons"
notify_cmd_shot="dunstify -h string:x-canonical-private-synchronous:shot-notify -u low -i ${iDIR}/picture.png"
time=$(date +%Y-%m-%d-%H-%M-%S) time=$(date "+%d-%b_%H-%M-%S")
dir="$(xdg-user-dir)/Pictures/Screenshots" dir="$(xdg-user-dir)/Pictures/Screenshots"
file="Screenshot_${time}_${RANDOM}.png" file="Screenshot_${time}_${RANDOM}.png"
active_window_class=$(hyprctl -j activewindow | jq -r '(.class)')
active_window_file="Screenshot_${time}_${active_window_class}.png"
active_window_path="${dir}/${active_window_file}"
# notify and view screenshot # notify and view screenshot
notify_cmd_shot="notify-send -h string:x-canonical-private-synchronous:shot-notify -u low -i ${iDIR}/picture.png"
notify_view() { notify_view() {
${notify_cmd_shot} "Copied to clipboard." if [[ "$1" == "active" ]]; then
## viewnior ${dir}/"$file" if [[ -e "${active_window_path}" ]]; then
if [[ -e "$dir/$file" ]]; then ${notify_cmd_shot} "Screenshot of '${active_window_class}' is saved."
${notify_cmd_shot} "Screenshot Saved." else
else ${notify_cmd_shot} "Screenshot of '${active_window_class}' is deleted or not available."
${notify_cmd_shot} "Screenshot Deleted." fi
fi else
local check_file="$dir/$file"
if [[ -e "$check_file" ]]; then
${notify_cmd_shot} "Screenshot Saved."
else
${notify_cmd_shot} "Screenshot Deleted."
fi
fi
} }
# countdown # countdown
countdown() { countdown() {
for sec in $(seq $1 -1 1); do for sec in $(seq $1 -1 1); do
notify-send -h string:x-canonical-private-synchronous:shot-notify -t 1000 -i "$iDIR"/timer.png "Taking shot in : $sec" dunstify -h string:x-canonical-private-synchronous:shot-notify -t 1000 -i "$iDIR"/timer.png "Taking shot in : $sec"
sleep 1 sleep 1
done done
} }
@ -59,6 +72,17 @@ shotarea() {
notify_view notify_view
} }
shotactive() {
active_window_class=$(hyprctl -j activewindow | jq -r '(.class)')
active_window_file="Screenshot_${time}_${active_window_class}.png"
active_window_path="${dir}/${active_window_file}"
hyprctl -j activewindow | jq -r '"\(.at[0]),\(.at[1]) \(.size[0])x\(.size[1])"' | grim -g - "${active_window_path}"
sleep 1
notify_view "active"
}
if [[ ! -d "$dir" ]]; then if [[ ! -d "$dir" ]]; then
mkdir -p "$dir" mkdir -p "$dir"
fi fi
@ -73,8 +97,10 @@ elif [[ "$1" == "--win" ]]; then
shotwin shotwin
elif [[ "$1" == "--area" ]]; then elif [[ "$1" == "--area" ]]; then
shotarea shotarea
elif [[ "$1" == "--active" ]]; then
shotactive
else else
echo -e "Available Options : --now --in5 --in10 --win --area" echo -e "Available Options : --now --in5 --in10 --win --area --active"
fi fi
exit 0 exit 0

165
config/swaync/config.json

@ -1,78 +1,93 @@
{ {
"$schema": "/etc/xdg/swaync/configSchema.json", "$schema": "/etc/xdg/swaync/configSchema.json",
"positionX": "right", "positionX": "right",
"positionY": "top", "positionY": "top",
"layer": "overlay", "control-center-margin-top": 10,
"control-center-layer": "top", "control-center-margin-bottom": 10,
"layer-shell": true, "control-center-margin-right": 10,
"cssPriority": "application", "control-center-margin-left": 10,
"control-center-margin-top": 0, "notification-icon-size": 24,
"control-center-margin-bottom": 0, "notification-body-image-height": 60,
"control-center-margin-right": 0, "notification-body-image-width": 300,
"control-center-margin-left": 0, "timeout": 6,
"notification-2fa-action": true, "timeout-low": 3,
"notification-inline-replies": false, "timeout-critical": 0,
"notification-icon-size": 64, "fit-to-screen": false,
"notification-body-image-height": 100, "control-center-width": 400,
"notification-body-image-width": 200, "control-center-height": 800,
"timeout": 10, "notification-window-width": 300,
"timeout-low": 5, "keyboard-shortcuts": true,
"timeout-critical": 0, "image-visibility": "when-available",
"fit-to-screen": true, "transition-time": 200,
"control-center-width": 500, "hide-on-clear": false,
"control-center-height": 600, "hide-on-action": true,
"notification-window-width": 500, "script-fail-notify": true,
"keyboard-shortcuts": true, "widgets": [
"image-visibility": "when-available", "title",
"transition-time": 200, "buttons-grid",
"hide-on-clear": false, "dnd",
"hide-on-action": true, "volume",
"script-fail-notify": true, "backlight",
// "scripts": { "notifications"
// "example-script": { ],
// "exec": "echo 'Do something...'", "widget-config": {
// "urgency": "Normal" "title": {
// }, "text": "Control Center",
// "example-action-script": { "clear-all-button": true,
// "exec": "echo 'Do something actionable!'", "button-text": "Clear"
// "urgency": "Normal", },
// "run-on": "action" "dnd": {
// } "text": "Do Not Disturb"
// }, },
"notification-visibility": { "label": {
"example-name": { "max-lines": 1,
"state": "muted", "text": "Control Center"
"urgency": "Low", },
"app-name": "mpv" "mpris": {
"image-size": 60,
"image-radius": 7
},
"volume": {
"label": "󰕾"
},
"backlight": {
"label": "󰃟"
},
"buttons-grid": {
"actions": [
{
"label": "󰐥",
"command": "systemctl poweroff"
},
{
"label": "󰜉",
"command": "systemctl reboot"
},
{
"label": "󰌾",
"command": "~/.config/hypr/scripts/LockScreen.sh"
},
{
"label": "󰍃",
"command": "hyprctl dispatch exit"
},
{
"label": "󰀝",
"command": "~/.config/hypr/scripts/AirplaneMode.sh"
},
{
"label": "󰕾",
"command": "pactl set-sink-mute @DEFAULT_SINK@ toggle"
},
{
"label": "󰍬",
"command": "pactl set-source-mute @DEFAULT_SOURCE@ toggle"
},
{
"label": "󰂯",
"command": "blueman-manager"
}
]
}
} }
},
"widgets": [
"inhibitors",
"title",
"dnd",
"notifications"
],
"widget-config": {
"inhibitors": {
"text": "Inhibitors",
"button-text": "Clear All",
"clear-all-button": true
},
"title": {
"text": "Notifications",
"clear-all-button": true,
"button-text": "Clear All"
},
"dnd": {
"text": "Do Not Disturb"
},
"label": {
"max-lines": 5,
"text": "Label Text"
},
"mpris": {
"image-size": 96,
"image-radius": 12
}
}
} }

422
config/swaync/style.css

@ -1,296 +1,332 @@
@import '../../.cache/wal/colors-waybar.css'; @import '../../.cache/wal/colors-waybar.css';
@define-color foreground rgb(248, 248, 242); @define-color cc-bg rgba(26, 27, 38, 1);
@define-color background @color1; @define-color noti-border-color @color2;
/* @define-color background rgb(40, 42, 54); */ @define-color noti-bg @background;
@define-color background-alpha rgba(40, 42, 54, 0.8); @define-color noti-bg-darker rgb(43, 43, 57);
@define-color accent @color2; @define-color noti-bg-hover @color2;
/* @define-color accent rgba(189, 147, 249, 0.8); */ @define-color noti-bg-focus rgba(27, 27, 27, 0.6);
@define-color current-line rgb(68, 71, 90); @define-color noti-close-bg rgba(255, 255, 255, 0.1);
@define-color comment rgb(98, 114, 164); @define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
@define-color text-color @foreground;
@define-color text-color-disabled rgb(150, 150, 150);
@define-color bg-selected rgb(0, 128, 255);
* { * {
all: unset; font-family: JetBrainsMono NFP;
font-size: 18px; font-weight: bold;
/* font-family: "JetBrainsMono Nerd Font"; */
transition: 200ms;
} }
.floating-notifications.background .notification-row .notification-background { .control-center .notification-row:focus,
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244; .control-center .notification-row:hover {
border-radius: 12.6px; opacity: 1;
margin: 18px; background: @noti-bg
/* background-color: #1e1e2e; */
background-color: rgba(30, 30, 46, 0.9);
color: #cdd6f4;
padding: 3;
border: 1px solid @accent;
} }
.floating-notifications.background .notification-row .notification-background .notification { .notification-row {
padding: 7px; outline: none;
border-radius: 12.6px; margin: 10px;
padding: 0;
} }
.floating-notifications.background .notification-row .notification-background .notification.critical { .notification {
box-shadow: inset 0 0 7px 0 #f38ba8; background: transparent;
padding: 0px;
margin: 0px;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content { .notification-content {
margin: 7px; background: @cc-bg;
padding: 2px;
border-radius: 5px;
border: 2px solid @noti-border-color;
margin: 0;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .summary { .notification-default-action {
color: #cdd6f4; margin: 0;
padding: 0;
border-radius: 5px;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .time { .close-button {
color: #a6adc8; background: #f7768e;
color: @cc-bg;
text-shadow: none;
padding: 0;
border-radius: 5px;
margin-top: 5px;
margin-right: 5px;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .body { .close-button:hover {
color: #cdd6f4; box-shadow: none;
background: #f7768e;
transition: all .15s ease-in-out;
border: none
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * {
min-height: 3.4em; .notification-action {
border: 2px solid @noti-border-color;
border-top: none;
border-radius: 8px;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action {
border-radius: 7px; .notification-default-action:hover,
color: #cdd6f4; .notification-action:hover {
background-color: #313244; color: @foreground;
box-shadow: inset 0 0 0 1px #45475a; background: #7aa2f7
margin: 7px;
} }
.notification-action { .notification-default-action {
border-radius: 5px; border-radius: 5px;
background: linear-gradient( margin: 0px;
45deg,
rgba(164, 89, 235, 0.8),
@accent
);
border: 1px;
margin: 5px;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover { .notification-default-action:not(:only-child) {
box-shadow: inset 0 0 0 1px #45475a; border-bottom-left-radius: 7px;
background-color: #313244; border-bottom-right-radius: 7px
color: #cdd6f4;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active { .notification-action:first-child {
box-shadow: inset 0 0 0 1px #45475a; border-bottom-left-radius: 10px;
background-color: #74c7ec; background: #1b1b2b
color: #cdd6f4;
} }
.floating-notifications.background .notification-row .notification-background .close-button { .notification-action:last-child {
margin: 7px; border-bottom-right-radius: 10px;
padding: 2px; background: #1b1b2b
border-radius: 6.3px;
color: #1e1e2e;
background-color: #f38ba8;
} }
.floating-notifications.background .notification-row .notification-background .close-button:hover { .inline-reply {
background-color: #eba0ac; margin-top: 8px
color: #1e1e2e;
} }
.floating-notifications.background .notification-row .notification-background .close-button:active { .inline-reply-entry {
background-color: #f38ba8; background: @noti-bg;
color: #1e1e2e; color: @text-color;
caret-color: @text-color;
border: 1px solid @noti-border-color;
border-radius: 8px
} }
.control-center { .inline-reply-button {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244; font-size: 0.5rem;
border-radius: 12.6px; margin-left: 4px;
margin: 18px; background: @noti-bg;
/* background-color: #1e1e2e; */ border: 1px solid @noti-border-color;
background-color: rgba(49, 50, 68, 0.9); border-radius: 5px;
color: #cdd6f4; color: @text-color
padding: 14px; }
border: 1px solid @accent;
.inline-reply-button:disabled {
background: initial;
color: @text-color-disabled;
border: 1px solid transparent
}
.inline-reply-button:hover {
background: @noti-bg-hover
} }
.control-center .widget-title { .body-image {
color: #cdd6f4; margin-top: 6px;
font-size: 1.3em; background-color: #fff;
border-radius: 5px
} }
.control-center .widget-title button { .summary {
border-radius: 7px; font-size: 1rem;
color: #cdd6f4; font-weight: 700;
background-color: #313244; background: transparent;
box-shadow: inset 0 0 0 1px #45475a; color: rgba(158, 206, 106, 1);
padding: 8px; text-shadow: none
} }
.control-center .widget-title button:hover { .time {
box-shadow: inset 0 0 0 1px #45475a; font-size: 1rem;
background-color: #585b70; font-weight: 700;
color: #cdd6f4; background: transparent;
color: @text-color;
text-shadow: none;
margin-right: 18px
} }
.control-center .widget-title button:active { .body {
box-shadow: inset 0 0 0 1px #45475a; font-size: 1rem;
background-color: #74c7ec; font-weight: 400;
color: #1e1e2e; background: transparent;
color: @text-color;
text-shadow: none
} }
.control-center .notification-row .notification-background { .control-center {
border-radius: 7px; background: @cc-bg;
color: #cdd6f4; border: 2px solid @noti-border-color;
background-color: #313244; border-radius: 10px;
box-shadow: inset 0 0 0 1px #45475a;
margin-top: 14px;
} }
.control-center .notification-row .notification-background .notification { .control-center-list {
padding: 7px; background: transparent
border-radius: 7px;
} }
.control-center .notification-row .notification-background .notification.critical { .control-center-list-placeholder {
box-shadow: inset 0 0 7px 0 #f38ba8; opacity: .5
} }
.control-center .notification-row .notification-background .notification .notification-content { .floating-notifications {
margin: 7px; background: transparent;
} }
.control-center .notification-row .notification-background .notification .notification-content .summary { .blank-window {
color: #cdd6f4; background: alpha(black, 0.1)
} }
.control-center .notification-row .notification-background .notification .notification-content .time { .widget-title {
color: #a6adc8; color: #7aa2f7;
background: @noti-bg-darker;
padding: 0px 5px 0px 10px;
margin: 10px 10px 5px 10px;
font-size: 1rem;
border-radius: 5px;
} }
.control-center .notification-row .notification-background .notification .notification-content .body { .widget-title>button {
color: #cdd6f4; font-size: 0.75rem;
color: @text-color;
border-radius: 10px;
background: transparent;
border: 0.5px solid @noti-border-color;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * { .widget-title>button:hover {
min-height: 3.4em; background: #f7768e;
color: @noti-border-color;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action { .widget-dnd {
border-radius: 7px; background: @noti-bg-darker;
color: #cdd6f4; padding: 3px 6px;
background-color: #11111b; margin: 5px 10px 10px 10px;
box-shadow: inset 0 0 0 1px #45475a; border-radius: 5px;
margin: 7px; font-size: 1rem;
color: #7aa2f7;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:hover { .widget-dnd>switch {
box-shadow: inset 0 0 0 1px #45475a; border-radius: 5px;
background-color: #313244; /* border: 1px solid #7aa2f7; */
color: #cdd6f4; background: #7aa2f7;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:active { .widget-dnd>switch:checked {
box-shadow: inset 0 0 0 1px #45475a; background: #f7768e;
background-color: #74c7ec; border: 1px solid #f7768e;
color: #cdd6f4;
} }
.control-center .notification-row .notification-background .close-button { .widget-dnd>switch slider {
margin: 7px; background: @cc-bg;
padding: 2px; border-radius: 5px
border-radius: 6.3px;
color: #1e1e2e;
background-color: #eba0ac;
} }
.control-center .notification-row .notification-background .close-button:hover { .widget-dnd>switch:checked slider {
background-color: #f38ba8; background: @cc-bg;
color: #1e1e2e; border-radius: 5px
} }
.control-center .notification-row .notification-background .close-button:active { .widget-label {
background-color: #f38ba8; margin: 10px 10px 5px 10px;
color: #1e1e2e;
} }
.control-center .notification-row .notification-background:hover { .widget-label>label {
box-shadow: inset 0 0 0 1px #45475a; font-size: 1rem;
background-color: #7f849c; color: @text-color;
color: #cdd6f4;
} }
.control-center .notification-row .notification-background:active { .widget-mpris {
box-shadow: inset 0 0 0 1px #45475a; color: @text-color;
background-color: #74c7ec; background: @noti-bg-darker;
color: #cdd6f4; padding: 5px 10px;
margin: 5px 10px 5px 10px;
border-radius: 5px;
} }
progressbar, .widget-mpris > box > button {
progress, border-radius: 5px;
trough {
border-radius: 12.6px;
} }
progressbar { .widget-mpris-player {
box-shadow: inset 0 0 0 1px #45475a; padding: 5px 10px;
margin: 10px
} }
.notification.critical progress { .widget-mpris-title {
background-color: #f38ba8; font-weight: 700;
font-size: 1.25rem
} }
.notification.low progress, .widget-mpris-subtitle {
.notification.normal progress { font-size: 1.1rem
background-color: #89b4fa;
} }
trough { .widget-buttons-grid {
background-color: #313244; font-size: x-large;
padding: 4px;
margin: 5px 10px 10px 10px;
border-radius: 5px;
background: @noti-bg-darker;
} }
.control-center trough { .widget-buttons-grid>flowbox>flowboxchild>button {
background-color: #45475a; margin: 3px;
background: @cc-bg;
border-radius: 5px;
color: @text-color
} }
.control-center-dnd { .widget-buttons-grid>flowbox>flowboxchild>button:hover {
margin-top: 5px; background: rgba(122, 162, 247, 0.1);
border-radius: 8px; color: @noti-border-color;
background: #313244;
border: 1px solid #45475a;
box-shadow: none;
} }
.control-center-dnd:checked { .widget-menubar>box>.menu-button-bar>button {
background: #313244; border: none;
background: transparent
} }
.control-center-dnd slider { .topbar-buttons>button {
background: #45475a; border: none;
border-radius: 8px; background: transparent
} }
.widget-dnd { .widget-volume {
margin: 0px; background: @noti-bg-darker;
font-size: 1.1rem; padding: 5px;
margin: 10px 10px 5px 10px;
border-radius: 5px;
font-size: x-large;
color: @text-color;
} }
.widget-dnd > switch { .widget-volume>box>button {
font-size: initial; background: #7aa2f7;
border-radius: 8px; border: none
background: #313244;
border: 1px solid #45475a;
box-shadow: none;
} }
.widget-dnd > switch:checked { .per-app-volume {
background: #313244; background-color: @noti-bg;
padding: 4px 8px 8px;
margin: 0 8px 8px;
border-radius: 5px;
} }
.widget-dnd > switch slider { .widget-backlight {
background: #45475a; background: @noti-bg-darker;
border-radius: 8px; padding: 5px;
border: 1px solid #6c7086; margin: 10px 10px 5px 10px;
border-radius: 5px;
font-size: x-large;
color: @text-color
} }

1
config/waybar/configs/[TOP] Default Laptop

@ -45,6 +45,7 @@
"modules-right": [ "modules-right": [
"network#speed", "network#speed",
"custom/separator#dot-line", "custom/separator#dot-line",
"custom/swaync",
"tray", "tray",
"mpris", "mpris",
"custom/separator#dot-line", "custom/separator#dot-line",

43
config/waybar/modules

@ -1,4 +1,4 @@
git@github.com:SherLock707/Hyprland-Dots.git//* ---- 💫 https://github.com/JaKooLit 💫 ---- *// //* ---- 💫 https://github.com/JaKooLit 💫 ---- *//
{ {
// HYPRLAND WORKSPACES. CHOOSE as desired and place on waybar configs // HYPRLAND WORKSPACES. CHOOSE as desired and place on waybar configs
@ -545,6 +545,27 @@ git@github.com:SherLock707/Hyprland-Dots.git//* ---- 💫 https://github.com/JaK
"smooth-scrolling-threshold": 1, "smooth-scrolling-threshold": 1,
}, },
"custom/swaync": {
"tooltip": false,
"format": "{icon} {}",
"format-icons": {
"notification": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"dnd-inhibited-none": ""
},
"return-type": "json",
"exec-if": "which swaync-client",
"exec": "swaync-client -swb",
"on-click": "sleep 0.1 && swaync-client -t -sw",
"on-click-right": "swaync-client -d -sw",
"escape": true,
},
"custom/power": { "custom/power": {
"format": "⏻ ", "format": "⏻ ",
"exec": "echo ; echo 󰟡 power // blur", "exec": "echo ; echo 󰟡 power // blur",
@ -714,26 +735,6 @@ git@github.com:SherLock707/Hyprland-Dots.git//* ---- 💫 https://github.com/JaK
"interval" : 86400, // once every day "interval" : 86400, // once every day
"tooltip": true, "tooltip": true,
}, },
"custom/swaync": {
"tooltip": false,
"format": "{icon} {}",
"format-icons": {
"notification": "<span foreground='red'><sup></sup></span>",
"none": "",
"dnd-notification": "<span foreground='red'><sup></sup></span>",
"dnd-none": "",
"inhibited-notification": "<span foreground='red'><sup></sup></span>",
"inhibited-none": "",
"dnd-inhibited-notification": "<span foreground='red'><sup></sup></span>",
"dnd-inhibited-none": ""
},
"return-type": "json",
"exec-if": "which swaync-client",
"exec": "swaync-client -swb",
"on-click": "sleep 0.1 && swaync-client -t -sw",
"on-click-right": "swaync-client -d -sw",
"escape": true,
},
} }

5
config/waybar/style/Catppuccin-Latte.css

@ -75,6 +75,7 @@ window#waybar.hidden {
#custom-lock, #custom-lock,
#custom-menu, #custom-menu,
#custom-power, #custom-power,
#custom-speaker,
#custom-power_vertical, #custom-power_vertical,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
@ -123,6 +124,10 @@ window#waybar.hidden {
box-shadow: inset 0 -3px transparent; box-shadow: inset 0 -3px transparent;
} }
#bluetooth {
color: @blue;
}
#clock { #clock {
color: @yellow; color: @yellow;
} }

3
config/waybar/style/Catppuccin-Mocha.css

@ -82,7 +82,7 @@ window#waybar.hidden {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -105,6 +105,7 @@ window#waybar.hidden {
color: @blue; color: @blue;
} }
#bluetooth,
#backlight { #backlight {
color: @blue; color: @blue;
} }

2
config/waybar/style/Crimson.css

@ -137,7 +137,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/Rose Pine.css

@ -126,7 +126,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-swaync, #custom-swaync,
#custom-weather, #custom-weather,

2
config/waybar/style/Simple Pink.css

@ -152,7 +152,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Black & White] Monochrome.css

@ -136,7 +136,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Bordered Pywal] Chroma Fusion Edge.css

@ -76,6 +76,7 @@ window#waybar.empty #window {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -125,6 +126,7 @@ window#waybar.empty #window {
color: @rosewater; color: @rosewater;
} }
#custom-swaync,
#custom-keybinds, #custom-keybinds,
#tray { #tray {
color: aliceblue; color: aliceblue;

3
config/waybar/style/[Colored] Chroma Glow.css

@ -124,7 +124,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -223,6 +223,7 @@ label:focus {
color: #df3320; color: #df3320;
} }
#custom-swaync,
#custom-keybinds { #custom-keybinds {
color: #1e66f5; color: #1e66f5;
} }

2
config/waybar/style/[Colored] Translucent.css

@ -138,7 +138,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Colorful] Aurora Blossom.css

@ -125,7 +125,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Colorful] Aurora.css

@ -115,7 +115,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power, #custom-power,
#custom-power_vertical, #custom-power_vertical,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

3
config/waybar/style/[Colorful] Rainbow Spectrum.css

@ -80,7 +80,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -239,6 +239,7 @@ tooltip label{
background-color: #94e2d5; background-color: #94e2d5;
} }
#custom-swaync,
#custom-weather { #custom-weather {
background-color: #cba6f7; background-color: #cba6f7;
} }

2
config/waybar/style/[Dark] Golden Noir.css

@ -150,7 +150,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Dark] Obsidian Edge.css

@ -143,7 +143,7 @@ tooltip label {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Dark] Purpl.css

@ -147,7 +147,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Light] Monochrome Contrast.css

@ -137,7 +137,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Light] Obsidian Glow.css

@ -112,7 +112,7 @@ tooltip label {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

5
config/waybar/style/[Pywal] Chroma Edge.css

@ -117,7 +117,7 @@ tooltip label{
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -207,7 +207,8 @@ tooltip label{
color: #d6e7e5; color: #d6e7e5;
} }
#custom-weather.default { #custom-swaync,
#custom-weather {
color: #ebecf0; color: #ebecf0;
} }

2
config/waybar/style/[Pywal] Chroma Fusion.css

@ -76,6 +76,7 @@ window#waybar.empty #window {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -109,6 +110,7 @@ window#waybar.empty #window {
opacity:1.0; opacity:1.0;
} }
#custom-swaync,
#custom-weather, #custom-weather,
#custom-updater { #custom-updater {
color: @yellow; color: @yellow;

3
config/waybar/style/[Pywal] Chroma Tally.css

@ -82,7 +82,7 @@ window#waybar {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -189,6 +189,7 @@ window#waybar {
#tray { #tray {
} }
#custom-swaync,
#custom-menu { #custom-menu {
color: yellow; color: yellow;
} }

2
config/waybar/style/[Pywal] Colored.css

@ -144,7 +144,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

2
config/waybar/style/[Pywal] Simple.css

@ -132,7 +132,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,

4
config/waybar/style/[Retro] Simple Style.css

@ -75,7 +75,7 @@ window#waybar {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-speaker, #custom-swaync,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,
#custom-weather.clearNight, #custom-weather.clearNight,
@ -89,7 +89,7 @@ window#waybar {
#custom-weather.snowyIcyNight, #custom-weather.snowyIcyNight,
#custom-weather.sunnyDay { #custom-weather.sunnyDay {
color: @foreground; color: @foreground;
padding: 5px 8px 5px 8px; padding: 3px 6px 3px 6px;
} }
#battery.warning, #battery.warning,

1
config/waybar/style/[Transparent] Crystal Clear.css

@ -122,6 +122,7 @@ tooltip {
#custom-menu, #custom-menu,
#custom-power_vertical, #custom-power_vertical,
#custom-power, #custom-power,
#custom-swaync,
#custom-spotify, #custom-spotify,
#custom-updater, #custom-updater,
#custom-weather, #custom-weather,

Loading…
Cancel
Save