Sway / Waybar / Wofi / Swaylock config & styles

gammastep.sh

#!/usr/bin/env bash

pid=$(pgrep gammastep)

if [[ $1 = "toggle" ]]; then
	if pgrep -x "gammastep" > /dev/null; then
		kill -9 $(pgrep -x "gammastep");
	else
		gammastep -O ${GAMMASTEP_NIGHT:-3500} &
	fi
fi

if pgrep -x "gammastep" > /dev/null; then
	echo ""
	echo "Nightlight is on"
else
	echo ""
	echo "Nightlight is off"
fi

sway_config

### Bar
  bar {
    swaybar_command waybar
  }


### Styling
  # Gaps
  gaps inner 5
  gaps outer 0
  smart_gaps on

  # Borders
  default_border pixel 3
  for_window [class=".*"] border pixel 3

### Colors
  # Class                   Border      BG          Text        Indicator   Child border
  client.focused            #c5c8c6bf   #1d1f21bb   #ffffff     #fffffff2   #c5c8c6bf
  client.unfocused          #1d1f2166   #1d1f2188   #ffffff     #000000ee   #1d1f2166
  client.focused_inactive   #c5c8c644   #1d1f2199   #ffffff     #ffffff88   #c5c8c644
  client.background         #1d1f21f2

swaylock.conf

ignore-empty-password

color=1d1f21
indicator-idle-visible
indicator-radius=150
indicator-thickness=30

inside-color=1d1f21
inside-clear-color=1d1f21
inside-ver-color=1d1f21
inside-wrong-color=1d1f21

key-hl-color=7aa6daaa
bs-hl-color=d54e53aa

separator-color=55555555

line-color=1d1f21
line-uses-ring

text-color=81a2be
text-clear-color=b5bd68
text-caps-lock-color=f0c674
text-ver-color=81a2be
text-wrong-color=cc6666

ring-color=81a2be55
ring-ver-color=81a2be
ring-clear-color=b5bd6811
ring-wrong-color=cc6666

waybar_config

{ 

    "modules-left": ["sway/window", "sway/mode"],
    "modules-center": ["sway/workspaces"],
    "modules-right": ["idle_inhibitor", "custom/gammastep", "pulseaudio", "pulseaudio#mic", "network#vpn", "network", "battery", "clock", "tray"],

    "sway/window": {
        "format": "{}",
        "max-length": 50,
        "rewrite": {
            "": "\uf015  ",
            "(.*) - Visual Studio Code": "\uf121  $1",
            "(.*) - Brave": "\uf268  $1",
            "xterm-kitty - (.*)": "\uf120  $1",
            "(.*) — Mozilla Firefox": "\ue007  $1",
            "Mozilla Firefox": "\ue007  Mozilla Firefox",
            "xterm-kitty - (.*)": "\uf120  $1",
            "(.*) - VIM": "\uf036  $1",
            "Telegram (.*)": "\uf2c6  $1",
            "(.*) - TextMaker": "\uf1c2  $1",
            "(.*) - PlanMaker": "\uf1c3  $1",
            "(.*) - Presentations": "\uf1c4  $1",
            "/(.*)": "\uf07b  /$1",
            "ymuse": "\uf001  Ymuse",
            "(.*) — 1Password": "\uf023  $1",
            "Postman": "\uf6cc  Postman",
            "Volume Control": "\uf027  Volume Control",
            "Input Method Configuration": "\uf11c  Input Method Configuration",
            "imv - (.*)": "\uf1c5  $1",
            "(.*) - mpv": "\uf03d  $1",
            "smb://(.*)": "\uf6ff  $1",
            "network:///": "\uf6ff  ",
            "trash:///": "\uf2f8  ",
            "mtp:/(.*)": "\uf3cd  $1",
            "afc:/(.*)": "\uf3cd  $1",
            "computer:///": "\uf108  ",
            "ncmpcpp (.*)": "\uf001   ncmpcpp"
        }
    },
        
    "sway/workspaces": {
         "disable-scroll": true,
         "all-outputs": true,
         "format": "{value}",
         "format-icons": {
            "1": "",
            "2": "",
            "3": "3",
            "4": "4",
            "5": "5",
            "6": "6",
            "7": "7",
            "8": "8",
            "9": "9",
            "10": "", 
            "urgent": ": ",
            "focused": "",
            "default": ""
         }
    },

    "sway/mode": {
        "format": "\uf054 {}"
    },
    "mpd": {
        "format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon}{artist} - {title}",
        "format-disconnected": "",
        "format-stopped": "\uf3b5",
        "unknown-tag": "N/A",
        "interval": 2,
        "consume-icons": {
            "on": " "

        },
        "random-icons": {
            "on": " "
        },
        "repeat-icons": {
            "on": " "
        },
        "single-icons": {
            "on": "1 "
        },
        "state-icons": {
            "paused": "",
            "playing": ""
        },
        "on-click": "pkill ncmpcpp; kitty -e ncmpcpp",
        "tooltip-format": "MPD (connected)",
        "tooltip-format-disconnected": "MPD (disconnected)"
    },
    "idle_inhibitor": {
        "format": "{icon}",
        "format-icons": {
            "activated": "\uf0f4",
            "deactivated": "\uf0f4"
        }
    },
    "tray": {
 
        "spacing": 10,
        "show-passive-items": true
    },
    "clock": {
   
        "format": "{:\uf017 %H:%M}",
        "format-alt": "{:\uf133 %A, %d %B, %Y}",
        "tooltip-format": "<big>{:%d %B, %Y}</big>\n<tt><small>{calendar}</small></tt>"
    },


    "battery": {
        "states": {
            "warning": 30,
            "critical": 15
        },
        "format": "{capacity}% {icon}",
        "format-charging": "{capacity}% ",
        "format-plugged": "{capacity}% ",
        "format-alt": "{time} {icon}",
        "format-full": "",
        "format-icons": ["", "", "", "", ""]
    },

    "network": {
        "interval": 5,
        "format-wifi": "\uf1eb",
        "format-ethernet": "\uf796",
        "format-disconnected": "\uf127  Offline",
        "tooltip-format": "{ifname}: {ipaddr}",
        "tooltip-format-wifi": "{essid} ({signalStrength}%): {ipaddr}"
    },
    "network#vpn": {
      "interval": 5,
      "interface": "tun0",
      "format": "\uf3ed",
      "format-disconnected": "",
      "tooltip-format": "VPN Connected: {ipaddr}"
  },
    "pulseaudio": {
        "scroll-step": 1,
        "format": "{volume}% {icon}",
        "format-bluetooth": "{volume}% {icon}",
        "format-bluetooth-muted": " {icon}",
        "format-muted": "",
        "format-source": "",
        "format-source-muted": "",
        "format-icons": {
            "headphone": "",
            "hands-free": "",
            "headset": "",
            "phone": "",
            "portable": "",
            "car": "",
            "default": ["", "", ""]
        },
        "on-click": "pkill pulsemixer; kitty -e pulsemixer"
    },
    "pulseaudio#mic": {
        "format": "{format_source}",
        "format-source": "",
        "format-source-muted": "",
        "on-click": "pactl set-source-mute @DEFAULT_SOURCE@ toggle",
        "tooltip": false
    },
    "custom/gammastep": {
      "format": "{}",
      "interval": 5,
      "on-update": "",
      "exec": "sleep 0.05; /usr/bin/gammastep.sh",
      "on-click": "/usr/bin/gammastep.sh toggle"
  }

}

waybar_style.css

* {
  border: none;
  border-radius: 0;
  font-family: "DejaVu Sans", "Font Awesome 5 Free";
  font-size: 14px;
}

window .modules-left,
window .modules-center,
window .modules-right {
  background: rgba(55, 59, 65, 0.85);
  padding: 0px 8px 0px 8px;
}

window .modules-left {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

window .modules-right {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

window .modules-center {
  border-radius: 16px;
}
window#waybar {
  background: transparent;
}

window > box {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  background: rgba(43, 48, 59, 0);
  color: white;
  border-radius: 16px;
  min-height: 32px;
}

#workspaces button {
  font-weight: bolder;
  margin: 3px;
  padding: 0px 2px 0px 2px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  min-width: 24px;
  box-shadow: inset 0 -3px transparent;
}

/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
#workspaces button:hover {
  background: transparent;
  box-shadow: inset 0 -3px transparent;
  color: rgba(255, 255, 255, 0.8);
}

#workspaces button.focused {
  background: transparent;
  box-shadow: inset 0 -3px #ffffff;
  color: rgba(255, 255, 255, 1);
}

#workspaces button.urgent {
  box-shadow: inset 0 -3px #cc6666;
  color: #cc6666;
}

#clock,
#battery,
#cpu,
#memory,
#disk,
#temperature,
#backlight,
#network,
#pulseaudio,
#custom-media,
#tray,
#mode,
#idle_inhibitor,
#mpd,
#window,
#workspaces,
#custom-gammastep
{
  padding: 0px 8px 0px 8px;
  margin: 0 5px;
  color: #ffffff;
}

#mode {
  font-weight: bolder;
  color: #f0c674;
}

#mpd.stopped {
  color: rgba(255, 255, 255, 0.3);
}

#idle_inhibitor.deactivated {
  color: rgba(255, 255, 255, 0.3);
}

#network.disconnected, #network.disabled {
  color: rgba(255, 255, 255, 0.3);
}

#clock {
  font-weight: bolder;
}

@keyframes blink {
  to {
    color: #ffffff;
  }
}

#battery.critical:not(.charging) {
  /* background-color: #f53c3c; */
  color: #ffffff;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

#tray > .passive {
  -gtk-icon-effect: dim;
}

#tray > .needs-attention {
  -gtk-icon-effect: highlight;
}

wofi_styles.css

window {
  font-family: "DejaVu Sans", "Font Awesome 5 Free";
  margin: 0px;
  border: 1px solid rgba(0, 0, 0, 0.9);
  background-color: rgba(29, 31, 33, 0.95);
  border-radius: 10px;
}

#input {
  margin: 5px;
  border: none;
  color: #f8f8f2;
  background-color: rgba(55, 59, 65, 0.95);
}

#inner-box {
  margin: 5px;
  border: none;
  background-color: transparent;
}

#outer-box {
  margin: 5px;
  border: none;
  background-color: transparent;
}

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

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

#entry {
  border: none;
}

#entry:focus {
  border: none;
}

#entry:selected {
  background-color: rgba(55, 59, 65, 0.95);
  border-radius: 5px;
  border: none;
}