Styling
This commit is contained in:
parent
acaa78bd82
commit
ccf4d76061
5 changed files with 83 additions and 72 deletions
11
config/mako
11
config/mako
|
@ -6,6 +6,17 @@ anchor=bottom-right
|
||||||
background-color=#0E423C
|
background-color=#0E423C
|
||||||
border-color=#FFFFFF
|
border-color=#FFFFFF
|
||||||
default-timeout=4000
|
default-timeout=4000
|
||||||
|
font=Letter
|
||||||
|
|
||||||
|
[urgency=low]
|
||||||
|
border-color=#cccccc
|
||||||
|
|
||||||
|
[urgency=normal]
|
||||||
|
border-color=#d08770
|
||||||
|
|
||||||
|
[urgency=high]
|
||||||
|
border-color=#bf616a
|
||||||
|
default-timeout=0
|
||||||
|
|
||||||
[category=byMe]
|
[category=byMe]
|
||||||
anchor=top-center
|
anchor=top-center
|
||||||
|
|
23
config/sway
23
config/sway
|
@ -33,8 +33,8 @@ exec_always ~/.scripts/idle.sh
|
||||||
# Set warm colours at night
|
# Set warm colours at night
|
||||||
exec ~/.scripts/wlsunset.sh
|
exec ~/.scripts/wlsunset.sh
|
||||||
|
|
||||||
exec nm-applet --indicator
|
# exec nm-applet --indicator
|
||||||
exec blueman-applet
|
# exec blueman-applet
|
||||||
|
|
||||||
focus_follows_mouse no
|
focus_follows_mouse no
|
||||||
|
|
||||||
|
@ -248,12 +248,11 @@ bindsym XF86AudioMute exec --no-startup-id pactl set-sink-mute @DEFAULT_SINK@ to
|
||||||
bindsym XF86AudioMicMute exec --no-startup-id pactl set-source-mute @DEFAULT_SOURCE@ toggle
|
bindsym XF86AudioMicMute exec --no-startup-id pactl set-source-mute @DEFAULT_SOURCE@ toggle
|
||||||
|
|
||||||
# Lockscreen
|
# Lockscreen
|
||||||
set $lock "swaylock -f --screenshots --clock --indicator --fade-in 0.2 --effect-blur 5x5"
|
bindsym $winkey+Delete exec --no-startup-id swaylock
|
||||||
bindsym $winkey+Delete exec --no-startup-id $lock
|
|
||||||
|
|
||||||
set $mode_system System (l) lock, (s) suspend, (h) hibernate, (r) reboot, (Shift+s) shutdown
|
set $mode_system System (l) lock, (s) suspend, (h) hibernate, (r) reboot, (Shift+s) shutdown
|
||||||
mode "$mode_system" {
|
mode "$mode_system" {
|
||||||
bindsym l exec --no-startup-id $lock; mode "default"
|
bindsym l exec --no-startup-id swaylock; mode "default"
|
||||||
bindsym s exec --no-startup-id systemctl suspend; mode "default"
|
bindsym s exec --no-startup-id systemctl suspend; mode "default"
|
||||||
bindsym h exec --no-startup-id systemctl hibernate; mode "default"
|
bindsym h exec --no-startup-id systemctl hibernate; mode "default"
|
||||||
bindsym r exec --no-startup-id systemctl reboot; mode "default"
|
bindsym r exec --no-startup-id systemctl reboot; mode "default"
|
||||||
|
@ -285,10 +284,11 @@ bindsym Print mode "$mode_screenshot"
|
||||||
# Styling
|
# Styling
|
||||||
# =======
|
# =======
|
||||||
|
|
||||||
|
font pango:monospace 2
|
||||||
|
|
||||||
bar {
|
bar {
|
||||||
swaybar_command /usr/bin/waybar
|
swaybar_command /usr/bin/waybar
|
||||||
mode hide
|
mode hide
|
||||||
position bottom
|
|
||||||
}
|
}
|
||||||
|
|
||||||
# Notifications manager
|
# Notifications manager
|
||||||
|
@ -296,17 +296,18 @@ exec mako
|
||||||
|
|
||||||
title_align center
|
title_align center
|
||||||
default_border pixel 2
|
default_border pixel 2
|
||||||
# default_floating_border normal 2
|
default_floating_border normal 2
|
||||||
hide_edge_borders both
|
hide_edge_borders both
|
||||||
|
|
||||||
# Toggle Show title
|
# Toggle Show title
|
||||||
bindsym $alt+Next border pixel 2
|
bindsym $alt+Next border pixel 2
|
||||||
bindsym $alt+Prior border normal 2
|
bindsym $alt+Prior border normal 2
|
||||||
|
|
||||||
# Class border backgr text indic. child_border
|
# Mimic no titles
|
||||||
client.focused #000000 #00897b #ffffff #00897b #000000
|
# Classi border backgr text indic. child_border
|
||||||
client.focused_inactive #000000 #222222 #888888 #484e50 #000000
|
client.focused #000000 #00897b #00897b #00897b #000000
|
||||||
client.unfocused #000000 #222222 #888888 #292d2e #000000
|
client.focused_inactive #000000 #222222 #484e50 #484e50 #000000
|
||||||
|
client.unfocused #000000 #222222 #292d2e #292d2e #000000
|
||||||
|
|
||||||
exec gsettings set org.gnome.desktop.interface icon-theme 'Win11-black-dark'
|
exec gsettings set org.gnome.desktop.interface icon-theme 'Win11-black-dark'
|
||||||
exec gsettings set org.gnome.desktop.interface gtk-theme 'Nordic'
|
exec gsettings set org.gnome.desktop.interface gtk-theme 'Nordic'
|
||||||
|
|
|
@ -3,13 +3,16 @@
|
||||||
//
|
//
|
||||||
|
|
||||||
[{
|
[{
|
||||||
"position": "bottom",
|
"position": "top",
|
||||||
"height": 30,
|
"height": 25,
|
||||||
"spacing": 4,
|
"spacing": 4,
|
||||||
|
"margin": "-25px 0 0 0",
|
||||||
|
|
||||||
"modules-left": ["sway/workspaces", "custom/media"],
|
"modules-left": ["sway/workspaces", "custom/media"],
|
||||||
"modules-right": ["idle_inhibitor", "cpu", "memory", "disk", "temperature", "pulseaudio", "battery", "tray"],
|
"modules-right": ["idle_inhibitor", "disk", "memory", "cpu", "temperature", "pulseaudio", "battery", "tray"],
|
||||||
|
|
||||||
|
|
||||||
|
"mode": "hide",
|
||||||
"ipc": true,
|
"ipc": true,
|
||||||
|
|
||||||
"sway/workspaces": {
|
"sway/workspaces": {
|
||||||
|
@ -17,7 +20,7 @@
|
||||||
"all-outputs": true,
|
"all-outputs": true,
|
||||||
"format": "{icon}{name}",
|
"format": "{icon}{name}",
|
||||||
"format-icons": {
|
"format-icons": {
|
||||||
"urgent": " ",
|
"urgent": "\uf071 ",
|
||||||
"default": "" // Prevent showing workspace name literal.
|
"default": "" // Prevent showing workspace name literal.
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -26,58 +29,61 @@
|
||||||
"return-type": "json",
|
"return-type": "json",
|
||||||
"max-length": 40,
|
"max-length": 40,
|
||||||
"format-icons": {
|
"format-icons": {
|
||||||
"spotify": "",
|
"spotify": "\uf1bc",
|
||||||
"default": "🎜"
|
"default": "\uf51f"
|
||||||
},
|
},
|
||||||
"escape": true,
|
"escape": true,
|
||||||
"exec": "~/.config/waybar/mediaplayer.py 2> /dev/null", // Script in resources folder
|
"exec": "~/.config/waybar/mediaplayer.py 2> /dev/null", // Script in resources folder
|
||||||
|
"on-click": "playerctl play-pause",
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
"idle_inhibitor": {
|
"idle_inhibitor": {
|
||||||
"format": "Prohibit idle {icon}",
|
"format": "{icon}",
|
||||||
"format-icons": {
|
"format-icons": {
|
||||||
"activated": "",
|
"activated": "\uf06e",
|
||||||
"deactivated": ""
|
"deactivated": "\uf070"
|
||||||
},
|
},
|
||||||
"tooltip": false,
|
"tooltip": false,
|
||||||
},
|
},
|
||||||
"cpu": {
|
|
||||||
"format": "{usage}% ",
|
|
||||||
"tooltip": true,
|
|
||||||
},
|
|
||||||
"memory": {
|
|
||||||
"format": "{}% ",
|
|
||||||
},
|
|
||||||
"disk": {
|
"disk": {
|
||||||
"interval": 30,
|
"interval": 30,
|
||||||
"format": "{percentage_free}% ({free}) 💾",
|
"format": "{percentage_free}% ({free}) \uf0a0",
|
||||||
"path": "/",
|
"path": "/",
|
||||||
|
"on-click": "alacritty -e ncdu /",
|
||||||
|
},
|
||||||
|
"memory": {
|
||||||
|
"format": "{}% \uf1c0",
|
||||||
|
"on-click": "alacritty -e htop",
|
||||||
|
},
|
||||||
|
"cpu": {
|
||||||
|
"format": "{usage}% \uf2db",
|
||||||
|
"tooltip": true,
|
||||||
|
"on-click": "alacritty -e htop",
|
||||||
},
|
},
|
||||||
"temperature": {
|
"temperature": {
|
||||||
"critical-threshold": 70,
|
"critical-threshold": 70,
|
||||||
// "format-critical": "{temperatureC}°C {icon}",
|
// "format-critical": "{temperatureC}°C {icon}",
|
||||||
"format": "{temperatureC}°C {icon}",
|
"format": "{temperatureC}°C {icon}",
|
||||||
"format-icons": ["", "", ""],
|
"format-icons": ["\uf2cb", "\uf2c9", "\uf2c7"],
|
||||||
},
|
},
|
||||||
"pulseaudio": {
|
"pulseaudio": {
|
||||||
"scroll-step": 2,
|
"scroll-step": 2,
|
||||||
"format": "{volume}% {icon} {format_source}",
|
"format": "{volume}% {icon} {format_source}",
|
||||||
"format-bluetooth": "{volume}% {icon} {format_source}",
|
"format-bluetooth": "{volume}% {icon}\uf294 {format_source}",
|
||||||
"format-bluetooth-muted": " {icon} {format_source}",
|
"format-bluetooth-muted": "\uf6a9 {icon}\uf294 {format_source}",
|
||||||
"format-muted": " {format_source}",
|
"format-muted": "\uf6a9 {format_source}",
|
||||||
"format-source": "{volume}% ",
|
"format-source": "{volume}% \uf130",
|
||||||
"format-source-muted": "",
|
"format-source-muted": "\uf131",
|
||||||
"format-icons": {
|
"format-icons": {
|
||||||
"headphone": " ",
|
"headphone": "\uf58f",
|
||||||
"hands-free": "",
|
"hands-free": "\uf590",
|
||||||
"headset": "",
|
"headset": "\uf590",
|
||||||
"phone": "",
|
"phone": "\uf3ce",
|
||||||
"portable": "",
|
"portable": "\uf3ce",
|
||||||
"car": "",
|
"car": "\uf1b9",
|
||||||
"default": ["", "", ""]
|
"default": ["\uf026", "\uf027", "\uf028 "]
|
||||||
},
|
},
|
||||||
// "on-click": "playerctl play-pause",
|
|
||||||
"on-click": "pavucontrol",
|
"on-click": "pavucontrol",
|
||||||
},
|
},
|
||||||
"battery": {
|
"battery": {
|
||||||
|
@ -86,12 +92,12 @@
|
||||||
"critical": 15
|
"critical": 15
|
||||||
},
|
},
|
||||||
"format": "{capacity}% {icon}",
|
"format": "{capacity}% {icon}",
|
||||||
"format-charging": "{capacity}% ",
|
|
||||||
"format-plugged": "{capacity}% ",
|
|
||||||
"format-alt": "{time} {icon}",
|
"format-alt": "{time} {icon}",
|
||||||
|
"format-charging": "{capacity}% \uf0e7 {icon}",
|
||||||
|
"format-plugged": "{capacity}% \ue55c",
|
||||||
// "format-good": "", // An empty format will hide the module
|
// "format-good": "", // An empty format will hide the module
|
||||||
// "format-full": "",
|
// "format-full": "",
|
||||||
"format-icons": ["", "", "", "", ""],
|
"format-icons": ["\uf244", "\uf243", "\uf242", "\uf241", "\uf240"],
|
||||||
},
|
},
|
||||||
"tray": {
|
"tray": {
|
||||||
// "icon-size": 21,
|
// "icon-size": 21,
|
||||||
|
@ -101,15 +107,19 @@
|
||||||
|
|
||||||
{
|
{
|
||||||
"position": "top",
|
"position": "top",
|
||||||
"height": 20,
|
"height": 25,
|
||||||
"modules-left": ["sway/mode"],
|
"modules-left": ["sway/mode"],
|
||||||
"modules-center": ["sway/window"],
|
"modules-center": ["sway/window"],
|
||||||
"modules-right": ["clock"],
|
"modules-right": ["clock"],
|
||||||
|
|
||||||
|
"sway/window": {
|
||||||
|
"max-length": 85,
|
||||||
|
},
|
||||||
|
|
||||||
"clock": {
|
"clock": {
|
||||||
"timezone": "Europe/Brussels",
|
"timezone": "Europe/Brussels",
|
||||||
"format": "{:%H:%M}",
|
"format": "{:%H:%M}",
|
||||||
"format-alt": "{:%H:%M %d/%m/%Y}", //"<big>{:%H:%M}</big>\n21-03-2022", //\n{:%d/%m/%Y}",
|
"format-alt": "{:%d/%m/%Y %H:%M}", //"<big>{:%H:%M}</big>\n21-03-2022", //\n{:%d/%m/%Y}",
|
||||||
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
|
||||||
},
|
},
|
||||||
}]
|
}]
|
||||||
|
|
|
@ -10,17 +10,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
window#waybar {
|
window#waybar {
|
||||||
background-color: rgba(43, 48, 59, 0.75);
|
background-color: transparent;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
transition-property: background-color;
|
transition-property: background-color;
|
||||||
transition-duration: .5s;
|
transition-duration: .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Top bar which only contains title can be transparent */
|
|
||||||
window#waybar.top {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
window#waybar.hidden {
|
window#waybar.hidden {
|
||||||
opacity: 0.2;
|
opacity: 0.2;
|
||||||
}
|
}
|
||||||
|
@ -34,35 +29,27 @@ window#waybar.solo {
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
window#waybar.termite {
|
|
||||||
background-color: #3F3F3F;
|
|
||||||
}
|
|
||||||
|
|
||||||
window#waybar.chromium {
|
window#waybar.chromium {
|
||||||
background-color: #000000;
|
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button {
|
#workspaces button {
|
||||||
padding: 0 5px;
|
padding: 0 10px;
|
||||||
background-color: transparent;
|
margin: -15px 5px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
/* Use box-shadow instead of border so the text isn't offset */
|
/* Use box-shadow instead of border so the text isn't offset */
|
||||||
/* Avoid rounded borders under each workspace name */
|
/* Avoid rounded borders under each workspace name */
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
|
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
|
||||||
#workspaces button:hover {
|
#workspaces button:hover {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.9);
|
||||||
box-shadow: inset 0 3px #ffffff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button.focused {
|
#workspaces button.focused {
|
||||||
background-color: #0E423C; /* REPLACE */
|
background-color: #0E423C; /* REPLACE */
|
||||||
box-shadow: inset 0 3px #ffffff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button.urgent {
|
#workspaces button.urgent {
|
||||||
|
@ -70,11 +57,13 @@ window#waybar.chromium {
|
||||||
}
|
}
|
||||||
|
|
||||||
#mode {
|
#mode {
|
||||||
background-color: #64727D;
|
|
||||||
border-bottom: 3px solid #ffffff;
|
border-bottom: 3px solid #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#clock,
|
#clock {
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
#battery,
|
#battery,
|
||||||
#cpu,
|
#cpu,
|
||||||
#memory,
|
#memory,
|
||||||
|
|
|
@ -10,7 +10,7 @@ zstyle ':vcs_info:*' check-for-changes true
|
||||||
zstyle ':vcs_info:*' unstagedstr '%F{red}*' # display this when there are unstaged changes
|
zstyle ':vcs_info:*' unstagedstr '%F{red}*' # display this when there are unstaged changes
|
||||||
zstyle ':vcs_info:*' stagedstr '%F{yellow}+' # display this when there are staged changes
|
zstyle ':vcs_info:*' stagedstr '%F{yellow}+' # display this when there are staged changes
|
||||||
zstyle ':vcs_info:*' actionformats '%F{5}(%F{2}%b%F{3}|%F{1}%a%c%u%m%F{5})%f '
|
zstyle ':vcs_info:*' actionformats '%F{5}(%F{2}%b%F{3}|%F{1}%a%c%u%m%F{5})%f '
|
||||||
zstyle ':vcs_info:*' formats '%F{white}(%F{cyan}%b%c%u%m%F{white})%f '
|
zstyle ':vcs_info:*' formats "%F{white}(%F{cyan} %b%c%u%m%F{white})%f "
|
||||||
zstyle ':vcs_info:svn:*' branchformat '%b'
|
zstyle ':vcs_info:svn:*' branchformat '%b'
|
||||||
zstyle ':vcs_info:svn:*' actionformats '%F{5}(%F{2}%b%F{1}:%{3}%i%F{3}|%F{1}%a%c%u%m%F{5})%f '
|
zstyle ':vcs_info:svn:*' actionformats '%F{5}(%F{2}%b%F{1}:%{3}%i%F{3}|%F{1}%a%c%u%m%F{5})%f '
|
||||||
zstyle ':vcs_info:svn:*' formats '%F{5}(%F{2}%b%F{1}:%F{3}%i%c%u%m%F{5})%f '
|
zstyle ':vcs_info:svn:*' formats '%F{5}(%F{2}%b%F{1}:%F{3}%i%c%u%m%F{5})%f '
|
||||||
|
@ -34,7 +34,7 @@ add-zsh-hook precmd loadgit
|
||||||
|
|
||||||
# Backup line
|
# Backup line
|
||||||
# PROMPT='%(!.%B%F{red}.%B%F{green}%n@)%m %F{blue}%(!.%1~.%~) ${vcs_info_msg_0_}%F{blue}%(!.#.$)%k%b%f '
|
# PROMPT='%(!.%B%F{red}.%B%F{green}%n@)%m %F{blue}%(!.%1~.%~) ${vcs_info_msg_0_}%F{blue}%(!.#.$)%k%b%f '
|
||||||
PROMPT='%(!.%B%F{red}.%B%F{green}%n@)%m %{$reset_color%}%F{cyan}%c %B${vcs_info_msg_0_}%F{green}%(!.#.$)%k%b%f '
|
PROMPT='%(!.%B%F{red}.%B%F{green}%n@)%m %{$reset_color%}%F{cyan}%c %B${vcs_info_msg_0_}%F{green}%(!.#. )%k%b%f '
|
||||||
|
|
||||||
# PROMPT='%{$fg_bold[green]%}[%n@%m%{$reset_color%} %{$fg[cyan]%}%c%{$reset_color%}$(git_prompt_info)%{$fg_bold[green]%}]%{$reset_color%}$ '
|
# PROMPT='%{$fg_bold[green]%}[%n@%m%{$reset_color%} %{$fg[cyan]%}%c%{$reset_color%}$(git_prompt_info)%{$fg_bold[green]%}]%{$reset_color%}$ '
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue