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