update notification banner

.config/btop/btop.conf

@@ -53,7 +53,7 @@ graph_symbol_proc = "default"
 shown_boxes = "cpu mem net proc"
 
 #* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs.
-update_ms = 2000
+update_ms = 1000
 
 #* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
 #* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.

.config/tmux/tmux.conf

@@ -0,0 +1,24 @@
+# Set true color
+set-option -sa terminal-overrides ",xterm*:Tc"
+set -g mouse on
+
+# Set prefix
+unbind C-b
+set -g prefix C-Space
+bind C-Space send-prefix
+
+# Start windows and panes at 1, not 0
+set -g base-index 1
+set -g pane-base-index 1
+set-window-option -g pane-base-index 1
+set-option -g renumber-windows on
+
+set -g @catppuccin_flavour 'macchiato'
+set -g @catppuccin_status_modules_right "application session load"
+
+set -g @plugin 'tmux-plugins/tpm'
+set -g @plugin 'tmux-plugins/tmux-sensible'
+set -g @plugin 'catppuccin/tmux'
+set -g @plugin 'jamesoff/tmux-loadavg'
+
+run '~/.tmux/plugins/tpm/tpm'

.themes/Catppuccin-Macchiato-Standard-Blue-Dark/gnome-shell/gnome-shell.css

@@ -1414,29 +1414,137 @@ stage {
 
 /*NOTIFICATIONS*/
 .notification-banner {
-    min-height: 64px;
+    width: 25em;
-    width: 34em;
+    min-height: 65px;
-    box-shadow: none;
+    color: rgba(138, 173, 244, 0.7);
+    background-color: rgba(36, 39, 58, 0.95);
+    text-shadow: none;
+    border: 2px solid #8aadf4;
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+    margin: 20px 20px 10px;
     border-radius: 12px;
-    margin: 10px;
-    background-color: #181926;
-    border: 1px solid rgba(255, 255, 255, 0.05);
 }
 
 .notification-banner:hover {
-    min-height: 64px;
+    color: #8aadf4;
-    width: 34em;
+    background-color: rgba(36, 39, 58, 0.95);
-    box-shadow: none;
+    border: 2px solid #8aadf4;
-    border-radius: 12px;
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
-    margin: 10px;
+    margin: 20px 20px 10px;
-    background-color: #181926;
+}
-    border: 1px solid rgba(255, 255, 255, 0.05);
+
+.notification-banner:focus {
+    color: #8aadf4;
+    background-color: rgba(36, 39, 58, 0.95);
 }
 
 .notification-banner .notification-actions {
+    background-color: transparent;
+    padding-top: 0;
+    border-top: 1px solid rgba(138, 173, 244, 0.12);
     spacing: 0;
 }
 
+.notification-banner .notification-button {
+    min-height: 44px;
+    padding: 0 18px;
+    background-color: transparent;
+    color: rgba(138, 173, 244, 0.7);
+    font-weight: 500;
+    border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+    border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+    border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child,
+.notification-banner .notification-button:first-child:last-child {
+    border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+    background-color: transparent;
+    color: #8aadf4;
+    box-shadow: inset 0 0 0 2px rgba(138, 173, 244, 0.12);
+}
+
+.notification-banner .notification-button:hover,
+.notification-banner .notification-button:focus:hover {
+    background-color: rgba(138, 173, 244, 0.12);
+    color: #8aadf4;
+    box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+    background-color: rgba(138, 173, 244, 0.3);
+    color: #8aadf4;
+}
+
+.summary-source-counter {
+    font-size: fontsize(10);
+    font-weight: bold;
+    height: 1.6em;
+    width: 1.6em;
+    -shell-counter-overlap-x: 3px;
+    -shell-counter-overlap-y: 3px;
+    background-color: #7dc4e4;
+    color: rgba(0, 0, 0, 0.87);
+    border: 2px solid rgba(138, 173, 244, 0.3);
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+    border-radius: 0.9em;
+}
+
+.chat-body {
+    spacing: 5px;
+}
+
+.chat-response {
+    margin: 5px;
+}
+
+.chat-log-message {
+    color: rgba(138, 173, 244, 0.7);
+}
+
+.chat-new-group {
+    padding-top: 1em;
+}
+
+.chat-received {
+    padding-left: 4px;
+}
+
+.chat-received:rtl {
+    padding-left: 0px;
+    padding-right: 4px;
+}
+
+.chat-sent {
+    padding-left: 18pt;
+    color: rgba(138, 173, 244, 0.7);
+}
+
+.chat-sent:rtl {
+    padding-left: 0;
+    padding-right: 18pt;
+}
+
+.chat-meta-message {
+    padding-left: 4px;
+    font-size: 9pt;
+    color: rgba(138, 173, 244, 0.5);
+}
+
+.chat-meta-message:rtl {
+    padding-left: 0;
+    padding-right: 4px;
+}
+
 
 /*MEDIA CONTORLS*/
 
@@ -2186,8 +2294,7 @@ StScrollBar StButton#hhandle:active {
 }
 
 .modal-dialog .modal-dialog-linked-button,
-.hotplug-notification-item,
+.hotplug-notification-item {
-.notification-banner .notification-button {
     padding: 10px;
     font-weight: bold !important;
     transition: 200ms;
@@ -2198,44 +2305,38 @@ StScrollBar StButton#hhandle:active {
 }
 
 .modal-dialog .modal-dialog-linked-button:hover,
-.hotplug-notification-item:hover,
+.hotplug-notification-item:hover {
-.notification-banner .notification-button:hover {
     transition: 200ms;
     color: #181926;
     background-color: #8aadf4;
 }
 
 .modal-dialog .modal-dialog-linked-button:active,
-.hotplug-notification-item:active,
+.hotplug-notification-item:active {
-.notification-banner .notification-button:active {
     transition: 200ms;
     color: #cad3f5;
     background-color: rgba(255, 255, 255, 0.05);
 }
 
 .modal-dialog .modal-dialog-linked-button:checked,
-.hotplug-notification-item:checked,
+.hotplug-notification-item:checked {
-.notification-banner .notification-button:checked {
     transition: 200ms;
     color: #cad3f5;
     background-color: rgba(255, 255, 255, 0.1);
 }
 
 .modal-dialog .modal-dialog-linked-button:checked:hover,
-.hotplug-notification-item:checked:hover,
+.hotplug-notification-item:checked:hover {
-.notification-banner .notification-button:checked:hover {
     background-color: rgba(255, 255, 255, 0.15);
 }
 
 .modal-dialog .modal-dialog-linked-button:checked:active,
-.hotplug-notification-item:checked:active,
+.hotplug-notification-item:checked:active {
-.notification-banner .notification-button:checked:active {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
 .modal-dialog .modal-dialog-linked-button:focus,
-.hotplug-notification-item:focus,
+.hotplug-notification-item:focus {
-.notification-banner .notification-button:focus {
     transition: 200ms;
     color: #cad3f5;
     background-color: rgba(255, 255, 255, 0.1);
@@ -2243,22 +2344,19 @@ StScrollBar StButton#hhandle:active {
 }
 
 .modal-dialog .modal-dialog-linked-button:focus:hover,
-.hotplug-notification-item:focus:hover,
+.hotplug-notification-item:focus:hover {
-.notification-banner .notification-button:focus:hover {
     background-color: rgba(255, 255, 255, 0.1);
     box-shadow: none;
 }
 
 .modal-dialog .modal-dialog-linked-button:focus:active,
-.hotplug-notification-item:focus:active,
+.hotplug-notification-item:focus:active {
-.notification-banner .notification-button:focus:active {
     background-color: rgba(255, 255, 255, 0.05);
     box-shadow: none;
 }
 
 .modal-dialog .modal-dialog-linked-button:insensitive,
-.hotplug-notification-item:insensitive,
+.hotplug-notification-item:insensitive {
-.notification-banner .notification-button:insensitive {
     transition: 200ms;
     color: #8aadf4;
     background-color: rgba(255, 255, 255, 0.05);
@@ -4676,7 +4774,7 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .unlock-dialog-notifications-container {
-    margin: 12px;
+    margin: 12px 0;
     spacing: 6px;
     width: 23em;
     background-color: transparent;
@@ -4689,7 +4787,7 @@ StWidget.focused .app-well-app-running-dot {
 
 .unlock-dialog-notifications-container .notification,
 .unlock-dialog-notifications-container .unlock-dialog-notification-source {
-    padding: 12px 16px;
+    padding: 12px 6px;
     border: none;
     background-color: rgba(255, 255, 255, 0.1);
     color: #cad3f5;
@@ -4702,18 +4800,16 @@ StWidget.focused .app-well-app-running-dot {
 }
 
 .unlock-dialog-notification-label {
-    padding-left: 12px;
+    padding: 0 0 0 12px;
-    padding-right: 0;
 }
 
 .unlock-dialog-notification-label:rtl {
-    padding-right: 12px;
+    padding: 0 0 0 12px;
-    padding-left: 0;
 }
 
 .unlock-dialog-notification-count-text {
     font-weight: bold;
-    padding: 0 12px;
+    padding: 0 6px;
     color: #cad3f5;
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 99px;