Skip to content

B
branding-etersoft-ximper
Commit a577c38c authored by Kirill Unitsaev's avatar Kirill Unitsaev Committed by Roman Alifanov
Browse files
Options

update swaync theme for gtk4

parent 3b56986e
Hide whitespace changes
Inline Side-by-side
Showing with 179 additions and 258 deletions
configs/hyprland/swaync/config.json
View file @ a577c38c
{ {
"$schema": "/etc/xdg/swaync/configSchema.json", "$schema": "/etc/xdg/swaync/configSchema.json",
"positionX": "right", "positionX": "right",
"positionY": "top", "positionY": "top",
"layer": "overlay", "layer": "overlay",
"layer-shell": true, "layer-shell": true,
"cssPriority": "user", "cssPriority": "user",
"control-center-width": 380, "control-center-width": 335,
"control-center-height": 760, "control-center-height": 760,
"control-center-margin-top": 2, "control-center-margin-top": 8,
"control-center-margin-bottom": 2, "control-center-margin-bottom": 8,
"control-center-margin-right": 1, "control-center-margin-right": 8,
"control-center-margin-left": 0, "control-center-margin-left": 0,
"notification-2fa-action": true, "notification-2fa-action": true,
...@@ -36,7 +37,7 @@ ...@@ -36,7 +37,7 @@
"widgets": [ "widgets": [
"menubar#label", "menubar#label",
"buttons-grid", "volume",
"mpris", "mpris",
"title", "title",
"dnd", "dnd",
...@@ -46,7 +47,7 @@ ...@@ -46,7 +47,7 @@
"title": { "title": {
"text": "Уведомления", "text": "Уведомления",
"clear-all-button": true, "clear-all-button": true,
"button-text": " 󰎟 " "button-text": "  Очистить "
}, },
"dnd": { "dnd": {
"text": "Не беспокоить" "text": "Не беспокоить"
...@@ -78,7 +79,7 @@ ...@@ -78,7 +79,7 @@
"position": "right", "position": "right",
"actions": [ "actions": [
{ {
"label": " ", "label": "",
"command": "wlogout -b 5 -T 300 -B 300" "command": "wlogout -b 5 -T 300 -B 300"
} }
] ]
...@@ -102,10 +103,10 @@ ...@@ -102,10 +103,10 @@
"label": "󰂯", "label": "󰂯",
"command": "blueman-manager" "command": "blueman-manager"
}, },
{ {
"label": "", "label": "",
"command": "loginctl lock-session" "command": "loginctl lock-session"
} }
] ]
} }
} }
......
configs/hyprland/swaync/style.css
View file @ a577c38c
...@@ -3,294 +3,210 @@ ...@@ -3,294 +3,210 @@
@define-color hover_bg #191b27; @define-color hover_bg #191b27;
@define-color text #D8E2EA; @define-color text #D8E2EA;
@define-color selected_text #a6a7ac; @define-color selected_text #a6a7ac;
@define-color border #7E01FF; @define-color border #5e647d;
@define-color error #bd2828; @define-color error #bd2828;
@define-color success #e89b0b; @define-color success #e89b0b;
@define-color accent #7E01FF; @define-color accent #7E01FF;
@define-color unfocused #f85656; @define-color unfocused #f85656;
@define-color priority_low #74e3b4;
@define-color priority_normal #86e8ff;
@define-color priority_critical #f26476;
* { * {
color: @text; color: @text;
font-size: 15px;
all: unset;
font-size: 14px;
transition: 200ms; transition: 200ms;
} }
.blank-window { /* ---------- ЦЕНТР УПРАВЛЕНИЯ ---- CONTROL CENTER */
background: transparent;
}
/* CONTROL CENTER ------------------------------------------------------------------------ */
.control-center { .control-center {
background: @bg; background: @bg;
border-radius: 15px; border-radius: 15px;
-gtk-outline-radius: 1.705rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.9);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); padding: 10px;
margin: 18px;
padding: 12px;
}
/* Notifications */
.control-center .notification-row .notification-background,
.control-center
.notification-row
.notification-background
.notification.critical {
background-color: @selected_bg;
border-radius: 15px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
margin: 4px 0px;
padding: 5px;
} }
.control-center .notification-row {
.notification-row background: none;
.notification-background
.notification.critical {
color: @unfocused;
} }
.control-center .notification-row:focus,
.notification-row .notification-group:focus,
.notification-background .notification-group {
.notification background: @bg;
.notification-content {
margin: 2px;
padding: 2px;
} }
.control-center .blank-window,
.notification-row .floating-notifications {
.notification-background background: none;
.notification
> *:last-child
> * {
min-height: 3.4em;
} }
.control-center
.notification-row
.notification-background
.notification
> *:last-child
> *
.notification-action {
background: @bg;
color: @text;
border-radius: 15px;
margin: 6px;
}
.control-center /* ---------- ГРУППА УВЕДОМЛЕНИЙ ---- NOTIFICATION GROUP */
.notification-row .notification-group .notification-group-close-button .close-button {
.notification-background
.notification
> *:last-child
> *
.notification-action:hover {
background: alpha(@bg, 0.6); background: alpha(@bg, 0.6);
border: 0.5px solid @border; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
margin: 15px 20px;
} }
.control-center .notification-group .notification-group-close-button .close-button:hover {
.notification-row background: alpha(@bg, 0.4);
.notification-background
.notification
> *:last-child
> *
.notification-action:active {
background: @selected_bg;
border: 0.5px solid @border;
} }
/* Buttons */ .notification-group .notification-group-buttons,
.notification-group .notification-group-headers {
.control-center .notification-row .notification-background .close-button {
background: transparent; background: transparent;
border-radius: 6px; margin: 0 15px;
color: @text; color: @text;
margin: 0px;
padding: 4px;
}
.control-center .notification-row .notification-background .close-button:hover {
background: alpha(@bg, 0.6);
border: 0.5px solid @border;
} }
.control-center .notification-group .notification-group-headers .notification-group-icon {
.notification-row
.notification-background
.close-button:active {
background: alpha(@bg, 0.6);
border: 0.5px solid @border;
}
/* Notifications expanded-group */
.notification-group {
margin: 2px 8px 2px 8px;
}
.notification-group-headers {
font-weight: bold;
font-size: 1.25rem;
color: @text; color: @text;
letter-spacing: 2px;
} }
.notification-group-icon { .notification-group .notification-group-headers .notification-group-header {
color: @selected_text; font-size: 18px;
}
.notification-group-collapse-button,
.notification-group-close-all-button {
background: transparent;
color: @text; color: @text;
margin: 4px;
border-radius: 6px;
padding: 4px;
} }
.notification-group-collapse-button:hover, .notification-group .notification-group-buttons {
.notification-group-close-all-button:hover { padding: 5px;
background: @selected_bg;
border: 0.5px solid @border;
} }
/* WIDGETS --------------------------------------------------------------------------- */ /* ---------- УВЕДОМЛЕНИЕЯ ---- NOTIFICATIONS */
.notification-row .notification-background .notification {
/* Notification clear button */ background: @selected_bg;
.widget-title { transition: background 0.15s ease-in-out;
padding: 0.341rem; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8);
margin: unset; border-radius: 8px;
border: none;
border-left: 1.5px;
padding: 5px;
} }
.widget-title button { /* ----- НИЗКИЙ ПРИОРИТЕТ --- LOW */
border: unset; .notification-row .notification-background .notification.low {
background-color: unset; border-left: 3px solid @priority_low;
border-radius: 1.159rem;
-gtk-outline-radius: 1.159rem;
padding: 0.141rem 0.141rem;
margin-right: 0.841rem;
} }
/* ----- ОБЫЧНЫЙ ПРИОРИТЕТ --- NORMAL */
.widget-title button:hover { .notification-row .notification-background .notification.normal {
background-color: @selected_bg; border-left: 3px solid @priority_normal;
border: 0.5px solid @border;
} }
.widget-title button:active { /* ----- ВЫСОКИЙ ПРИОРИТЕТ --- CRITICAL */
background-color: @selected_bg; .notification-row .notification-background .notification.critical {
border: 0.5px solid @border; border-left: 3px solid @priority_critical;
} }
.widget-dnd > switch { /* ----- ДЕЙСТВИЕ ПО УМОЛЧАНИЮ --- DEFAULT ACTION */
background: @selected_bg; .notification-default-action {
font-size: initial; background: transparent;
border-radius: 8px; padding: 10px;
box-shadow: none; margin: 0;
padding: 2px; border: none;
} }
.widget-dnd > switch:hover { /* ----- СОДЕРЖИМОЕ --- CONTENT */
background: @selected_bg; .notification-content {
background: transparent;
border: none;
padding: 0;
} }
.widget-dnd > switch:checked { .notification-content .image {
background: @selected_bg; border-radius: 15px;
margin: 0px 15px 0px 0px;
} }
.widget-dnd > switch:checked:hover { .notification-content .app-icon {
background: @selected_bg; margin: 6px;
} }
.widget-dnd > switch slider { .notification-content progressbar,
background: @selected_text; .notification-content .body-image {
border-radius: 6px; margin-top: 4px;
background: transparent;
} }
.widget-dnd > switch slider:checked { /* ----- ТЕКСТ --- TEXT */
background: @border; .notification-content .text-box .summary,
border-radius: 6px; .notification-content .text-box .time,
.notification-content .text-box .body {
background: transparent;
font-weight: normal;
font-size: 14px;
color: @text;
} }
.notification-content .text-box .summary,
/* Buttons menu */ .notification-content .text-box .time {
.widget-buttons-grid { font-weight: bold;
font-size: x-large;
padding: 6px 2px;
margin: 6px;
border-radius: 12px;
background: alpha(@selected_bg, 0.80);
font-family: FiraCode Nerd Font;
} }
.widget-buttons-grid > flowbox > flowboxchild > button { .notification-content .text-box .time {
border: none; margin-right: 30px;
margin: 4px 10px; font-size: 12px;
padding: 6px 12px;
background: transparent;
border-radius: 8px;
} }
.widget-buttons-grid > flowbox > flowboxchild > button:hover { .notification-content .text-box .summary {
background: alpha(@bg, 0.80); font-size: 16px;
} }
/* Music player */ /* ----- КНОПКА ЗАКРЫТИЯ --- CLOSE BUTTON */
.widget-mpris { .close-button {
background: @selected_bg; background: alpha(@bg, 0.8);
border-radius: 15px;
color: @text; color: @text;
margin: 20px 6px;
} }
/* NOTE: Background need *opacity 1* otherwise will turn into the album art blurred */ .close-button:hover {
.widget-mpris-player { background: alpha(@bg, 0.4);
background: @selected_bg;
border-radius: 15px;
border: 0px;
padding: 10px;
margin: 0px;
} }
.widget-mpris button { /* ----- КНОПКА --- BUTTON */
color: alpha(@text, 0.9); .notification-alt-actions {
background: transparent;
} }
.widget-mpris button:hover { .notification-action {
color: alpha(@text, 0.5); background: transparent;
} }
.widget-mpris-album-art { .notification-action>button {
border-radius: 15px; background: alpha(@bg, 0.8);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
border-radius: 12px;
font-size: 12px;
padding: 8px;
} }
.widget-mpris-title { .notification-action>button:hover {
font-weight: bold; background: alpha(@bg, 0.4);
font-size: 18px;
} }
.widget-mpris-subtitle { /* ---------- ВИДЖЕТЫ ---- WIDGETS */
font-size: 15px;
}
.widget-menubar { /* ----- МЕНЮ --- MENU */
.widget-menubar .text-button {
font-family: FiraCode Nerd Font; font-family: FiraCode Nerd Font;
background: transparent;
margin: 0px;
padding: 3px;
} }
.powermode-buttons { .powermode-buttons {
background: alpha(@selected_bg, 0.80); all: unset;
background: @selected_bg;
border-radius: 12px;
padding: 10px; padding: 10px;
margin: 8px; margin: 8px;
border-radius: 15px; border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
} }
.powermode-buttons>button { .powermode-buttons>button {
all: unset;
background: transparent; background: transparent;
border: none; border: none;
padding: 5px; padding: 5px;
...@@ -300,79 +216,83 @@ ...@@ -300,79 +216,83 @@
color: @selected_text; color: @selected_text;
} }
.notification-row { /* ----- ГРОМКОСТЬ --- VOLUME */
outline: none; .widget-volume {
margin: 0; background: @selected_bg;
padding: 0px; border-radius: 12px;
padding: 5px;
margin: 5px;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
} }
.floating-notifications.background .notification-row .notification-background { /* ----- ПРЕЕР --- MPRIS */
background: @bg; .widget-mpris {
box-shadow: 0 0 8px 0 rgba(0,0,0,.6); margin: 5px;
border-radius: 15px;
margin: 16px;
padding: 0;
} }
.floating-notifications.background .notification-row .notification-background .notification { .widget-mpris .widget-mpris-player {
padding: 6px; margin: 5px;
border-radius: 12px; border-radius: 12px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content { .widget-mpris .widget-mpris-player .mpris-background {
margin: 13px; filter: blur(10px);
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * { .widget-mpris .widget-mpris-player .mpris-overlay {
min-height: 3.4em; padding: 15px;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action { .widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-album-art {
border-radius: 15px; border: 1.3px solid @border;
background: alpha(@selected_bg, 0.40); border-radius: 12px;
margin: 6px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
border: 1px solid transparent;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover { .widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-title {
background: alpha(@selected_bg, 0.80); font-weight: bold;
border: 1px solid @border; font-size: 16px;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active { .widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-subtitle {
background: alpha(@selected_bg, 0.80); font-size: 12px;
color: @text;
} }
.image { .widget-mpris .widget-mpris-player .mpris-overlay>box>button {
margin: 10px 20px 10px 0px; margin: 10px 0px 0px;
} }
.summary { .widget-mpris .widget-mpris-player .mpris-overlay>box>button:hover {
font-weight: 800; background: alpha(@bg, 0.50);
font-size: 1rem;
} }
.body { /* ----- ЗАГОЛОВОК --- TITLE */
font-size: 0.8rem; .widget-title {
background: transparent;
} }
.floating-notifications.background .notification-row .notification-background .close-button { .widget-title>label {
margin: 6px; margin: 0px 5px;
padding: 2px; font-size: 20px;
border-radius: 6px;
background-color: transparent;
border: 1px solid transparent;
} }
.floating-notifications.background .notification-row .notification-background .close-button:hover { .widget-title>button {
background: alpha(@selected_bg, 0.80); background: @selected_bg;
border: 1px solid @border; border: 0.5px solid @border;
border-radius: 15px;
padding: 3px;
margin-right: 5px;
} }
.floating-notifications.background .notification-row .notification-background .close-button:active { .widget-title>button:hover {
background: alpha(@selected_bg, 0.80); background: alpha(@selected_bg, 0.5);
border: 1px solid @border; border: 1px solid alpha(@border, 0.5);
color: @text;
} }
/* ----- НЕ БЕСПОКОИТЬ --- DND */
.widget-dnd label {
margin: 0px 15px;
font-size: 16px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment