commit 6ce5547111ed2587884782c444261f1f2cd4ac92 · hailey.at/dotfiles

+8 -5

sway/config

···

       3
       3
        
       set $files thunar

     

       4
       4
        
       set $scripts ~/.config/sway/scripts

     

       5
       5
        
       set $userscripts ~/.config/sway/userscripts

     

       6
       6
       -
       set $uifont "Ubuntu 13"

     

       7
       7
       -
       set $prompt #18b218

     

       8
       8
       -
       set $menu bemenu-run --fn $uifont -b -p "▶" --tf "$prompt" --hf "$highlight" --sf "$highlight" --scf "$highlight" | xargs swaymsg exec

     

       6
       6
       +
       set $uifont "Ubuntu 15"

     

       7
       7
       +
       set $menu bemenu-run --fn $uifont -b -p "▶" --tf "$highlight" --hf "$highlight" --sf "$highlight" --scf "$highlight" -l "10 up" | xargs swaymsg exec

     

       9
       8
        
       

     

       10
       10
       -
       set $highlight #3daee9

     

       9
       9
       +
       set $highlight #b21858

     

       11
       10
        
       

     

       12
       11
        
       set $lock swaylock -f -i $wallpaper -s fill

     

       13
       12
        
       set $lock swaylock --clock --indicator --effect-scale 0.4 --effect-vignette 0.5:0.5 --effect-blur 4x2 --datestr "" --timestr "%k:%M" -i $wallpaper -s fill --effect-greyscale

     
···

       16
       15
        
       exec /usr/lib/xdg-desktop-portal --replace

     

       17
       16
        
       exec waybar

     

       18
       17
        
       # exec kdeconnect-indicator

     

       19
       19
       -
       exec mako

     

       18
       18
       +
       exec swaync 

     

       20
       19
        
       exec easyeffects --gapplication-service

     

       20
       20
       +
       

     

       21
       21
       +
       exec nm-applet --indicator

     

       22
       22
       +
       

     

       23
       23
       +
       exec blueman-applet

     

       21
       24
        
       

     

       22
       25
        
       output * adaptive_sync off

     

       23
       26

sway/config.d/keybinds

···

       1
       1
        
       bindsym $mod+t exec thunar

     

       2
       2
       +
       bindsym $mod+Shift+n exec swaync-client -t -sw

+8 -8

swaylock/config

···

       3
       3
        
       show-failed-attempts

     

       4
       4
        
       ignore-empty-password

     

       5
       5
        
       

     

       6
       6
       -
       # Simple solid color background for performance

     

       7
       7
       -
       # No blur, no image processing

     

       8
       8
       -
       color=1a1b26

     

       6
       6
       +
       # # Simple solid color background for performance

     

       7
       7
       +
       # # No blur, no image processing

     

       8
       8
       +
       # color=1a1b26

     

       9
       9
        
       

     

       10
       10
        
       # Disable fancy effects

     

       11
       11
       -
       screenshots=false

     

       12
       12
       -
       effect-blur=0x0

     

       13
       13
       -
       effect-pixelate=0

     

       11
       11
       +
       screenshots=true

     

       12
       12
       +
       # effect-blur=0x0

     

       13
       13
       +
       # effect-pixelate=0

     

       14
       14
        
       

     

       15
       15
        
       # Ring colors

     

       16
       16
        
       inside-color=1a1b26ff

     
···

       19
       19
        
       inside-ver-color=1a1b26ff

     

       20
       20
        
       inside-wrong-color=1a1b26ff

     

       21
       21
        
       

     

       22
       22
       -
       ring-color=7aa2f7ff

     

       22
       22
       +
       ring-color=7aa2f7ff  b21858

     

       23
       23
        
       ring-clear-color=a9b1d6ff

     

       24
       24
        
       ring-caps-lock-color=ff9e64ff

     

       25
       25
        
       ring-ver-color=7aa2f7ff

     
···

       43
       43
        
       

     

       44
       44
        
       # Font

     

       45
       45
        
       font=JetBrains Mono

     

       46
       46
       -
       font-size=24

     

       46
       46
       +
       font-size=20

     

       47
       47
        
       

     

       48
       48
        
       # Layout

     

       49
       49
        
       indicator-x=50

+36 -50

swaync/config.json

···

       1
       1
        
       {

     

       2
       2
       -
         	"$schema": "/etc/xdg/swaync/configSchema.json",

     

       3
       3
       -
         	"positionX": "center",

     

       4
       4
       -
         	"positionY": "top",

     

       5
       5
       -
         	"layer": "overlay",

     

       6
       6
       -
         	"control-center-layer": "top",

     

       7
       7
       -
         	"layer-shell": true,

     

       8
       8
       -
        	"cssPriority": "application",

     

       9
       9
       -
           "control-center-margin-top": 5,

     

       10
       10
       -
           "control-center-margin-bottom": 0,

     

       11
       11
       -
           "control-center-margin-right": 0,

     

       12
       12
       -
           "control-center-margin-left": 0,

     

       13
       13
       -
         	"notification-2fa-action": true,

     

       14
       14
       -
         	"notification-inline-replies": false,

     

       15
       15
       -
           "notification-icon-size": 24,

     

       2
       2
       +
        

     

       3
       3
       +
           "$schema": "/etc/xdg/swaync/configSchema.json",

     

       4
       4
       +
           "positionX": "right",

     

       5
       5
       +
           "positionY": "top",

     

       6
       6
       +
       	"layer": "overlay",

     

       7
       7
       +
           "control-center-margin-top": 10,

     

       8
       8
       +
           "control-center-margin-bottom": 10,

     

       9
       9
       +
           "control-center-margin-right": 10,

     

       10
       10
       +
           "control-center-margin-left": 10,

     

       11
       11
       +
           "notification-icon-size": 64,

     

       16
       12
        
           "notification-body-image-height": 100,

     

       17
       13
        
           "notification-body-image-width": 200,

     

       18
       18
       -
           "timeout": 6,

     

       19
       19
       -
           "timeout-low": 3,

     

       14
       14
       +
           "timeout": 3,

     

       15
       15
       +
           "timeout-low": 2,

     

       20
       16
        
           "timeout-critical": 0,

     

       21
       17
        
           "fit-to-screen": false,

     

       22
       22
       -
           "control-center-width": 400,

     

       23
       23
       -
           "control-center-height": 720,

     

       24
       24
       -
           "notification-window-width": 400,

     

       18
       18
       +
           "control-center-width": 500,

     

       19
       19
       +
           "control-center-height": 1025,

     

       20
       20
       +
           "notification-window-width": 440,

     

       25
       21
        
           "keyboard-shortcuts": true,

     

       26
       26
       -
           "image-visibility": "when available",

     

       22
       22
       +
           "image-visibility": "when-available",

     

       27
       23
        
           "transition-time": 200,

     

       28
       28
       -
           "hide-on-clear": false,

     

       24
       24
       +
           "hide-on-clear": true,

     

       29
       25
        
           "hide-on-action": true,

     

       30
       26
        
           "script-fail-notify": true,

     

       31
       27
        
           "widgets": [

     

       32
       32
       -
              	"dnd",

     

       33
       33
       -
               "buttons-grid",

     

       34
       34
       -
       		"mpris",

     

       35
       35
       -
           	"volume", 

     

       36
       36
       -
          	 	"backlight",

     

       37
       28
        
               "title",

     

       38
       38
       -
               "notifications"

     

       29
       29
       +
               "dnd",

     

       30
       30
       +
               "notifications",

     

       31
       31
       +
       		"mpris",

     

       32
       32
       +
       		"volume",

     

       33
       33
       +
               "buttons-grid"

     

       39
       34
        
           ],

     

       40
       35
        
           "widget-config": {

     

       41
       36
        
               "title": {

     

       42
       42
       -
                   "text": "Notifications",

     

       37
       37
       +
                   "text": "Notification Center",

     

       43
       38
        
                   "clear-all-button": true,

     

       44
       44
       -
                   "button-text": "Clear"

     

       39
       39
       +
                   "button-text": "󰆴 Clear All"

     

       45
       40
        
               },

     

       46
       41
        
               "dnd": {

     

       47
       42
        
                   "text": "Do Not Disturb"

     

       48
       43
        
               },

     

       49
       44
        
               "label": {

     

       50
       45
        
                   "max-lines": 1,

     

       51
       51
       -
                   "text": "Notification"

     

       46
       46
       +
                   "text": "Notification Center"

     

       52
       47
        
               },

     

       53
       48
        
               "mpris": {

     

       54
       54
       -
                   "image-size": 10,

     

       55
       55
       -
                   "image-radius": 0

     

       49
       49
       +
                   "image-size": 96,

     

       50
       50
       +
                   "image-radius": 7

     

       56
       51
        
               },

     

       57
       52
        
               "volume": {

     

       58
       58
       -
                   "label": "󰕾"

     

       59
       59
       -
               },

     

       60
       60
       -
               "backlight": {

     

       61
       61
       -
                   "label": "󰃟"

     

       53
       53
       +
                   "label": "󰕾",

     

       54
       54
       +
       			"show-per-app": true

     

       62
       55
        
               },

     

       63
       56
        
               "buttons-grid": {

     

       64
       57
        
                   "actions": [

     

       65
       58
        
                       {

     

       66
       59
        
                           "label": "󰐥",

     

       67
       67
       -
                           "command": "bash -c $HOME/.config/hypr/scripts/Wlogout.sh"

     

       60
       60
       +
                           "command": "systemctl poweroff"

     

       68
       61
        
                       },

     

       69
       62
        
                       {

     

       70
       70
       -
                           "label": "󰌾",

     

       71
       71
       -
                           "command": "bash -c $HOME/.config/hypr/scripts/LockScreen.sh"

     

       63
       63
       +
                           "label": "󰜉",

     

       64
       64
       +
                           "command": "systemctl reboot"

     

       72
       65
        
                       },

     

       73
       66
        
                       {

     

       74
       74
       -
                           "label": "󰍃",

     

       75
       75
       -
                           "command": "hyprctl dispatch exit"

     

       76
       76
       -
                       },

     

       77
       77
       -
                       {

     

       78
       78
       -
                           "label": "󰀝",

     

       79
       79
       -
                           "command": "bash -c $HOME/.config/hypr/scripts/AirplaneMode.sh"

     

       80
       80
       -
                       },

     

       81
       81
       -
                       {

     

       82
       82
       -
                           "label": "󰝟",

     

       83
       83
       -
                           "command": "pactl set-sink-mute @DEFAULT_SINK@ toggle"

     

       67
       67
       +
                           "label": "󰤄",

     

       68
       68
       +
                           "command": "systemctl suspend"

     

       84
       69
        
                       },

     

       85
       70
        
                       {

     

       86
       71
        
                           "label": "󰂯",

     
···

       89
       74
        
                   ]

     

       90
       75
        
               }

     

       91
       76
        
           }

     

       92
       92
       -
       }
     

       77
       77
       +
       }

     

       78
       78
       +

+126 -249

swaync/style.css

···

       1
       1
       -
       /* ----------- 💫 https://github.com/JaKooLit 💫 -------- */

     

       2
       2
       -
       /* swaync colors - wallust from waybar.css */

     

       3
       3
       -
       

     

       4
       4
       -
       @import '../../.config/waybar/wallust/colors-waybar.css';

     

       1
       1
       +
       @define-color cc-bg #32302f;

     

       2
       2
       +
       @define-color noti-border-color #32302f;

     

       3
       3
       +
       @define-color noti-bg #3c3836;

     

       4
       4
       +
       @define-color noti-bg-darker #3c3836;

     

       5
       5
       +
       @define-color noti-bg-hover rgb(27, 27, 43);

     

       6
       6
       +
       @define-color noti-bg-focus rgba(27, 27, 27, 0.6);

     

       7
       7
       +
       @define-color text-color #f9f5d7;

     

       8
       8
       +
       @define-color text-color-disabled #bdae93;

     

       9
       9
       +
       @define-color bg-selected #fabd2f;

     

       5
       10
        
       

     

       6
       6
       -
       @define-color noti-border-color @color12;

     

       7
       7
       -
       @define-color noti-bg rgba(0, 0, 0, 0.8);

     

       8
       8
       -
       @define-color noti-bg-alt #111111;

     

       9
       9
       -
       @define-color noti-bg-hover @color9;

     

       10
       10
       -
       @define-color text-color @foreground;

     

       11
       11
       -
       @define-color text-color-alt @foreground;

     

       12
       12
       -
       @define-color text-color-disabled rgba(150, 150, 150, 0.8);

     

       13
       11
        
       * {

     

       14
       14
       -
           font-family: "JetBrains Mono Nerd Font";

     

       15
       15
       -
           font-weight: bold;

     

       12
       12
       +
         font-family: JetBrainsMono NFP;

     

       13
       13
       +
         font-weight: bold;

     

       14
       14
       +
         font-size: 14px;

     

       16
       15
        
       }

     

       17
       16
        
       

     

       18
       17
        
       .control-center .notification-row:focus,

     

       19
       18
        
       .control-center .notification-row:hover {

     

       20
       20
       -
           opacity: 1;

     

       21
       21
       -
           background: @noti-bg;

     

       22
       22
       -
           border-radius: 10px

     

       19
       19
       +
         opacity: 1;

     

       20
       20
       +
         background: @noti-bg-darker;

     

       23
       21
        
       }

     

       24
       22
        
       

     

       25
       23
        
       .notification-row {

     

       26
       26
       -
           outline: none;

     

       27
       27
       -
           margin: 0px;

     

       24
       24
       +
         outline: none;

     

       25
       25
       +
         margin: 20px;

     

       26
       26
       +
         padding: 0;

     

       28
       27
        
       }

     

       29
       28
        
       

     

       30
       29
        
       .notification {

     

       31
       31
       -
       	border-radius: 10px;

     

       32
       32
       -
       }

     

       33
       33
       -
       

     

       34
       34
       -
       .notification-content{

     

       35
       35
       -
       	color: @text-color;

     

       36
       36
       -
           background: @noti-bg;

     

       37
       37
       -
           padding: 3px 10px 3px 6px;

     

       38
       38
       -
           border-radius: 10px;

     

       39
       39
       -
           border: 1px solid @noti-border-color;

     

       40
       40
       -
           margin: 0px;

     

       30
       30
       +
         background: transparent;

     

       31
       31
       +
         margin: 0px;

     

       41
       32
        
       }

     

       42
       33
        
       

     

       43
       43
       -
       .notification-default-action {

     

       44
       44
       -
           margin: 0;

     

       45
       45
       -
           padding: 0;

     

       46
       46
       -
           border-radius: 10px;

     

       34
       34
       +
       .notification-content {

     

       35
       35
       +
         background: @cc-bg;

     

       36
       36
       +
         padding: 7px;

     

       37
       37
       +
         border-radius: 0px;

     

       38
       38
       +
         border: 2px solid #85796f;

     

       39
       39
       +
         margin: 0;

     

       47
       40
        
       }

     

       48
       41
        
       

     

       49
       42
        
       .close-button {

     

       50
       50
       -
           background: #f7768e;

     

       51
       51
       -
           color: @noti-bg;

     

       52
       52
       -
           text-shadow: none;

     

       53
       53
       -
           padding: 0;

     

       54
       54
       -
           border-radius: 10px;

     

       55
       55
       -
           margin-top: 5px;

     

       56
       56
       -
           margin-right: 5px;

     

       43
       43
       +
         background: #d79921;

     

       44
       44
       +
         color: @cc-bg;

     

       45
       45
       +
         text-shadow: none;

     

       46
       46
       +
         padding: 0;

     

       47
       47
       +
         border-radius: 0px;

     

       48
       48
       +
         margin-top: 5px;

     

       49
       49
       +
         margin-right: 5px;

     

       57
       50
        
       }

     

       58
       51
        
       

     

       59
       52
        
       .close-button:hover {

     

       60
       60
       -
           box-shadow: none;

     

       61
       61
       -
           background: #f7768e;

     

       62
       62
       -
           transition: all .15s ease-in-out;

     

       63
       63
       -
           border: none

     

       53
       53
       +
         box-shadow: none;

     

       54
       54
       +
         background: #fabd2f;

     

       55
       55
       +
         transition: all 0.15s ease-in-out;

     

       56
       56
       +
         border: none;

     

       64
       57
        
       }

     

       65
       65
       -
       

     

       66
       58
        
       

     

       67
       59
        
       .notification-action {

     

       68
       68
       -
           border: 1px solid @noti-border-color;

     

       69
       69
       -
           border-top: none;

     

       70
       70
       -
           border-radius: 10px;

     

       60
       60
       +
         color: #ebdbb2;

     

       61
       61
       +
         border: 2px solid #85796f;

     

       62
       62
       +
         border-top: none;

     

       63
       63
       +
         border-radius: 0px;

     

       64
       64
       +
         background: #32302f;

     

       71
       65
        
       }

     

       72
       72
       -
       

     

       73
       66
        
       

     

       74
       67
        
       .notification-default-action:hover,

     

       75
       68
        
       .notification-action:hover {

     

       76
       76
       -
           color: @text-color;

     

       77
       77
       -
           background: @color1

     

       78
       78
       -
       }

     

       79
       79
       -
       

     

       80
       80
       -
       .notification-default-action {

     

       81
       81
       -
           border-radius: 10px;

     

       82
       82
       -
           margin: 5px;

     

       83
       83
       -
       }

     

       84
       84
       -
       

     

       85
       85
       -
       .notification-default-action:not(:only-child) {

     

       86
       86
       -
           border-bottom-left-radius: 7px;

     

       87
       87
       -
           border-bottom-right-radius: 7px

     

       88
       88
       -
       }

     

       89
       89
       -
       

     

       90
       90
       -
       .notification-action:first-child {

     

       91
       91
       -
           border-bottom-left-radius: 10px;

     

       92
       92
       -
           background: @noti-bg

     

       93
       93
       -
       }

     

       94
       94
       -
       

     

       95
       95
       -
       .notification-action:last-child {

     

       96
       96
       -
           border-bottom-right-radius: 10px;

     

       97
       97
       -
           background: @noti-bg-alt

     

       98
       98
       -
       }

     

       99
       99
       -
       

     

       100
       100
       -
       .inline-reply {

     

       101
       101
       -
           margin-top: 8px

     

       102
       102
       -
       }

     

       103
       103
       -
       

     

       104
       104
       -
       .inline-reply-entry {

     

       105
       105
       -
           background: @noti-bg;

     

       106
       106
       -
           color: @text-color;

     

       107
       107
       -
           caret-color: @text-color;

     

       108
       108
       -
           border: 1px solid @noti-border-color;

     

       109
       109
       -
           border-radius: 10px

     

       110
       110
       -
       }

     

       111
       111
       -
       

     

       112
       112
       -
       .inline-reply-button {

     

       113
       113
       -
       	font-size: 0.5rem;

     

       114
       114
       -
           margin-left: 4px;

     

       115
       115
       -
           background: @noti-bg;

     

       116
       116
       -
           border: 1px solid @noti-border-color;

     

       117
       117
       -
           border-radius: 10px;

     

       118
       118
       -
           color: @text-color

     

       119
       119
       -
       }

     

       120
       120
       -
       

     

       121
       121
       -
       .inline-reply-button:disabled {

     

       122
       122
       -
           background: initial;

     

       123
       123
       -
           color: @text-color-disabled;

     

       124
       124
       -
           border: 1px solid transparent

     

       125
       125
       -
       }

     

       126
       126
       -
       

     

       127
       127
       -
       .inline-reply-button:hover {

     

       128
       128
       -
           background: @noti-bg-hover

     

       129
       129
       -
       }

     

       130
       130
       -
       

     

       131
       131
       -
       .body-image {

     

       132
       132
       -
           margin-top: 6px;

     

       133
       133
       -
           color: @text-color-alt;

     

       134
       134
       -
           border-radius: 10px

     

       69
       69
       +
         color: #ebdbb2;

     

       70
       70
       +
         background: #32302f;

     

       135
       71
        
       }

     

       136
       72
        
       

     

       137
       73
        
       .summary {

     

       138
       138
       -
           font-size: 1rem;

     

       139
       139
       -
           font-weight: bold;

     

       140
       140
       -
           background: transparent;

     

       141
       141
       -
           color: @text-color-alt;

     

       142
       142
       -
           text-shadow: none

     

       74
       74
       +
         padding-top: 7px;

     

       75
       75
       +
         font-size: 13px;

     

       76
       76
       +
         color: #ebdbb2;

     

       143
       77
        
       }

     

       144
       78
        
       

     

       145
       79
        
       .time {

     

       146
       146
       -
           font-size: 1rem;

     

       147
       147
       -
           font-weight: bold;

     

       148
       148
       -
           background: transparent;

     

       149
       149
       -
           color: @text-color;

     

       150
       150
       -
           text-shadow: none;

     

       151
       151
       -
           margin-right: 18px

     

       80
       80
       +
         font-size: 11px;

     

       81
       81
       +
         color: #d79921;

     

       82
       82
       +
         margin-right: 24px;

     

       152
       83
        
       }

     

       153
       84
        
       

     

       154
       85
        
       .body {

     

       155
       155
       -
           font-size: 1rem;

     

       156
       156
       -
           font-weight: bold;

     

       157
       157
       -
           background: transparent;

     

       158
       158
       -
           color: @text-color;

     

       159
       159
       -
           text-shadow: none

     

       86
       86
       +
         font-size: 12px;

     

       87
       87
       +
         color: #ebdbb2;

     

       160
       88
        
       }

     

       161
       89
        
       

     

       162
       90
        
       .control-center {

     

       163
       163
       -
           background: @noti-bg;

     

       164
       164
       -
           border: 1.5px solid @noti-border-color;

     

       165
       165
       -
       	color: @text-color;

     

       166
       166
       -
           border-radius: 10px;

     

       91
       91
       +
         background: @cc-bg;

     

       92
       92
       +
         border: 2px solid #85796f;

     

       93
       93
       +
         border-radius: 0px;

     

       167
       94
        
       }

     

       168
       95
        
       

     

       169
       96
        
       .control-center-list {

     

       170
       170
       -
           background: transparent

     

       97
       97
       +
         background: transparent;

     

       171
       98
        
       }

     

       172
       99
        
       

     

       173
       100
        
       .control-center-list-placeholder {

     

       174
       174
       -
           opacity: 0.5

     

       101
       101
       +
         opacity: 0.5;

     

       175
       102
        
       }

     

       176
       103
        
       

     

       177
       104
        
       .floating-notifications {

     

       178
       178
       -
           background: transparent;

     

       105
       105
       +
         background: transparent;

     

       179
       106
        
       }

     

       180
       107
        
       

     

       181
       108
        
       .blank-window {

     

       182
       182
       -
           background: alpha(black, 0.1)

     

       109
       109
       +
         background: alpha(black, 0.1);

     

       183
       110
        
       }

     

       184
       111
        
       

     

       185
       112
        
       .widget-title {

     

       186
       186
       -
           color: @noti-border-color;

     

       187
       187
       -
           background: @noti-bg-alt;

     

       188
       188
       -
           padding: 3px 6px;

     

       189
       189
       -
           margin: 5px;

     

       190
       190
       -
           font-size: 1rem;

     

       191
       191
       -
           border-radius: 10px;

     

       113
       113
       +
         color: #f9f5d7;

     

       114
       114
       +
         background: @noti-bg-darker;

     

       115
       115
       +
         padding: 5px 10px;

     

       116
       116
       +
         margin: 10px 10px 5px 10px;

     

       117
       117
       +
         font-size: 1.5rem;

     

       118
       118
       +
         border-radius: 5px;

     

       192
       119
        
       }

     

       193
       120
        
       

     

       194
       194
       -
       .widget-title>button {

     

       195
       195
       -
           font-size: 0.75rem;

     

       196
       196
       -
           color: @text-color;

     

       197
       197
       -
           border-radius: 10px;

     

       198
       198
       -
       	background: transparent;

     

       199
       199
       -
       	border: 0.5px solid @noti-border-color;

     

       121
       121
       +
       .widget-title > button {

     

       122
       122
       +
         font-size: 1rem;

     

       123
       123
       +
         color: @text-color;

     

       124
       124
       +
         text-shadow: none;

     

       125
       125
       +
         background: @noti-bg;

     

       126
       126
       +
         box-shadow: none;

     

       127
       127
       +
         border-radius: 5px;

     

       200
       128
        
       }

     

       201
       129
        
       

     

       202
       202
       -
       .widget-title>button:hover {

     

       203
       203
       -
           background: #f7768e;

     

       204
       204
       -
           color: @noti-border-color;

     

       130
       130
       +
       .widget-title > button:hover {

     

       131
       131
       +
         background: #d79921;

     

       132
       132
       +
         color: @cc-bg;

     

       205
       133
        
       }

     

       206
       134
        
       

     

       207
       135
        
       .widget-dnd {

     

       208
       208
       -
           background: @noti-bg-alt;

     

       209
       209
       -
           padding: 3px 6px;

     

       210
       210
       -
           margin: 5px;

     

       211
       211
       -
           border-radius: 10px;

     

       212
       212
       -
           font-size: 1rem;

     

       213
       213
       -
           color: @noti-border-color;

     

       136
       136
       +
         background: @noti-bg-darker;

     

       137
       137
       +
         padding: 5px 10px;

     

       138
       138
       +
         margin: 5px 10px 10px 10px;

     

       139
       139
       +
         border-radius: 5px;

     

       140
       140
       +
         font-size: large;

     

       141
       141
       +
         color: #f2e5bc;

     

       214
       142
        
       }

     

       215
       143
        
       

     

       216
       216
       -
       .widget-dnd>switch {

     

       217
       217
       -
           border-radius: 10px;

     

       218
       218
       -
           /* border: 1px solid #7aa2f7; */

     

       219
       219
       -
           background: @noti-border-color;

     

       144
       144
       +
       .widget-dnd > switch {

     

       145
       145
       +
         border-radius: 4px;

     

       146
       146
       +
         background: #665c54;

     

       220
       147
        
       }

     

       221
       148
        
       

     

       222
       222
       -
       .widget-dnd>switch:checked {

     

       223
       223
       -
           background: #f7768e;

     

       224
       224
       -
           border: 1px solid #f7768e;

     

       149
       149
       +
       .widget-dnd > switch:checked {

     

       150
       150
       +
         background: #d79921;

     

       151
       151
       +
         border: 1px solid #d79921;

     

       225
       152
        
       }

     

       226
       153
        
       

     

       227
       227
       -
       .widget-dnd>switch slider {

     

       228
       228
       -
           background: @noti-bg;

     

       229
       229
       -
           border-radius: 10px

     

       154
       154
       +
       .widget-dnd > switch slider {

     

       155
       155
       +
         background: @cc-bg;

     

       156
       156
       +
         border-radius: 5px;

     

       230
       157
        
       }

     

       231
       158
        
       

     

       232
       232
       -
       .widget-dnd>switch:checked slider {

     

       233
       233
       -
           background: @noti-bg;

     

       234
       234
       -
           border-radius: 10px

     

       159
       159
       +
       .widget-dnd > switch:checked slider {

     

       160
       160
       +
         background: @cc-bg;

     

       161
       161
       +
         border-radius: 5px;

     

       235
       162
        
       }

     

       236
       163
        
       

     

       237
       164
        
       .widget-label {

     

       238
       238
       -
           margin: 5px;

     

       165
       165
       +
         margin: 10px 10px 5px 10px;

     

       239
       166
        
       }

     

       240
       167
        
       

     

       241
       241
       -
       .widget-label>label {

     

       242
       242
       -
           font-size: 1rem;

     

       243
       243
       -
           color: @text-color;

     

       168
       168
       +
       .widget-label > label {

     

       169
       169
       +
         font-size: 1rem;

     

       170
       170
       +
         color: @text-color;

     

       244
       171
        
       }

     

       245
       172
        
       

     

       246
       173
        
       .widget-mpris {

     

       247
       247
       -
           color: @text-color;

     

       248
       248
       -
           background: @noti-bg-alt;

     

       249
       249
       -
           padding: 3px 6px;

     

       250
       250
       -
           margin: 5px;

     

       251
       251
       -
           border-radius: 10px;

     

       174
       174
       +
         color: @text-color;

     

       175
       175
       +
         background: @noti-bg-darker;

     

       176
       176
       +
         padding: 5px 10px 0px 0px;

     

       177
       177
       +
         margin: 5px 10px 5px 10px;

     

       178
       178
       +
         border-radius: 0px;

     

       252
       179
        
       }

     

       253
       180
        
       

     

       254
       181
        
       .widget-mpris > box > button {

     

       255
       255
       -
           border-radius: 10px;

     

       182
       182
       +
         border-radius: 5px;

     

       256
       183
        
       }

     

       257
       184
        
       

     

       258
       185
        
       .widget-mpris-player {

     

       259
       259
       -
           padding: 3px 6px;

     

       260
       260
       -
           margin: 5px;

     

       186
       186
       +
         padding: 5px 10px;

     

       187
       187
       +
         margin: 10px;

     

       261
       188
        
       }

     

       262
       189
        
       

     

       263
       190
        
       .widget-mpris-title {

     

       264
       264
       -
           font-weight: 100;

     

       265
       265
       -
           font-size: 1rem

     

       191
       191
       +
         font-weight: 700;

     

       192
       192
       +
         font-size: 1.25rem;

     

       266
       193
        
       }

     

       267
       194
        
       

     

       268
       195
        
       .widget-mpris-subtitle {

     

       269
       269
       -
           font-size: 0.75rem

     

       196
       196
       +
         font-size: 1.1rem;

     

       270
       197
        
       }

     

       271
       198
        
       

     

       272
       199
        
       .widget-buttons-grid {

     

       273
       273
       -
           font-size: large;

     

       274
       274
       -
       	color: @noti-border-color;

     

       275
       275
       -
           padding: 2px;

     

       276
       276
       -
           margin: 5px;

     

       277
       277
       -
           border-radius: 10px;

     

       278
       278
       -
           background: @noti-bg-alt;

     

       200
       200
       +
         font-size: x-large;

     

       201
       201
       +
         padding: 5px;

     

       202
       202
       +
         margin: 5px 10px 10px 10px;

     

       203
       203
       +
         border-radius: 5px;

     

       204
       204
       +
         background: @noti-bg-darker;

     

       279
       205
        
       }

     

       280
       206
        
       

     

       281
       281
       -
       .widget-buttons-grid>flowbox>flowboxchild>button {

     

       282
       282
       -
           margin: 1px;

     

       283
       283
       -
           background: @noti-bg;

     

       284
       284
       -
           border-radius: 10px;

     

       285
       285
       -
           color: @text-color

     

       207
       207
       +
       .widget-buttons-grid > flowbox > flowboxchild > button {

     

       208
       208
       +
         margin: 3px;

     

       209
       209
       +
         background: @cc-bg;

     

       210
       210
       +
         border-radius: 5px;

     

       211
       211
       +
         color: @text-color;

     

       286
       212
        
       }

     

       287
       213
        
       

     

       288
       288
       -
       .widget-buttons-grid>flowbox>flowboxchild>button:hover {

     

       289
       289
       -
           background: @noti-border-color;

     

       290
       290
       -
           color: @noti-bg-hover

     

       214
       214
       +
       .widget-buttons-grid > flowbox > flowboxchild > button:hover {

     

       215
       215
       +
         background: #d79921;

     

       216
       216
       +
         color: @cc-bg;

     

       291
       217
        
       }

     

       292
       218
        
       

     

       293
       293
       -
       .widget-menubar>box>.menu-button-bar>button {

     

       294
       294
       -
           border: none;

     

       295
       295
       -
           background: transparent

     

       219
       219
       +
       .widget-menubar > box > .menu-button-bar > button {

     

       220
       220
       +
         border: none;

     

       221
       221
       +
         background: transparent;

     

       296
       222
        
       }

     

       297
       223
        
       

     

       298
       298
       -
       .topbar-buttons>button {

     

       299
       299
       -
           border: none;

     

       300
       300
       -
           background: transparent

     

       301
       301
       -
       }

     

       302
       302
       -
       

     

       303
       303
       -
       .widget-volume {

     

       304
       304
       -
           background: @noti-bg-alt;

     

       305
       305
       -
           padding: 2px;

     

       306
       306
       -
           margin: 10px 10px 5px 10px;

     

       307
       307
       -
           border-radius: 10px;

     

       308
       308
       -
           font-size: x-large;

     

       309
       309
       -
           color: @text-color

     

       310
       310
       -
       }

     

       311
       311
       -
       

     

       312
       312
       -
       .widget-volume>box>button {

     

       313
       313
       -
           background: @noti-border-color;

     

       314
       314
       -
           border: none

     

       315
       315
       -
       }

     

       316
       316
       -
       

     

       317
       317
       -
       .per-app-volume {

     

       318
       318
       -
           background-color: @noti-bg;

     

       319
       319
       -
           padding: 4px 8px 8px;

     

       320
       320
       -
           margin: 0 8px 8px;

     

       321
       321
       -
           border-radius: 10px;

     

       322
       322
       -
       	color: @text-color

     

       323
       323
       -
       }

     

       324
       324
       -
       

     

       325
       325
       -
       .widget-backlight {

     

       326
       326
       -
           background: @noti-bg-alt;

     

       327
       327
       -
           padding: 5px;

     

       328
       328
       -
           margin: 10px 10px 5px 10px;

     

       329
       329
       -
           border-radius: 10px;

     

       330
       330
       -
           font-size: x-large;

     

       331
       331
       -
           color: @text-color

     

       332
       332
       -
       }

     

       333
       333
       -
       

     

       334
       334
       -
       .low {

     

       335
       335
       -
         background: @text-color;

     

       336
       336
       -
         padding: 0px;

     

       337
       337
       -
         border-radius: 10px;

     

       338
       338
       -
       }

     

       339
       339
       -
       

     

       340
       340
       -
       .normal {

     

       341
       341
       -
         background: @text-color;

     

       342
       342
       -
         padding: 0px;

     

       343
       343
       -
         border-radius: 10px;

     

       344
       344
       -
       }

     

       345
       345
       -
       

     

       346
       346
       -
       .critical {

     

       347
       347
       -
         background: red;

     

       348
       348
       -
         padding: 0px;

     

       349
       349
       -
         border-radius: 10px;

     

       224
       224
       +
       .topbar-buttons > button {

     

       225
       225
       +
         border: none;

     

       226
       226
       +
         background: transparent;

     

       350
       227
        
       }

+2 -22

waybar/config

···

       6
       6
        
       

     

       7
       7
        
           "modules-left": ["memory", "temperature", "sway/workspaces"],

     

       8
       8
        
           "modules-center": ["clock"],

     

       9
       9
       -
           "modules-right": ["wireplumber", "battery", "backlight", "hyprland/language", "network", "bluetooth", "tray"],

     

       9
       9
       +
           "modules-right": ["wireplumber", "battery", "backlight", "tray"],

     

       10
       10
        
       

     

       11
       11
        
           "sway/workspaces": {

     

       12
       12
        
               "format-icons": {

     
···

       47
       47
        
               "format": "  {temperatureC}°C"

     

       48
       48
        
           },

     

       49
       49
        
       

     

       50
       50
       -
           "network": {

     

       51
       51
       -
               "format": "",

     

       52
       52
       -
               "format-ethernet": "\udb83\udc9d",

     

       53
       53
       -
               "format-wifi": "{icon}",

     

       54
       54
       -
               "format-disconnected": "\udb83\udc9c",

     

       55
       55
       -
               "format-icons": ["\udb82\udd2f", "\udb82\udd1f", "\udb82\udd22", "\udb82\udd25", "\udb82\udd28"],

     

       56
       56
       -
               "tooltip-format-wifi": "{essid} ({signalStrength}%)",

     

       57
       57
       -
               "tooltip-format-ethernet": "{ifname}",

     

       58
       58
       -
               "tooltip-format-disconnected": "Disconnected",

     

       59
       59
       -
           },

     

       60
       60
       -
       

     

       61
       61
       -
           "bluetooth": {

     

       62
       62
       -
               "format": "\udb80\udcaf",

     

       63
       63
       -
               "format-disabled": "\udb80\udcb2",

     

       64
       64
       -
               "format-connected": "\udb80\udcb1",

     

       65
       65
       -
               "tooltip-format": "{controller_alias}\t{controller_address}",

     

       66
       66
       -
               "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{device_enumerate}",

     

       67
       67
       -
               "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}"

     

       68
       68
       -
           },

     

       69
       69
       -
       

     

       70
       50
        
           "hyprland/language": {

     

       71
       51
        
               "format": "{short}"

     

       72
       52
        
           },

     

       73
       53
        
       

     

       74
       54
        
           "tray": {

     

       75
       75
       -
               "icon-size": 16,

     

       55
       55
       +
               "icon-size": 20,

     

       76
       56
        
               "spacing": 16

     

       77
       57
        
           }

     

       78
       58
        
       }