Dots 01.01.23

waybar-config.json

// vim: ft=jsonc
{
    "layer": "top",
    "position": "top",
    "modules-left": ["wlr/workspaces", "hyprland/window"],
    "modules-center": ["custom/spotify"],
    "modules-right": ["idle_inhibitor","custom/pacman", "custom/todo", "backlight", "tray", "bluetooth", "pulseaudio", "network", "battery","custom/notification", "clock"],
    //////////////
    // MODULES //
    /////////////
    "backlight": {
        "device": "amdgpu_bl0",
        "format": "{icon}",
        "format-icons": ["󱩎","󱩏","󱩐","󱩑","󱩒","󱩓","󱩔", "󱩕", "󱩖", "󰛨"],
        "on-scroll-up":"func bright up",
        "on-scroll-down":"func bright down"
    },

    "battery": {
        "bat": "BAT1",
        "states": {
            "good": 95,
            "warning": 30,
            "critical": 15
        },
        "format": "{icon}",
        "format-charging": "󰂄",
        "format-plugged": "󰂄",
        "format-alt": "{time} {icon}",
        // "format-good": "", // An empty format will hide the module
        "format-full": "󰁹",
        "format-icons": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂"]
    },

    "bluetooth": {
        "format": "󰂯",
        "format-on": "󰂯",
        "format-off": "󰂲",
        "format-connected": "󰂱",
        "on-click": "wofi-bluetooth",
        "on-click-middle": "bltoggle",
        "tooltip-format": "{controller_alias}\t{controller_address}\n\n{num_connections} connected",
        "tooltip-format-connected": "{device_alias} {device_battery_percentage}%\n{controller_alias}\t{controller_address}\n\n{num_connections} connected\n\n{device_enumerate}",
        "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
        "tooltip-format-enumerate-connected-battery": "{device_alias}\t{device_address}\t{device_battery_percentage}%"
    },

    "clock": {
        "interval": 60,
        "format": "{:%d %b %a, %H:%M}",
        "today-format": "<span color='#ff6699'><b><u>{}</u></b></span>",
        "format-calendar": "<span color='#ecc6d9'><b>{}</b></span>",
        "format-calendar-weeks": "<span color='#99ffdd'><b>W{:%V}</b></span>",
        "format-calendar-weekdays": "<span color='#ffcc66'><b>{}</b></span>",
        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
    },
    
    "hyprland/window": {
        "format": "{}",
        "separate-outputs": true
    },

    "idle_inhibitor": {
        "format": "{icon}",
        "format-icons": {
            "activated": "󰈈",
            "deactivated": "󰈉"
        }
    },

    "network": {
        "format-wifi": "󰤨",
        "format-ethernet": "󰈀",
        "tooltip-format": "{essid}: ({signalStrength}%)",
        "format-linked": "󰈀",
        "format-disconnected": "󰤭",
        "on-click": "wofi-wifi",
    },

    "custom/notification": {
        "tooltip": false,
        "format": "{icon}",
        "format-icons": {
            "notification": "<span foreground='red'>󱅫</span>",
            "none": "󰂚",
            "dnd-notification": "<span foreground='red'>󰂠</span>",
            "dnd-none": "󰂛"
        },
        "return-type": "json",
        "exec-if": "which swaync-client",
        "exec": "swaync-client -swb",
        "on-click": "swaync-client -t -sw",
        "on-click-right": "swaync-client -d -sw",
        "escape": true
    },

    "custom/pacman": {
        "format": "{icon}",
        "format-icons": {
            "update": "󰏔",
            "none": "󱭑"
        },
        "signal": 4,
        "return-type": "json",
        "exec": "waybar-pacman",
        "on-click": "wezterm start paru",
        "interval": 600
    },

    "pulseaudio": {
        "max-volume": 150,
        "scroll-step": 5, // %, can be a float
        "format": "{icon}",
        "format-bluetooth": "󰗾",
        "format-bluetooth-muted": "󰗿",
        "format-muted": "󰖁",
        "format-source": "󰍬",
        "format-source-muted": "󰍭",
        "format-icons": {
            "headphone": "󰋋",
            "headset": "󰋋",
            "phone": "󱆏",
            "portable": "󰏳",
            "default": ["󰕿", "󰖀", "󰕾"]
        },
        "tooltip": false,
        "on-click": "func vol mute",
        "on-scroll-up": "func vol up",
        "on-scroll-down": "func vol down"
    },

    "custom/spotify": {
        "exec": "waybar-mediaplayer.py --player spotify",
        "format": "{icon} {}",
        "format-icons": {
            "spotify-playing": "󰓇 ",
            "spotify-paused": "󰏥 ",
            "spotify-none": "󰙦 "
        },
        "return-type": "json",
        "on-click": "playerctl --player=spotify play-pause",
        "on-scroll-down": "playerctl --player=spotify next",
        "on-scroll-up": "playerctl --player=spotify previous",
        "tooltip": false
    },

    "custom/todo": {
        "tooltip": true,
        "format": "{icon}",
        "format-icons": {
            "1": "󰎤",
            "2": "󰎧",
            "3": "󰎪",
            "4": "󰎭",
            "5": "󰎱",
            "6": "󰎳",
            "7": "󰎶",
            "8": "󰎹",
            "9": "󰎼",
            "more": "󰎿",
            "none": "󰎡"
        },
        "signal": 4,
        "return-type": "json",
        "exec": "wofi-todo waybar",
        "on-click": "wofi-todo show",
        "restart-interval": 60,
    },

    "tray": {
        "icon-size": 21,
        "spacing": 10
    },

    "wlr/workspaces": {
         "format": "{icon}",
         "on-click": "activate",
         "on-scroll-up": "hyprctl dispatch workspace e-1",
         "on-scroll-down": "hyprctl dispatch workspace e+1",
         "format-icons": {
            "1": "1",
            "2": "2",
            "3": "3",
            "4": "4",
            "5": "5",
            "6": "6",
            "7": "7",
            "8": "8",
            //"urgent": "󰀨",
            //"active": "󰻂",
            "default": "󰝥"
        },
        "all-outputs": true,
        "sort-by-number": true,
        "active-only": false
    }
}

waybar-style.css

/* others */
@define-color background rgba(40, 42, 54, 0.75);
@define-color foreground #f8f8f2;

/* black */
@define-color black #21222c;
@define-color black_alt #4d4d4d;

/* red */
@define-color red #ff5555;
@define-color red_alt #ff6e67;

/* green */
@define-color green #50fa7b;
@define-color green_alt #5af78e;

/* yellow */
@define-color yellow #f1fa8c;
@define-color yellow_alt #f4f99d;

/* blue */
@define-color blue #bd93f9;
@define-color blue_alt #caa9fa;

/* magenta/orange */
@define-color magenta #ff79c6;
@define-color magenta_alt #ff92d0;

/* cyan */
@define-color cyan #8be9fd;
@define-color cyan_alt #9aedfe;

/* white */
@define-color white #bfbfbf;
@define-color white_alt #e6e6e6;

/* Root */

* {
  font-family: "SF Pro Rounded", "Material Design Icons";
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}

/* General */
window#waybar {
  background-color: @background;
  color: @foreground;
  transition-property: background-color;
  transition-duration: 0.5s;
  border-bottom: 1px solid @black;
}

window#waybar.hidden {
  opacity: 0.2;
}

button {
  box-shadow: inset 0 -3px transparent;
  border: none;
  border-radius: 0;
}

/* Module Groups */
.modules-left,
.modules-center,
.modules-right {
  margin-top: 4px;
  margin-bottom: 4px;
}

.modules-left {
  margin-left: 0.5rem;
}
.modules-center {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.modules-right {
  margin-right: 0.5rem;
}
.modules-center box#workspaces,
.modules-left box#workspaces {
  border-radius: 5rem;
  background-color: @black;
  padding: 0;
}

.modules-left box#workspaces {
  margin-right: 0.5rem;
}

.modules-right widget:first-child > label,
.modules-right widget:first-child > box {
  border-top-left-radius: 5rem 5rem;
  border-bottom-left-radius: 5rem 5rem;
}
/* Modules */
#backlight,
#bluetooth,
#custom-dashboard,
#custom-notification,
#custom-pacman,
#custom-spotify,
#custom-todo,
#workspaces,
#clock,
#battery,
#cpu,
#memory,
#temperature,
#network,
#pulseaudio,
#keyboard-state,
#idle_inhibitor,
#mpd,
#tray {
  font-size: 16px;
  padding: 4px 10px;
  background-color: @black;
  font-weight: bold;
  transition: all 0.5s ease;
}
#workspaces {
  background-color: transparent;
  font-weight: bold;
  color: @foreground;
  transition: all 0.5s ease;
}
#workspaces button {
  border-radius: 100%;
  background-color: @black;
  color: @foreground;
  font-weight: bold;
  padding: 4px 8px;
}
#workspaces button.active,
#workspaces button.focused {
  background-color: @black_alt;
  color: @yellow;
  border-radius: 0;
}
#workspaces button:first-child.active,
#workspaces button:first-child.focused {
  border-radius: 5rem 0 0 5rem;
}
#workspaces button:last-child.active,
#workspaces button:last-child.focused {
  border-radius: 0 5rem 5rem 0;
}
#workspaces button.active:only-child {
  border-radius: 5rem;
}
#workspaces button:hover {
  color: @red;
}
#memory {
  color: @yellow;
}
#window {
  background-color: transparent;
  font-weight: bold;
  color: @foreground;
  margin: 0 .5rem;
}
#clock {
  font-size: 14px;
  border-top-right-radius: 5rem 5rem;
  border-bottom-right-radius: 5rem 5rem;
  background-color: @black_alt;
  color: @blue;
}
#network.disconnected {
  background-color: @red;
}
#pulseaudio.muted {
  color: @red;
}

# Custom Styles #custom-pacman.update {
  color: @red;
}
#custom-spotify {
  font-size: 14px;
  border-radius: 5rem;
}

wofi-config

width=20%
height=28%
prompt=Ara...
x=768
y=200
hide_scroll=true
location=0
allow_images=true
allow_markup=true
term=wezterm
insensitive=true
no_actions=true

wofi-style.css

/* others */
@define-color background #282a36;
@define-color foreground #f8f8f2;

/* black */
@define-color black #21222c;
@define-color black_alt #4d4d4d;

/* red */
@define-color red #ff5555;
@define-color red_alt #ff6e67;

/* green */
@define-color green #50fa7b;
@define-color green_alt #5af78e;

/* yellow */
@define-color yellow #f1fa8c;
@define-color yellow_alt #f4f99d;

/* blue */
@define-color blue #bd93f9;
@define-color blue_alt #caa9fa;

/* magenta/orange */
@define-color magenta #ff79c6;
@define-color magenta_alt #ff92d0;

/* cyan */
@define-color cyan #8be9fd;
@define-color cyan_alt #9aedfe;

/* white */
@define-color white #bfbfbf;
@define-color white_alt #e6e6e6;

window {
    margin: 0px;
    padding: 10px;
    background-color: @background;
    border-radius: 30px;
    border: 2px solid @black;
}

#input {
    margin: 5px;
    padding: 10px;
    border: none;
    color: @foreground;
    background-color: @black;
    border-radius: 30px;
}

#inner-box {
    margin: 5px;
    border: none;
    background-color: @background;
    border-radius: 30px;
}

#outer-box {
    margin: 15px;
    border: none;
    background-color: @background;
}

#scroll {
    margin: 0px;
    border: none;
}

#text {
    margin: 5px;
    border: none;
    color: @foreground;
} 

#entry {
    padding: 10px 16px;
}

#entry:selected {
    background-color: @black_alt;
    border-radius: 20px;
    outline: none;
}

#entry:selected * {
    background-color: @black_alt;
    border-radius: 20px;
    outline: none;
}

#img {
}