style: update waybar style
This commit is contained in:
DACHXY
parent
69e41c6e05
commit
984bc4c5d8
27 changed files with 275 additions and 103 deletions
5
home/config/nvim/lua/plugins/yuck.lua
Normal file
5
home/config/nvim/lua/plugins/yuck.lua
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
return {
|
||||
{
|
||||
"elkowar/yuck.vim",
|
||||
},
|
||||
}
|
||||
0
home/config/scripts/getIcons.sh
Normal file → Executable file
0
home/config/scripts/getIcons.sh
Normal file → Executable file
38
home/config/scripts/rofiWifi.sh
Executable file
38
home/config/scripts/rofiWifi.sh
Executable file
|
|
@ -0,0 +1,38 @@
|
|||
#!/usr/bin/env bash
|
||||
|
||||
notify-send "Getting list of available Wi-Fi networks..."
|
||||
# Get a list of available wifi connections and morph it into a nice-looking list
|
||||
wifi_list=$(nmcli --fields "SECURITY,SSID" device wifi list | sed 1d | sed 's/ */ /g' | sed -E "s/WPA*.?\S/ /g" | sed "s/^--/ /g" | sed "s/ //g" | sed "/--/d")
|
||||
|
||||
connected=$(nmcli -fields WIFI g)
|
||||
if [[ "$connected" =~ "enabled" ]]; then
|
||||
toggle=" Disable Wi-Fi"
|
||||
elif [[ "$connected" =~ "disabled" ]]; then
|
||||
toggle=" Enable Wi-Fi"
|
||||
fi
|
||||
|
||||
# Use rofi to select wifi network
|
||||
chosen_network=$(echo -e "$toggle\n$wifi_list" | uniq -u | rofi -dmenu -i -selected-row 1 -p "Wi-Fi SSID: ")
|
||||
# Get name of connection
|
||||
chosen_id=$(echo "${chosen_network:3}" | xargs)
|
||||
|
||||
if [ "$chosen_network" = "" ]; then
|
||||
exit
|
||||
elif [ "$chosen_network" = " Enable Wi-Fi" ]; then
|
||||
nmcli radio wifi on
|
||||
elif [ "$chosen_network" = " Disable Wi-Fi" ]; then
|
||||
nmcli radio wifi off
|
||||
else
|
||||
# Message to show when connection is activated successfully
|
||||
success_message="Connected: \"$chosen_id\""
|
||||
# Get saved connections
|
||||
saved_connections=$(nmcli -g NAME connection)
|
||||
if [[ $(echo "$saved_connections" | grep -w "$chosen_id") = "$chosen_id" ]]; then
|
||||
nmcli connection up id "$chosen_id" | grep "successfully" && notify-send "Connection Established" "$success_message"
|
||||
else
|
||||
if [[ "$chosen_network" =~ "" ]]; then
|
||||
wifi_password=$(rofi -dmenu -p "Password: ")
|
||||
fi
|
||||
nmcli device wifi connect "$chosen_id" password "$wifi_password" | grep "successfully" && notify-send "Connection Established" "$success_message"
|
||||
fi
|
||||
fi
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
#!/usr/bin/env bash
|
||||
|
||||
#Restart Waybar and swaync
|
||||
XDG_CONFIG_HOME="$HOME/.dummy" # Prevent swaync use default gtk theme
|
||||
pkill -f waybar
|
||||
pkill -f swaync
|
||||
|
||||
killall .waybar-wrapped
|
||||
killall .swaync-wrapped
|
||||
waybar -c ~/.config/waybar/config.json -s ~/.config/waybar/style.css &
|
||||
|
||||
XDG_CONFIG_HOME="$HOME/.dummy" # Prevent swaync use default gtk theme
|
||||
swaync -c ~/.config/swaync/config.json -s ~/.config/swaync/style.css &
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@
|
|||
"exclusive": true,
|
||||
"passthrough": false,
|
||||
"position": "top",
|
||||
"height": 40,
|
||||
"spacing": 3,
|
||||
"fixed-center": true,
|
||||
"ipc": true,
|
||||
"margin-top": 0,
|
||||
|
|
@ -19,7 +17,13 @@
|
|||
|
||||
"modules-center": ["hyprland/window"],
|
||||
|
||||
"modules-right": ["cpu", "temperature", "wlr/taskbar", "pulseaudio"]
|
||||
"modules-right": [
|
||||
"wlr/taskbar",
|
||||
"temperature",
|
||||
"cpu",
|
||||
"memory",
|
||||
"pulseaudio"
|
||||
]
|
||||
},
|
||||
{
|
||||
"output": "eDP-1",
|
||||
|
|
@ -28,7 +32,6 @@
|
|||
"exclusive": true,
|
||||
"passthrough": false,
|
||||
"position": "top",
|
||||
"spacing": 3,
|
||||
"fixed-center": true,
|
||||
"ipc": true,
|
||||
"margin-top": 0,
|
||||
|
|
@ -36,18 +39,18 @@
|
|||
"margin-right": 0,
|
||||
"margin-bottom": 0,
|
||||
|
||||
"modules-left": ["hyprland/workspaces", "clock", "custom/cava", "mpris"],
|
||||
"modules-left": ["custom/os", "hyprland/workspaces", "clock", "custom/cava", "mpris"],
|
||||
|
||||
"modules-center": ["hyprland/window"],
|
||||
|
||||
"modules-right": [
|
||||
"wlr/taskbar",
|
||||
"cpu",
|
||||
"temperature",
|
||||
"cpu",
|
||||
"memory",
|
||||
"custom/swaync",
|
||||
"pulseaudio",
|
||||
"battery"
|
||||
"battery",
|
||||
"custom/swaync"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
|
@ -57,7 +60,6 @@
|
|||
"exclusive": true,
|
||||
"passthrough": false,
|
||||
"position": "top",
|
||||
"spacing": 3,
|
||||
"fixed-center": true,
|
||||
"ipc": true,
|
||||
"margin-top": 0,
|
||||
|
|
@ -65,17 +67,17 @@
|
|||
"margin-right": 0,
|
||||
"margin-bottom": 0,
|
||||
|
||||
"modules-left": ["hyprland/workspaces", "clock", "custom/cava", "mpris"],
|
||||
"modules-left": ["custom/os", "hyprland/workspaces", "clock", "custom/cava", "mpris"],
|
||||
|
||||
"modules-center": ["hyprland/window"],
|
||||
|
||||
"modules-right": [
|
||||
"wlr/taskbar",
|
||||
"network",
|
||||
"cpu",
|
||||
"temperature",
|
||||
"memory",
|
||||
"custom/swaync",
|
||||
"pulseaudio"
|
||||
"pulseaudio",
|
||||
"custom/swaync"
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -14,29 +14,16 @@
|
|||
"4": []
|
||||
},
|
||||
"format-icons": {
|
||||
"active": "👁️🗨️",
|
||||
"default": "🗨️"
|
||||
"active": "",
|
||||
"default": ""
|
||||
}
|
||||
},
|
||||
|
||||
"clock": {
|
||||
"interval": 1,
|
||||
"format": " 🕑 {:%H:%M} ",
|
||||
"format-alt": " 🕑 {:%H:%M 🗓️ %Y, %d %B, %A} ",
|
||||
"tooltip-format": "<tt><small>{calendar}</small></tt>",
|
||||
"calendar": {
|
||||
"mode": "year",
|
||||
"mode-mon-col": 3,
|
||||
"weeks-pos": "right",
|
||||
"on-scroll": 1,
|
||||
"format": {
|
||||
"days": "<span color='#ebdbb2'><b>{}</b></span>",
|
||||
"weeks": "<span color='#99ffdd'><b>W{}</b></span>",
|
||||
"weekdays": "<span color='#ebdbb2'><b>{}</b></span>",
|
||||
"today": "<span color='#ff6699'><b><u>{}</u></b></span>"
|
||||
}
|
||||
}
|
||||
"format": "<b> {:%H:%M %d/%m}</b>",
|
||||
"tooltip-format": "{:%A %d %B %Y}"
|
||||
},
|
||||
|
||||
"actions": {
|
||||
"on-click-right": "mode",
|
||||
"on-click-forward": "tz_up",
|
||||
|
|
@ -45,66 +32,72 @@
|
|||
"on-scroll-down": "shift_down"
|
||||
},
|
||||
|
||||
"custom/os": {
|
||||
"format": "",
|
||||
"on-click": "wlogout --protocol layer-shell"
|
||||
},
|
||||
|
||||
"cpu": {
|
||||
"format": " {usage}% 🧠 ",
|
||||
"interval": 1,
|
||||
"on-click-right": "kitty -c ~/.config/kitty/kitty.conf --title btop sh -c 'btop'"
|
||||
"format": " {usage}%",
|
||||
"max-length": 20,
|
||||
"interval": 5,
|
||||
"on-click-right": "ghostty -e btop"
|
||||
},
|
||||
|
||||
"hyprland/window": {
|
||||
"format": "{}",
|
||||
"max-length": 60,
|
||||
"max-length": 40,
|
||||
"separate-outputs": true,
|
||||
"offscreen-css": true,
|
||||
"offscreen-css-text": "(inactive)",
|
||||
"rewrite": {
|
||||
"nvim . (.*)": " $1",
|
||||
"(.*) - Visual Studio Code": " $1",
|
||||
"\\(\\d+\\) Discord (.*)": " $1",
|
||||
"(.*) - YouTube — Mozilla Firefox": " $1",
|
||||
"(.*)\\.pdf — Mozilla Firefox": " $1",
|
||||
" (.*)\\.pdf": " $1",
|
||||
"(.*) — Mozilla Firefox": " $1",
|
||||
"(.*) - VLC media player": " $1",
|
||||
"(.*) - YouTube Music — Mozilla Firefox": " $1",
|
||||
"(.*) - YouTube Music — Mozilla Firefox": " $1"
|
||||
}
|
||||
},
|
||||
|
||||
"memory": {
|
||||
"interval": 10,
|
||||
"format": " {percentage}% 📊 ",
|
||||
"interval": 30,
|
||||
"format": " {used:0.1f}GB/{total:0.1f}G",
|
||||
"format-alt-click": "click",
|
||||
"tooltip": true,
|
||||
"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
|
||||
"on-click-right": "kitty -c ~/.config/kitty/kitty.conf --title btop sh -c 'btop'"
|
||||
"on-click-right": "ghostty -e btop"
|
||||
},
|
||||
|
||||
"mpris": {
|
||||
"interval": 10,
|
||||
"format": " {title} ",
|
||||
"format-paused": " {title} {status_icon} ",
|
||||
"format": " {status_icon} <i>{title} | {artist} </i>",
|
||||
"format-paused": " {status_icon} <i>{title} | {artist} </i>",
|
||||
"on-click": "playerctl play-pause",
|
||||
"on-click-right": "playerctl next",
|
||||
"scroll-step": 5.0,
|
||||
"smooth-scrolling-threshold": 1,
|
||||
"status-icons": {
|
||||
"paused": "",
|
||||
"playing": "🎶",
|
||||
"playing": "",
|
||||
"stopped": ""
|
||||
},
|
||||
"max-length": 30
|
||||
},
|
||||
|
||||
"pulseaudio": {
|
||||
"format": " {volume}% {icon} ",
|
||||
"format-bluetooth": " {volume}% {icon} ",
|
||||
"format-muted": "🔇",
|
||||
"format": "{icon} {volume}%",
|
||||
"format-bluetooth": " {volume}%",
|
||||
"format-muted": " Muted",
|
||||
"format-icons": {
|
||||
"headphone": "🔈",
|
||||
"hands-free": "🔈",
|
||||
"headset": "🔈",
|
||||
"phone": "🔈",
|
||||
"portable": "🔈",
|
||||
"car": "🔈",
|
||||
"default": ["🔈", "🔈", "🔈", "🔈"],
|
||||
"default": [
|
||||
"",
|
||||
"",
|
||||
" ",
|
||||
" "
|
||||
],
|
||||
"ignored-sinks": ["Easy Effects Sink"]
|
||||
},
|
||||
"scroll-step": 5.0,
|
||||
|
|
@ -121,24 +114,24 @@
|
|||
"/sys/class/thermal/thermal_zone0/temp"
|
||||
],
|
||||
"critical-threshold": 82,
|
||||
"format-critical": "{temperatureC}°C {icon}",
|
||||
"format": " {temperatureC}°C {icon} ",
|
||||
"format-icons": ["🔥"],
|
||||
"format-critical": " {temperatureC}°C",
|
||||
"format": "{icon} {temperatureC}°C",
|
||||
"format-icons": ["", "", "", ""],
|
||||
"on-click-right": "kitty -c ~/.config/kitty/kitty.conf --title btop sh -c 'btop'"
|
||||
},
|
||||
|
||||
"custom/swaync": {
|
||||
"tooltip": true,
|
||||
"format": " {} {icon} ",
|
||||
"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": "🔕"
|
||||
"notification": "",
|
||||
"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",
|
||||
|
|
@ -164,14 +157,15 @@
|
|||
"Spotify",
|
||||
"nemo",
|
||||
"vlc",
|
||||
"com.mitchellh.ghostty"
|
||||
"com.mitchellh.ghostty",
|
||||
"code"
|
||||
]
|
||||
},
|
||||
|
||||
"custom/cava": {
|
||||
"exec": "~/.config/scripts/waybarCava.sh",
|
||||
"format": "{}",
|
||||
"on-click": "kitty -c ~/.config/kitty/kitty.conf nvim -c cd ~/.config/"
|
||||
"on-click": "ghostty -e cava"
|
||||
},
|
||||
|
||||
"battery": {
|
||||
|
|
@ -186,5 +180,19 @@
|
|||
"format-charging": "<span color='#ebdbb2'>{capacity}%</span> ",
|
||||
"format-plugged": "<span color='#ebdbb2'>{capacity}%</span> ",
|
||||
"format-alt": "<span color='#ebdbb2'>{time}</span> {icon}"
|
||||
},
|
||||
|
||||
"network" : {
|
||||
"format": "{ifname}",
|
||||
"format-wifi": " {essid} {bandwidthTotalBytes}",
|
||||
"format-ethernet": " Ethernet {bandwidthTotalBytes}",
|
||||
"format-disconnected": " ",
|
||||
"tooltip-format": "{ifname} via {gwaddr} ",
|
||||
"tooltip-format-wifi": " Signal Strength: {signalStrength}%",
|
||||
"tooltip-format-ethernet": " Signal Strength: {signalStrength}%",
|
||||
"tooltip-format-disconnected": "Disconnected",
|
||||
"max-length": 50,
|
||||
"interval": 5,
|
||||
"on-click": "~/.config/scripts/rofiWifi.sh"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
@define-color main #ebdbb2;
|
||||
|
||||
* {
|
||||
font-family: "JetBrainsMonoNerdFontMono";
|
||||
font-weight: bold;
|
||||
min-height: 0;
|
||||
font-size: 102%;
|
||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
|
||||
padding: 1px;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
|
|
@ -28,13 +31,13 @@ window#waybar.empty #window {
|
|||
}
|
||||
|
||||
tooltip {
|
||||
opacity: 1;
|
||||
background: alpha(#fff, 0.05);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
tooltip label {
|
||||
padding: 10px;
|
||||
color: #ebdbb2;
|
||||
color: @main;
|
||||
}
|
||||
|
||||
#custom-cava,
|
||||
|
|
@ -46,14 +49,57 @@ tooltip label {
|
|||
#pulseaudio,
|
||||
#temperature,
|
||||
#workspaces,
|
||||
#custom-menu,
|
||||
#custom-os,
|
||||
#custom-swaync {
|
||||
border-radius: 10px;
|
||||
color: #ebdbb2;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
background: alpha(#fff, 0.05);
|
||||
border-radius: 6px;
|
||||
color: @main;
|
||||
font-weight: 600;
|
||||
padding: 2.5px 12px;
|
||||
margin: 4px 0 4px 0;
|
||||
border: 1px solid alpha(#fff, 0.05);
|
||||
}
|
||||
|
||||
|
||||
#custom-os,
|
||||
#workspaces,
|
||||
#clock,
|
||||
#custom-cava,
|
||||
#mpris {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#custom-swaync,
|
||||
#pulseaudio,
|
||||
#cpu,
|
||||
#memory
|
||||
#temperature,
|
||||
#network {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#cpu {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
padding-right: 0;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
#memory {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-left: 0;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
#clock {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#custom-swaync {
|
||||
margin-right: 10px;
|
||||
margin-right: 10px;
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
#battery {
|
||||
|
|
@ -65,7 +111,7 @@ tooltip label {
|
|||
}
|
||||
|
||||
#window {
|
||||
color: #ebdbb2;
|
||||
color: @main;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
padding-right: 6px;
|
||||
|
|
@ -73,15 +119,34 @@ tooltip label {
|
|||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#workspaces {
|
||||
font-weight: Bold;
|
||||
padding-left: 3.5px;
|
||||
padding-right: 3.5px;
|
||||
}
|
||||
|
||||
#custom-os {
|
||||
margin-left: 10px;
|
||||
padding-left: 10px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
margin: 1px;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
border-radius: 12px;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
background-color: #ebdbb2;
|
||||
color: #282828;
|
||||
padding-left: 4px;
|
||||
padding-right: 9px;
|
||||
color: @main;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background-color: alpha(@main, 0.3);
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
#temperature.critical {
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
1
home/config/wlogout/icons/hibernate.svg
Normal file
1
home/config/wlogout/icons/hibernate.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-stop-circle"><circle cx="12" cy="12" r="10"></circle><rect x="9" y="9" width="6" height="6"></rect></svg>
|
||||
|
After Width: | Height: | Size: 307 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
1
home/config/wlogout/icons/lock.svg
Normal file
1
home/config/wlogout/icons/lock.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
|
||||
|
After Width: | Height: | Size: 319 B |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
1
home/config/wlogout/icons/logout.svg
Normal file
1
home/config/wlogout/icons/logout.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
|
||||
|
After Width: | Height: | Size: 365 B |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
1
home/config/wlogout/icons/reboot.svg
Normal file
1
home/config/wlogout/icons/reboot.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
|
||||
|
After Width: | Height: | Size: 398 B |
Binary file not shown.
|
Before Width: | Height: | Size: 9.5 KiB |
1
home/config/wlogout/icons/shutdown.svg
Normal file
1
home/config/wlogout/icons/shutdown.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg>
|
||||
|
After Width: | Height: | Size: 306 B |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
1
home/config/wlogout/icons/suspend.svg
Normal file
1
home/config/wlogout/icons/suspend.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 24 24" fill="none" stroke="#ebdbb2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause-circle"><circle cx="12" cy="12" r="10"></circle><line x1="10" y1="15" x2="10" y2="9"></line><line x1="14" y1="15" x2="14" y2="9"></line></svg>
|
||||
|
After Width: | Height: | Size: 350 B |
|
|
@ -1,15 +1,18 @@
|
|||
@define-color main #ebdbb2;
|
||||
|
||||
* {
|
||||
background-image: none;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
window {
|
||||
background-color: rgba(36, 39, 58, 0.9);
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 8px;
|
||||
color: #cad3f5;
|
||||
background-color: #363a4f;
|
||||
color: @main;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -20,31 +23,44 @@ button {
|
|||
button:active,
|
||||
button:focus,
|
||||
button:hover {
|
||||
color: #8bd5ca;
|
||||
background-color: #24273a;
|
||||
color: @main;
|
||||
background-color: alpha(@main, 0.4);
|
||||
outline-style: none;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
#lock,
|
||||
#logout,
|
||||
#suspend,
|
||||
#hibernate,
|
||||
#shutdown,
|
||||
#reboot {
|
||||
background-position: center center;
|
||||
background-size: 250px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#lock {
|
||||
background-image: image(url("icons/lock.png"));
|
||||
background-image: url("icons/lock.svg");
|
||||
}
|
||||
|
||||
#logout {
|
||||
background-image: image(url("icons/logout.png"));
|
||||
background-image: url("icons/logout.svg");
|
||||
}
|
||||
|
||||
#suspend {
|
||||
background-image: image(url("icons/suspend.png"));
|
||||
background-image: url("icons/suspend.svg");
|
||||
}
|
||||
|
||||
#hibernate {
|
||||
background-image: image(url("icons/hibernate.png"));
|
||||
background-image: url("icons/hibernate.svg");
|
||||
}
|
||||
|
||||
#shutdown {
|
||||
background-image: image(url("icons/shutdown.png"));
|
||||
background-image: url("icons/shutdown.svg");
|
||||
}
|
||||
|
||||
#reboot {
|
||||
background-image: image(url("icons/reboot.png"));
|
||||
background-image: url("icons/reboot.svg");
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue