diff --git a/swaync/config.json b/swaync/config.json
index 6df0276..043626a 100644
--- a/swaync/config.json
+++ b/swaync/config.json
@@ -11,10 +11,10 @@
"control-center-margin-right": 0,
"control-center-margin-left": 0,
"notification-2fa-action": true,
- "notification-inline-replies": true,
- "notification-icon-size": 24,
- "notification-body-image-height": 180,
- "notification-body-image-width": 180,
+ "notification-inline-replies": false,
+ "notification-icon-size": 64,
+ "notification-body-image-height": 100,
+ "notification-body-image-width": 200,
"timeout": 10,
"timeout-low": 5,
"timeout-critical": 0,
@@ -47,12 +47,12 @@
"app-name": "Spotify"
}
},
- "widgets": ["inhibitors", "title", "notifications", "menubar"],
+ "widgets": ["notifications"],
"widget-config": {
"inhibitors": {
"text": "Inhibitors",
"button-text": "Clear All",
- "clear-all-button": true
+ "clear-all-button": false
},
"title": {
"text": "Notifications",
diff --git a/swaync/old/config.json b/swaync/old/config.json
new file mode 100644
index 0000000..6df0276
--- /dev/null
+++ b/swaync/old/config.json
@@ -0,0 +1,85 @@
+{
+ "$schema": "/etc/xdg/swaync/configSchema.json",
+ "positionX": "right",
+ "positionY": "top",
+ "layer": "overlay",
+ "control-center-layer": "top",
+ "layer-shell": true,
+ "cssPriority": "application",
+ "control-center-margin-top": 0,
+ "control-center-margin-bottom": 0,
+ "control-center-margin-right": 0,
+ "control-center-margin-left": 0,
+ "notification-2fa-action": true,
+ "notification-inline-replies": true,
+ "notification-icon-size": 24,
+ "notification-body-image-height": 180,
+ "notification-body-image-width": 180,
+ "timeout": 10,
+ "timeout-low": 5,
+ "timeout-critical": 0,
+ "fit-to-screen": true,
+ "relative-timestamps": true,
+ "control-center-width": 500,
+ "control-center-height": 600,
+ "notification-window-width": 500,
+ "keyboard-shortcuts": true,
+ "image-visibility": "when-available",
+ "transition-time": 200,
+ "hide-on-clear": false,
+ "hide-on-action": true,
+ "script-fail-notify": true,
+ "scripts": {
+ "example-script": {
+ "exec": "echo 'Do something...'",
+ "urgency": "Normal"
+ },
+ "example-action-script": {
+ "exec": "echo 'Do something actionable!'",
+ "urgency": "Normal",
+ "run-on": "action"
+ }
+ },
+ "notification-visibility": {
+ "example-name": {
+ "state": "muted",
+ "urgency": "Low",
+ "app-name": "Spotify"
+ }
+ },
+ "widgets": ["inhibitors", "title", "notifications", "menubar"],
+ "widget-config": {
+ "inhibitors": {
+ "text": "Inhibitors",
+ "button-text": "Clear All",
+ "clear-all-button": true
+ },
+ "title": {
+ "text": "Notifications",
+ "clear-all-button": true,
+ "button-text": "Clear All"
+ },
+ "dnd": {
+ "text": "Do Not Disturb"
+ },
+ "label": {
+ "max-lines": 5,
+ "text": "Label Text"
+ },
+ "mpris": {
+ "image-size": 96,
+ "image-radius": 12
+ },
+ "buttons-grid": {
+ "actions": [
+ {
+ "label": "яки",
+ "type": "toggle",
+ "active": true,
+ "command": "sh -c '[[ $SWAYNC_TOGGLE_STATE == true ]] && nmcli radio wifi on || nmcli radio wifi off'",
+ "update_command": "sh -c '[[ $(nmcli radio wifi) == \"enabled\" ]] && echo true || echo false'"
+ }
+ ]
+ }
+ }
+}
diff --git a/swaync/old/style.css b/swaync/old/style.css
new file mode 100644
index 0000000..e0170cf
--- /dev/null
+++ b/swaync/old/style.css
@@ -0,0 +1,628 @@
+@define-color cc-bg rgba(40, 40, 40, 0.7);
+@define-color noti-border-color rgba(69, 133, 136, 1);
+@define-color noti-bg rgba(40, 40, 40, 0.9);
+@define-color noti-bg-opaque rgb(60, 56, 54);
+@define-color noti-bg-darker rgb(40, 40, 40);
+@define-color noti-bg-hover rgb(40,40,40);
+@define-color noti-bg-hover-opaque rgb(40,40,40);
+@define-color noti-bg-focus rgba(68, 68, 68, 0.6);
+@define-color noti-close-bg rgba(40,40, 40, 1);
+@define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
+@define-color text-color rgb(168, 153, 132);
+@define-color text-color-disabled rgb(150, 150, 150);
+@define-color bg-selected rgb(0, 128, 255);
+
+.notification-row {
+ outline: none;
+}
+
+.notification-row:focus,
+.notification-row:hover {
+ background: @noti-bg-focus;
+}
+
+.notification-row .notification-background {
+ padding: 6px 12px;
+}
+
+.notification-row .notification-background .close-button {
+ /* The notification Close Button */
+
+ background: #3c3836;
+ color: @text-color;
+ text-shadow: none;
+ padding: 0;
+ border-radius: 0;
+ margin-top: 10px;
+ margin-right: 10px;
+ box-shadow: none;
+ border: 1px solid #504945;
+ min-width: 20px;
+ min-height: 20px;
+}
+
+.notification-row .notification-background .close-button:hover {
+ box-shadow: none;
+ background: #3c3836;
+ transition: background 0.15s ease-in-out;
+ border: 1px solid #504945;
+}
+
+.notification-row .notification-background .notification {
+ /* The actual notification */
+ border-radius: 0px;
+ padding: 0;
+ transition: background 0.15s ease-in-out;
+ font-family: "Sys TT";
+ background-color: #3c3836;
+ border: 2px solid #a89984;
+ color: #a89984;
+}
+
+.notification-row .notification-background .notification.low {
+}
+
+.notification-row .notification-background .notification.normal {
+ /* border: 2px solid #bdae93; */
+}
+
+.notification-row .notification-background .notification.critical {
+ background-color: #3c1f1e;
+ border: 2px solid #cc241d;
+ color: #cc241d;
+}
+
+.notification-row .notification-background .notification .notification-action,
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action {
+ padding: 4px;
+ margin: 0;
+ box-shadow: none;
+ background: transparent;
+ border: none;
+ color: @text-color;
+ transition: background 0.15s ease-in-out;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-action:hover,
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action:hover {
+ -gtk-icon-effect: none;
+ background: #282828;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action {
+ /* The large action that also displays the notification summary and body */
+ border-radius: 0px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action:not(:only-child) {
+ /* When alternative actions are visible */
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content {
+ background: transparent;
+ border-radius: 0px;
+ padding: 12px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .image {
+ /* Notification Primary Image */
+ -gtk-icon-effect: none;
+ border-radius: 0px;
+ /* Size in px */
+ margin: 4px;
+ margin-right: 15px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .app-icon {
+ /* Notification app icon (only visible when the primary image is set) */
+ -gtk-icon-effect: none;
+ -gtk-icon-shadow: 0 1px 4px black;
+ margin: 6px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .text-box
+ .summary {
+ /* Notification summary/title */
+ font-size: 16px;
+ font-weight: bold;
+ background: transparent;
+ color: @text-color;
+ text-shadow: none;
+ margin-bottom: 5px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .text-box
+ .time {
+ /* Notification time-ago */
+ font-size: 14px;
+ font-weight: bold;
+ font-style: italic;
+ background: transparent;
+ color: @text-color;
+ text-shadow: none;
+ margin-right: 40px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .text-box
+ .body {
+ /* Notification body */
+ font-size: 15px;
+ font-weight: normal;
+ background: transparent;
+ color: @text-color;
+ text-shadow: none;
+ margin-right: 10px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ progressbar {
+ /* The optional notification progress bar */
+ margin-top: 4px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .body-image {
+ /* The "extra" optional bottom notification image */
+ margin-top: 4px;
+ background-color: white;
+ border-radius: 12px;
+ -gtk-icon-effect: none;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .inline-reply {
+ /* The inline reply section */
+ margin-top: 4px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .inline-reply
+ .inline-reply-entry {
+ background: @noti-bg-darker;
+ color: @text-color;
+ caret-color: @text-color;
+ border: 1px solid @noti-border-color;
+ border-radius: 12px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .inline-reply
+ .inline-reply-button {
+ margin-left: 4px;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ border-radius: 12px;
+ color: @text-color;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .inline-reply
+ .inline-reply-button:disabled {
+ background: initial;
+ color: @text-color-disabled;
+ border: 1px solid @noti-border-color;
+ border-color: transparent;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-default-action
+ .notification-content
+ .inline-reply
+ .inline-reply-button:hover {
+ background: @noti-bg-hover;
+}
+
+.notification-row .notification-background .notification .notification-action {
+ /* The alternative actions below the default action */
+ border-top: 1px solid @noti-border-color;
+ border-radius: 0px;
+ border-right: 1px solid @noti-border-color;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-action:first-child {
+ /* add bottom border radius to eliminate clipping */
+ border-bottom-left-radius: 12px;
+}
+
+.notification-row
+ .notification-background
+ .notification
+ .notification-action:last-child {
+ border-bottom-right-radius: 12px;
+ border-right: none;
+}
+
+.notification-group {
+ /* Styling only for Grouped Notifications */
+}
+
+.notification-group.low {
+ /* Low Priority Group */
+}
+
+.notification-group.normal {
+ /* Low Priority Group */
+}
+
+.notification-group.critical {
+ /* Low Priority Group */
+}
+
+.notification-group .notification-group-buttons,
+.notification-group .notification-group-headers {
+ margin: 0 16px;
+ color: @text-color;
+}
+
+.notification-group .notification-group-headers {
+ /* Notification Group Headers */
+}
+
+.notification-group .notification-group-headers .notification-group-icon {
+ color: @text-color;
+}
+
+.notification-group .notification-group-headers .notification-group-header {
+ color: @text-color;
+}
+
+.notification-group .notification-group-buttons {
+ /* Notification Group Buttons */
+}
+
+.notification-group.collapsed .notification-row .notification {
+ background-color: @noti-bg-opaque;
+}
+
+.notification-group.collapsed .notification-row:not(:last-child) {
+ /* Top notification in stack */
+ /* Set lower stacked notifications opacity to 0 */
+}
+
+.notification-group.collapsed
+ .notification-row:not(:last-child)
+ .notification-action,
+.notification-group.collapsed
+ .notification-row:not(:last-child)
+ .notification-default-action {
+ opacity: 0;
+}
+
+.notification-group.collapsed:hover
+ .notification-row:not(:only-child)
+ .notification {
+}
+
+.control-center {
+ /* The Control Center which contains the old notifications + widgets */
+ background: rgba(40, 40, 40, 0.7);
+ color: @text-color;
+ border-radius: 0px;
+ /* margin-top: 0px; */
+ /* margin-right: 0px; */
+ /* margin-bottom: 0px; */
+}
+
+.control-center .control-center-list-placeholder {
+ /* The placeholder when there are no notifications */
+ opacity: 0.5;
+}
+
+.control-center .control-center-list {
+ /* List of notifications */
+ background: transparent;
+}
+
+/* .control-center .control-center-list .notification {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.7),
+ 0 2px 6px 2px rgba(0, 0, 0, 0.3);
+} */
+
+.control-center .control-center-list .notification {
+ box-shadow: none;
+}
+
+.control-center .control-center-list .notification .notification-default-action,
+.control-center .control-center-list .notification .notification-action {
+ transition:
+ opacity 400ms ease-in-out,
+ background 0.15s ease-in-out;
+}
+
+.control-center
+ .control-center-list
+ .notification
+ .notification-default-action:hover,
+.control-center .control-center-list .notification .notification-action:hover {
+ background-color: #282828;
+}
+
+.blank-window {
+ /* Window behind control center and on all other monitors */
+ background: transparent;
+}
+
+.floating-notifications {
+ background: transparent;
+}
+
+.floating-notifications .notification {
+ box-shadow: none;
+}
+
+/*** Widgets ***/
+/* Title widget */
+.widget-title {
+ color: @text-color;
+ margin: 8px;
+ padding: 10 0px;
+ font-size: 1.5rem;
+ font-weight: bold;
+}
+
+.widget-title > button {
+ font-size: initial;
+ color: @text-color;
+ text-shadow: none;
+ background: #3c3836;
+ border: 2px solid #504945;
+ box-shadow: none;
+ border-radius: 0px;
+ padding-top: 5px;
+}
+
+.widget-title > button:hover {
+ background: #282828;
+}
+
+/* DND widget */
+.widget-dnd {
+ color: @text-color;
+ margin: 8px;
+ font-size: 1.1rem;
+}
+
+.widget-dnd > switch {
+ font-size: initial;
+ border-radius: 0px;
+ background: #282828;
+ border: 2px solid #504945;
+ box-shadow: none;
+ transition: background ease-in-out 0.3s;
+}
+
+.widget-dnd > switch:checked {
+ background: #98971a;
+}
+
+.widget-dnd > switch slider {
+ background: #3c3836;
+ border-radius: 0px;
+}
+
+/* Label widget */
+.widget-label {
+ margin: 8px;
+}
+
+.widget-label > label {
+ font-size: 1.1rem;
+}
+
+/* Mpris widget */
+@define-color mpris-album-art-overlay rgba(0, 0, 0, 0.55);
+@define-color mpris-button-hover rgba(0, 0, 0, 0.50);
+.widget-mpris {
+ /* The parent to all players */
+}
+
+.widget-mpris .widget-mpris-player {
+ padding: 8px;
+ padding: 16px;
+ margin: 16px 20px;
+ background-color: @mpris-album-art-overlay;
+ border-radius: 12px;
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
+}
+
+.widget-mpris .widget-mpris-player button:hover {
+ /* The media player buttons (play, pause, next, etc...) */
+ background: @noti-bg-hover;
+}
+
+.widget-mpris .widget-mpris-player .widget-mpris-album-art {
+ border-radius: 12px;
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
+}
+
+.widget-mpris .widget-mpris-player .widget-mpris-title {
+ font-weight: bold;
+ font-size: 1.25rem;
+}
+
+.widget-mpris .widget-mpris-player .widget-mpris-subtitle {
+ font-size: 1.1rem;
+}
+
+.widget-mpris .widget-mpris-player > box > button {
+ /* Change player control buttons */
+}
+
+.widget-mpris .widget-mpris-player > box > button:hover {
+ background-color: @mpris-button-hover;
+}
+
+.widget-mpris > box > button {
+ /* Change player side buttons */
+}
+
+.widget-mpris > box > button:disabled {
+ /* Change player side buttons insensitive */
+}
+
+/* Buttons widget */
+.widget-buttons-grid {
+ padding: 8px;
+ margin: 8px;
+ border-radius: 0px;
+ background-color: @noti-bg;
+}
+
+.widget-buttons-grid > flowbox > flowboxchild > button {
+ background: @noti-bg;
+ border-radius: 0px;
+}
+
+.widget-buttons-grid > flowbox > flowboxchild > button.toggle:checked {
+ /* style given to the active toggle button */
+}
+
+/* Menubar widget */
+.widget-menubar > box > .menu-button-bar > button {
+ border: none;
+ background: transparent;
+}
+
+/* .AnyName { Name defined in config after #
+ background-color: @noti-bg;
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+}
+
+.AnyName>button {
+ background: transparent;
+ border: none;
+}
+
+.AnyName>button:hover {
+ background-color: @noti-bg-hover;
+} */
+.topbar-buttons > button {
+ /* Name defined in config after # */
+ border: none;
+ background: transparent;
+}
+
+/* Volume widget */
+.widget-volume {
+ background-color: @noti-bg;
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+}
+
+.widget-volume > box > button {
+ background: transparent;
+ border: none;
+}
+
+.per-app-volume {
+ background-color: @noti-bg-alt;
+ padding: 4px 8px 8px 8px;
+ margin: 0px 8px 8px 8px;
+ border-radius: 12px;
+}
+
+/* Backlight widget */
+.widget-backlight {
+ background-color: @noti-bg;
+ padding: 8px;
+ margin: 8px;
+ border-radius: 12px;
+}
+
+/* Inhibitors widget */
+.widget-inhibitors {
+ margin: 8px;
+ font-size: 1.5rem;
+}
+
+.widget-inhibitors > button {
+ font-size: initial;
+ color: @text-color;
+ text-shadow: none;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
+ box-shadow: none;
+ border-radius: 12px;
+}
+
+.widget-inhibitors > button:hover {
+ background: @noti-bg-hover;
+}
diff --git a/swaync/style.css b/swaync/style.css
index e0170cf..9bf5bc4 100644
--- a/swaync/style.css
+++ b/swaync/style.css
@@ -1,14 +1,14 @@
-@define-color cc-bg rgba(40, 40, 40, 0.7);
-@define-color noti-border-color rgba(69, 133, 136, 1);
-@define-color noti-bg rgba(40, 40, 40, 0.9);
-@define-color noti-bg-opaque rgb(60, 56, 54);
-@define-color noti-bg-darker rgb(40, 40, 40);
-@define-color noti-bg-hover rgb(40,40,40);
-@define-color noti-bg-hover-opaque rgb(40,40,40);
-@define-color noti-bg-focus rgba(68, 68, 68, 0.6);
-@define-color noti-close-bg rgba(40,40, 40, 1);
+@define-color cc-bg rgba(46, 46, 46, 0.7);
+@define-color noti-border-color rgba(255, 255, 255, 0.15);
+@define-color noti-bg rgba(48, 48, 48, 0.8);
+@define-color noti-bg-opaque rgb(48, 48, 48);
+@define-color noti-bg-darker rgb(38, 38, 38);
+@define-color noti-bg-hover rgb(56, 56, 56);
+@define-color noti-bg-hover-opaque rgb(56, 56, 56);
+@define-color noti-bg-focus rgba(0,0,0,1);
+@define-color noti-close-bg rgba(255, 255, 255, 0.1);
@define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
-@define-color text-color rgb(168, 153, 132);
+@define-color text-color rgb(40,40,40);
@define-color text-color-disabled rgb(150, 150, 150);
@define-color bg-selected rgb(0, 128, 255);
@@ -18,7 +18,7 @@
.notification-row:focus,
.notification-row:hover {
- background: @noti-bg-focus;
+ background: transparent;
}
.notification-row .notification-background {
@@ -27,51 +27,64 @@
.notification-row .notification-background .close-button {
/* The notification Close Button */
-
- background: #3c3836;
- color: @text-color;
+ background: transparent;
+ color: #282828;
text-shadow: none;
padding: 0;
- border-radius: 0;
- margin-top: 10px;
- margin-right: 10px;
+ border-radius: 0%;
+ margin-top: 5px;
+ margin-right: 5px;
box-shadow: none;
- border: 1px solid #504945;
+ border: none;
min-width: 20px;
min-height: 20px;
}
.notification-row .notification-background .close-button:hover {
box-shadow: none;
- background: #3c3836;
+ background: transparent;
transition: background 0.15s ease-in-out;
- border: 1px solid #504945;
+ border: none;
}
.notification-row .notification-background .notification {
/* The actual notification */
- border-radius: 0px;
+ border-radius: 0;
+ color: #282828;
+ background-color: #a89983;
+ border: 2px solid;
+ border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
padding: 0;
transition: background 0.15s ease-in-out;
- font-family: "Sys TT";
- background-color: #3c3836;
- border: 2px solid #a89984;
- color: #a89984;
}
.notification-row .notification-background .notification.low {
+ /* Low Priority Notification */
}
.notification-row .notification-background .notification.normal {
- /* border: 2px solid #bdae93; */
+ /* Normal Priority Notification */
}
.notification-row .notification-background .notification.critical {
- background-color: #3c1f1e;
- border: 2px solid #cc241d;
- color: #cc241d;
+ /* color: #ebdbb2; */
+ /* border: 1px double #282828; /1* Base border *1/ */
+ /* background-color: #cc241d; */
+ /* border-color: #fb4924 #9d0006 #9d0006 #fb4924; */
}
+.notification.critical
+ .notification-default-action
+ .notification-content
+ .text-box
+ .summary {
+ /* color: #ebdbb2; */
+}
+
+/* .notification.critical .body { */
+/* color: #ebdbb2; */
+/* } */
+
.notification-row .notification-background .notification .notification-action,
.notification-row
.notification-background
@@ -82,7 +95,7 @@
box-shadow: none;
background: transparent;
border: none;
- color: @text-color;
+ /* color: @text-color; */
transition: background 0.15s ease-in-out;
}
@@ -95,7 +108,19 @@
.notification
.notification-default-action:hover {
-gtk-icon-effect: none;
- background: #282828;
+ background: transparent;
+}
+
+.notification-row
+ .notification-background
+ .notification.critical
+ .notification-action:hover,
+.notification-row
+ .notification-background
+ .notification.critical
+ .notification-default-action:hover {
+ -gtk-icon-effect: none;
+ background: transparent;
}
.notification-row
@@ -103,7 +128,7 @@
.notification
.notification-default-action {
/* The large action that also displays the notification summary and body */
- border-radius: 0px;
+ border-radius: 0;
}
.notification-row
@@ -121,8 +146,8 @@
.notification-default-action
.notification-content {
background: transparent;
- border-radius: 0px;
- padding: 12px;
+ border-radius: 12px;
+ padding: 4px;
}
.notification-row
@@ -133,10 +158,9 @@
.image {
/* Notification Primary Image */
-gtk-icon-effect: none;
- border-radius: 0px;
+ border-radius: 100px;
/* Size in px */
- margin: 4px;
- margin-right: 15px;
+ /* margin: 4px; */
}
.notification-row
@@ -162,9 +186,8 @@
font-size: 16px;
font-weight: bold;
background: transparent;
- color: @text-color;
+ /* color: @text-color; */
text-shadow: none;
- margin-bottom: 5px;
}
.notification-row
@@ -176,12 +199,11 @@
.time {
/* Notification time-ago */
font-size: 14px;
- font-weight: bold;
- font-style: italic;
+ font-weight: normal;
background: transparent;
color: @text-color;
text-shadow: none;
- margin-right: 40px;
+ margin-right: 30px;
}
.notification-row
@@ -195,9 +217,8 @@
font-size: 15px;
font-weight: normal;
background: transparent;
- color: @text-color;
+ /* color: @text-color; */
text-shadow: none;
- margin-right: 10px;
}
.notification-row
@@ -241,7 +262,7 @@
.inline-reply
.inline-reply-entry {
background: @noti-bg-darker;
- color: @text-color;
+ /* color: @text-color; */
caret-color: @text-color;
border: 1px solid @noti-border-color;
border-radius: 12px;
@@ -281,7 +302,7 @@
.notification-content
.inline-reply
.inline-reply-button:hover {
- background: @noti-bg-hover;
+ /* background: @noti-bg-hover; */
}
.notification-row .notification-background .notification .notification-action {
@@ -325,28 +346,37 @@
.notification-group .notification-group-buttons,
.notification-group .notification-group-headers {
- margin: 0 16px;
+ margin: 0 12px;
color: @text-color;
}
.notification-group .notification-group-headers {
/* Notification Group Headers */
+
+ font-weight: bold;
}
.notification-group .notification-group-headers .notification-group-icon {
- color: @text-color;
+ opacity: 0;
}
.notification-group .notification-group-headers .notification-group-header {
- color: @text-color;
+ opacity: 0;
}
.notification-group .notification-group-buttons {
- /* Notification Group Buttons */
+ background-color: transparent;
+}
+
+.notification-group .notification-group-buttons button {
+ background-color: transparent;
+ border: 0px solid white;
+ color: #a89983;
+ opacity: 0;
}
.notification-group.collapsed .notification-row .notification {
- background-color: @noti-bg-opaque;
+ background-color: #a89983;
}
.notification-group.collapsed .notification-row:not(:last-child) {
@@ -366,16 +396,13 @@
.notification-group.collapsed:hover
.notification-row:not(:only-child)
.notification {
+ background-color: #a89983;
}
.control-center {
/* The Control Center which contains the old notifications + widgets */
- background: rgba(40, 40, 40, 0.7);
- color: @text-color;
+ background: #bdae93;
border-radius: 0px;
- /* margin-top: 0px; */
- /* margin-right: 0px; */
- /* margin-bottom: 0px; */
}
.control-center .control-center-list-placeholder {
@@ -388,13 +415,12 @@
background: transparent;
}
-/* .control-center .control-center-list .notification {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.7),
- 0 2px 6px 2px rgba(0, 0, 0, 0.3);
-} */
-
.control-center .control-center-list .notification {
box-shadow: none;
+ /* box-shadow: */
+ /* 0 0 0 1px rgba(0, 0, 0, 0.3), */
+ /* 0 1px 3px 1px rgba(0, 0, 0, 0.7), */
+ /* 0 2px 6px 2px rgba(0, 0, 0, 0.3); */
}
.control-center .control-center-list .notification .notification-default-action,
@@ -409,7 +435,15 @@
.notification
.notification-default-action:hover,
.control-center .control-center-list .notification .notification-action:hover {
- background-color: #282828;
+ background-color: transparent;
+}
+
+.control-center
+ .control-center-list
+ .notification.critical
+ .notification-default-action:hover,
+.control-center .control-center-list .notification .notification-action:hover {
+ background-color: transparent;
}
.blank-window {
@@ -430,24 +464,21 @@
.widget-title {
color: @text-color;
margin: 8px;
- padding: 10 0px;
font-size: 1.5rem;
- font-weight: bold;
}
.widget-title > button {
font-size: initial;
color: @text-color;
text-shadow: none;
- background: #3c3836;
- border: 2px solid #504945;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
box-shadow: none;
- border-radius: 0px;
- padding-top: 5px;
+ border-radius: 12px;
}
.widget-title > button:hover {
- background: #282828;
+ background: @noti-bg-hover;
}
/* DND widget */
@@ -459,20 +490,19 @@
.widget-dnd > switch {
font-size: initial;
- border-radius: 0px;
- background: #282828;
- border: 2px solid #504945;
+ border-radius: 12px;
+ background: @noti-bg;
+ border: 1px solid @noti-border-color;
box-shadow: none;
- transition: background ease-in-out 0.3s;
}
.widget-dnd > switch:checked {
- background: #98971a;
+ background: @bg-selected;
}
.widget-dnd > switch slider {
- background: #3c3836;
- border-radius: 0px;
+ background: @noti-bg-hover;
+ border-radius: 12px;
}
/* Label widget */
@@ -539,13 +569,13 @@
.widget-buttons-grid {
padding: 8px;
margin: 8px;
- border-radius: 0px;
+ border-radius: 12px;
background-color: @noti-bg;
}
.widget-buttons-grid > flowbox > flowboxchild > button {
background: @noti-bg;
- border-radius: 0px;
+ border-radius: 12px;
}
.widget-buttons-grid > flowbox > flowboxchild > button.toggle:checked {
diff --git a/tofi/config b/tofi/config
index 6172b29..b45eabc 100644
--- a/tofi/config
+++ b/tofi/config
@@ -37,11 +37,11 @@
min-input-width = 0
# Width and height of the window. Can be pixels or a percentage.
- width = 25%
- height = 35%
+ width = 15%
+ height = 30%
# Window background color
- background-color = #a89984ef
-
+ # background-color = #a89984
+ background-color = #bdae93
# Width of the border outlines in pixels.
outline-width = 0
# Border outline color
@@ -206,10 +206,10 @@ z
### Behaviour
#
# Hide the mouse cursor.
- hide-cursor = false
+ hide-cursor = true
# Show a text cursor in the input field.
- text-cursor = true
+ text-cursor = false
# Sort results by number of usages in run and drun modes.
history = true