hyprland apps: recoloring to adwaita colors

parent 1550579d
@define-color bg #0B0E1D;
@define-color selected_bg #1D202F;
@define-color list_bg #191d2e;
@define-color popover_bg #141624;
@define-color accent_bg #3584e4;
@define-color border #7E01FF;
@define-color text #D8E2EA;
@define-color selected_text #a6a7ac;
@define-color accent_text #ffffff;
@define-color error #c01c28;
@define-color accent_error #e01b24;
* {
all: unset;
}
frame.background {
background: alpha(@bg, .85);
color: @text;
border-radius: 15px;
box-shadow: 0 0 12px 0 alpha(@selected_bg, .90);
}
frame.background.top {
font-size: 1.2rem;
padding: 5px;
background: alpha(@bg, .85);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
box.horizontal>button.default.suggested-action.text-button {
background: @accent_bg;
color: @accent_text;
padding-left: 18px;
padding-right: 18px;
margin: 0 8px;
border-radius: 15px;
transition: background .3s ease-in-out;
}
box.horizontal>button.default.suggested-action.text-button:hover {
background: @selected_bg;
color: @selected_text
}
box.horizontal>button.text-button { box.horizontal>button.text-button {
background: @error; color: #ffffff;
color: @text; border-radius: 12px;
padding: 12px; transition: background .3s ease-in-out;
border-radius: 12px;
transition: background .3s ease-in-out;
}
box.horizontal>button.text-button:hover {
background: #e62d42;
color: @selected_text
}
combobox {
background: @selected_bg;
color: @text;
border-radius: 15px;
padding: 12px;
box-shadow: 0 0 4px 0 alpha(@selected_bg, .6);
}
entry {
background: @selected_bg;
color: @text;
border-radius: 15px;
padding: 12px;
box-shadow: 0 0 4px 0 alpha(@selected_bg, .6);
}
combobox:disabled {
background: alpha(@selected_bg, .6);
color: alpha(@selected_text, .6);
border-radius: 15px;
padding: 12px;
box-shadow: 0 0 4px 0 alpha(@selected_bg, .6);
}
modelbutton.flat {
background: alpha(@list_bg, .65);
padding: 8px;
margin: 2px;
border-radius: 12px;
border-spacing: 6px;
}
modelbutton.flat:hover {
background: @list_bg;
} }
button.image-button.toggle { button.image-button.toggle {
margin-right: 36px; all: unset;
padding: 15px; margin-right: 36px;
border-radius: 12px; padding: 15px;
border-radius: 15px;
} }
button.image-button.toggle:hover { button.image-button.toggle:hover {
background: alpha(@selected_bg, .8); background: alpha(#ffffff, .1);
box-shadow: 0 0 4px 0px alpha(@selected_bg, .6);
} }
button.image-button.toggle:disabled { button.image-button.toggle:disabled {
color: alpha(@text, .4); color: alpha(#ffffff, .4);
margin-right: 36px;
padding: 12px;
border-radius: 12px;
}
combobox>popover {
background: @popover_bg;
border-radius: 15px;
border-spacing: 6px;
box-shadow: 0 0 4px 0 alpha(@selected_bg, .6);
padding: 6px 12px;
}
combobox>popover>contents {
padding: 5px;
}
combobox:hover {
background: shade(@selected_bg, 1.2);
}
entry.password {
border: 1.3px solid @border;
border-radius: 15px;
padding: 12px;
}
entry.password:hover {
border: 1.9px solid @border;
} }
...@@ -4,7 +4,6 @@ general { ...@@ -4,7 +4,6 @@ general {
hide_cursor = false hide_cursor = false
} }
auth { auth {
pam { pam {
enabled = true enabled = true
...@@ -43,12 +42,11 @@ label { ...@@ -43,12 +42,11 @@ label {
shape { shape {
monitor = monitor =
size = 530, 242 size = 530, 234
color = rgba(11, 14, 29, .8) color = rgb(222226)
rounding = 15 rounding = 15
shadow_passes = 4 border_size = 1
shadow_size = 2 border_color = rgb(434347)
shadow_color = rgb(11, 14, 29)
halign = center halign = center
valign = center valign = center
} }
...@@ -57,7 +55,7 @@ image { ...@@ -57,7 +55,7 @@ image {
monitor = monitor =
path = /var/lib/AccountsService/icons/$USER path = /var/lib/AccountsService/icons/$USER
border_size = 2 border_size = 2
border_color = rgb(7E01FF) border_color = rgb(434347)
size = 120 size = 120
rounding = -1 rounding = -1
position = 0, 120 position = 0, 120
...@@ -83,8 +81,8 @@ input-field { ...@@ -83,8 +81,8 @@ input-field {
dots_size = 0.3 dots_size = 0.3
dots_spacing = 0.4 dots_spacing = 0.4
dots_center = true dots_center = true
outer_color = rgba(126, 1, 255, .6) outer_color = rgb(5C84B9)
inner_color = rgb(29, 32, 47) inner_color = rgb(38383C)
font_color = rgb(216, 226, 234) font_color = rgb(216, 226, 234)
fade_on_empty = false fade_on_empty = false
font_family = $font font_family = $font
...@@ -106,7 +104,7 @@ label { ...@@ -106,7 +104,7 @@ label {
color = rgba(216, 226, 234, .6) color = rgba(216, 226, 234, .6)
font_size = 12 font_size = 12
font_family = $font font_family = $font
position = 0, -102 position = 0, -92
halign = center halign = center
valign = center valign = center
} }
...@@ -44,57 +44,57 @@ tab_bar_align center ...@@ -44,57 +44,57 @@ tab_bar_align center
tab_bar_min_tabs 2 tab_bar_min_tabs 2
tab_switch_strategy previous tab_switch_strategy previous
tab_activity_symbol " ● " tab_activity_symbol " ● "
tab_bar_background #060811 tab_bar_background #2e2e32
active_tab_foreground #a5b6cf active_tab_foreground #ffffff
active_tab_background #060811 active_tab_background #2e2e32
inactive_tab_foreground #4f5572 inactive_tab_foreground #a5b6cf
inactive_tab_background #060811 inactive_tab_background #2e2e32
active_tab_font_style normal active_tab_font_style normal
inactive_tab_font_style normal inactive_tab_font_style normal
# Цветовая схема / Color scheme # Цветовая схема / Color scheme
background #0B0E1D background #222226
foreground #adc8f0 foreground #ffffff
selection_foreground #ffffff selection_foreground #ffffff
selection_background #343a4f selection_background #5e5c64
# Чёрный / Black # Чёрный / Black
color0 #202333 color0 #241f31
color8 #5e647d color8 #5e5c64
# Красный / Red # Красный / Red
color1 #f26476 color1 #ed333b
color9 #f47c8b color9 #f66151
# Зелёный / Green # Зелёный / Green
color2 #74e3b4 color2 #2ec27e
color10 #89eac2 color10 #57e389
# Жёлтый / Yellow # Жёлтый / Yellow
color3 #ffe192 color3 #f5c211
color11 #ffeaa9 color11 #f8e45c
# Синий / Blue # Синий / Blue
color4 #7fb8ff color4 #1c71d8
color12 #95c7ff color12 #3584e4
# Пурпурный / Magenta # Пурпурный / Magenta
color5 #c78fff color5 #813d9c
color13 #d4a2ff color13 #c061cb
# Голубой / Cyan # Голубой / Cyan
color6 #86e8ff color6 #62a0ea
color14 #9ceeff color14 #99c1f1
# Белый / White # Белый / White
color7 #d3d8e0 color7 #c0bfbc
color15 #e6ebf1 color15 #ffffff
background_opacity 0.7 background_opacity 0.8
# Сочетания клавиш / Keyboard shortcuts # Сочетания клавиш / Keyboard shortcuts
map kitty_mod+t new_tab map kitty_mod+t new_tab
......
import QtQuick import QtQuick
import QtQuick.Layouts import QtQuick.Layouts
import Quickshell import Quickshell
import Quickshell.Wayland
import Quickshell.Services.Pipewire import Quickshell.Services.Pipewire
import Quickshell.Widgets import Quickshell.Widgets
...@@ -14,13 +15,22 @@ Scope { ...@@ -14,13 +15,22 @@ Scope {
Connections { Connections {
target: Pipewire.defaultAudioSink?.audio target: Pipewire.defaultAudioSink?.audio
function onMutedChanged() {
root.volume = target.muted ? 0 : target.volume
root.shouldShowOsd = true;
hideTimer.restart();
}
function onVolumeChanged() { function onVolumeChanged() {
if (target.muted)
return
root.volume = (Pipewire.defaultAudioSink?.audio.volume ?? 0)
root.shouldShowOsd = true; root.shouldShowOsd = true;
hideTimer.restart(); hideTimer.restart();
} }
} }
property bool shouldShowOsd: false property bool shouldShowOsd: false
property real volume: 0.0
Timer { Timer {
id: hideTimer id: hideTimer
...@@ -32,6 +42,8 @@ Scope { ...@@ -32,6 +42,8 @@ Scope {
active: root.shouldShowOsd active: root.shouldShowOsd
PanelWindow { PanelWindow {
WlrLayershell.layer: WlrLayer.Overlay
WlrLayershell.exclusiveZone: -1
anchors.bottom: true anchors.bottom: true
margins.bottom: screen.height / 20 margins.bottom: screen.height / 20
...@@ -44,7 +56,8 @@ Scope { ...@@ -44,7 +56,8 @@ Scope {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
radius: height / 2 radius: height / 2
color: "#900B0E1D" color: "#222226"
border.color: "#434347"
RowLayout { RowLayout {
anchors { anchors {
...@@ -67,7 +80,7 @@ Scope { ...@@ -67,7 +80,7 @@ Scope {
bottom: parent.bottom bottom: parent.bottom
} }
implicitWidth: parent.width * (Pipewire.defaultAudioSink?.audio.volume ?? 0) implicitWidth: parent.width * root.volume
radius: parent.radius radius: parent.radius
} }
} }
......
[Default] [Default]
show_panel=true show_panel=true
save_dir="$(xdg-user-dir PICTURES)/Снимки экрана"
save_filename_format=снимок-%Y%m%d-%H%M%S.png
auto_save=true auto_save=true
{ {
"$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": 350,
"control-center-width": 335, "control-center-height": 740,
"control-center-height": 760,
"control-center-margin-top": 8, "control-center-margin-top": 8,
"control-center-margin-bottom": 8, "control-center-margin-bottom": 8,
"control-center-margin-right": 8, "control-center-margin-right": 8,
"control-center-margin-left": 0, "control-center-margin-left": 0,
"notification-2fa-action": true, "notification-2fa-action": true,
"notification-inline-replies": false, "notification-inline-replies": false,
"notification-window-width": 400, "notification-window-width": 400,
"notification-icon-size": 45, "notification-icon-size": 45,
"notification-body-image-height": 160, "notification-body-image-height": 160,
"notification-body-image-width": 200, "notification-body-image-width": 200,
"timeout": 4, "timeout": 4,
"timeout-low": 2, "timeout-low": 2,
"timeout-critical": 6, "timeout-critical": 6,
"fit-to-screen": false, "fit-to-screen": false,
"keyboard-shortcuts": true, "keyboard-shortcuts": true,
"image-visibility": "when-available", "image-visibility": "when-available",
...@@ -32,9 +27,7 @@ ...@@ -32,9 +27,7 @@
"hide-on-clear": false, "hide-on-clear": false,
"hide-on-action": false, "hide-on-action": false,
"script-fail-notify": true, "script-fail-notify": true,
"text-empty": "Нет уведомлений", "text-empty": "Нет уведомлений",
"widgets": [ "widgets": [
"menubar#label", "menubar#label",
"volume", "volume",
...@@ -44,6 +37,12 @@ ...@@ -44,6 +37,12 @@
"notifications" "notifications"
], ],
"widget-config": { "widget-config": {
"notifications": {},
"volume": {
"label": "",
"show-per-app": true,
"empty-list-label": "Нет активного источника"
},
"title": { "title": {
"text": "Уведомления", "text": "Уведомления",
"clear-all-button": true, "clear-all-button": true,
...@@ -53,8 +52,8 @@ ...@@ -53,8 +52,8 @@
"text": "Не беспокоить" "text": "Не беспокоить"
}, },
"mpris": { "mpris": {
"image-size": 96, "show-album-art": "always",
"image-radius": 12 "autohide": true
}, },
"menubar#label": { "menubar#label": {
"menu#powermode-buttons": { "menu#powermode-buttons": {
...@@ -63,15 +62,24 @@ ...@@ -63,15 +62,24 @@
"actions": [ "actions": [
{ {
"label": " Производительность", "label": " Производительность",
"command": "powerprofilesctl set performance" "type": "toggle",
"active": true,
"command": "swaync-client -t && powerprofilesctl set performance && swaync-client -t",
"update-command": "sh -c '[[ $(powerprofilesctl get) == \"performance\" ]] && echo true || echo false'"
}, },
{ {
"label": " Баланс", "label": " Баланс",
"command": "powerprofilesctl set balanced" "type": "toggle",
"active": false,
"command": "swaync-client -t && powerprofilesctl set balanced && swaync-client -t",
"update-command": "sh -c '[[ $(powerprofilesctl get) == \"balanced\" ]] && echo true || echo false'"
}, },
{ {
"label": " Энергосбережение", "label": " Энергосбережение",
"command": "powerprofilesctl set power-saver" "type": "toggle",
"active": false,
"command": "swaync-client -t && powerprofilesctl set power-saver && swaync-client -t",
"update-command": "sh -c '[[ $(powerprofilesctl get) == \"power-saver\" ]] && echo true || echo false'"
} }
] ]
}, },
...@@ -84,30 +92,6 @@ ...@@ -84,30 +92,6 @@
} }
] ]
} }
},
"buttons-grid": {
"actions": [
{
"label": "",
"command": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle"
},
{
"label": "",
"command": "wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle"
},
{
"label": "",
"command": "kitty nmtui"
},
{
"label": "󰂯",
"command": "blueman-manager"
},
{
"label": "",
"command": "loginctl lock-session"
}
]
} }
} }
} }
@define-color bg #0B0E1D; @define-color bg #222226;
@define-color selected_bg #1D202F; @define-color selected_bg #38383C;
@define-color hover_bg #191b27;
@define-color text #D8E2EA; @define-color text #ffffff;
@define-color selected_text #a6a7ac; @define-color border #5C84B9;
@define-color border #5e647d; @define-color control-center-border #434347;
@define-color error #bd2828;
@define-color success #e89b0b;
@define-color accent #7E01FF;
@define-color unfocused #f85656;
@define-color priority_low #74e3b4; @define-color priority_low #74e3b4;
@define-color priority_normal #86e8ff; @define-color priority_normal #86e8ff;
...@@ -19,12 +15,15 @@ ...@@ -19,12 +15,15 @@
transition: 200ms; transition: 200ms;
} }
:root {
--mpris-album-art-icon-size: 64px;
}
/* ---------- ЦЕНТР УПРАВЛЕНИЯ ---- CONTROL CENTER */ /* ---------- ЦЕНТР УПРАВЛЕНИЯ ---- CONTROL CENTER */
.control-center { .control-center {
background: @bg; background: @bg;
border-radius: 15px; border-radius: 15px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.9); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
padding: 10px;
} }
.notification-row { .notification-row {
...@@ -78,11 +77,11 @@ ...@@ -78,11 +77,11 @@
.notification-row .notification-background .notification { .notification-row .notification-background .notification {
background: @selected_bg; background: @selected_bg;
transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.8); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
border-radius: 8px; border-radius: 15px;
border: none; border: none;
border-left: 1.5px; border-left: 3px;
padding: 5px; padding: 0px;
} }
/* ----- НИЗКИЙ ПРИОРИТЕТ --- LOW */ /* ----- НИЗКИЙ ПРИОРИТЕТ --- LOW */
...@@ -104,6 +103,7 @@ ...@@ -104,6 +103,7 @@
.notification-default-action { .notification-default-action {
background: transparent; background: transparent;
padding: 10px; padding: 10px;
padding-left: 5px;
margin: 0; margin: 0;
border: none; border: none;
} }
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
.notification-content .image { .notification-content .image {
border-radius: 15px; border-radius: 15px;
margin: 0px 15px 0px 0px; margin: 0px 10px 0px 0px;
} }
.notification-content .app-icon { .notification-content .app-icon {
...@@ -146,7 +146,7 @@ ...@@ -146,7 +146,7 @@
} }
.notification-content .text-box .time { .notification-content .text-box .time {
margin-right: 30px; margin-right: 20px;
font-size: 12px; font-size: 12px;
} }
...@@ -156,7 +156,7 @@ ...@@ -156,7 +156,7 @@
/* ----- КНОПКА ЗАКРЫТИЯ --- CLOSE BUTTON */ /* ----- КНОПКА ЗАКРЫТИЯ --- CLOSE BUTTON */
.close-button { .close-button {
background: alpha(@bg, 0.8); background: alpha(@bg, 0.6);
color: @text; color: @text;
} }
...@@ -173,26 +173,31 @@ ...@@ -173,26 +173,31 @@
background: transparent; background: transparent;
} }
.notification-action>button { .notification-action .text-button {
background: alpha(@bg, 0.8); background: alpha(@bg, 0.4);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
border-radius: 12px; border-radius: 12px;
font-size: 12px; font-size: 12px;
padding: 8px; padding: 8px;
} }
.notification-action>button:hover { .notification-action .text-button:hover {
background: alpha(@bg, 0.4); background: alpha(@bg, 0.2);
border: 1px solid @border;
} }
/* ---------- ВИДЖЕТЫ ---- WIDGETS */ /* ---------- ВИДЖЕТЫ ---- WIDGETS */
/* ----- МЕНЮ --- MENU */ /* ----- МЕНЮ --- MENU */
.widget-menubar {
margin: 0px;
padding: 5px;
}
.widget-menubar .text-button { .widget-menubar .text-button {
font-family: FiraCode Nerd Font; font-family: FiraCode Nerd Font;
background: transparent; background: transparent;
margin: 0px; margin: 0px;
padding: 3px; padding: 0px;
} }
.powermode-buttons { .powermode-buttons {
...@@ -200,55 +205,87 @@ ...@@ -200,55 +205,87 @@
background: @selected_bg; background: @selected_bg;
border-radius: 12px; border-radius: 12px;
padding: 10px; padding: 10px;
margin: 8px; margin: 5px;
border-radius: 15px; border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
} }
.powermode-buttons>button { .powermode-buttons .text-button {
all: unset; all: unset;
background: transparent; background: transparent;
border: none; border: none;
padding: 5px; margin: 2px;
border-radius: 15px;
}
.powermode-buttons .text-button:hover {
background: alpha(@bg, 0.3);
}
.powermode-buttons .text-button.toggle:checked {
background: alpha(@bg, 0.4);
} }
.powermode-buttons>button:hover { .powermode-buttons .text-button label {
color: @selected_text; padding-bottom: 5px;
}
.powermode-buttons .text-button label:hover {
color: alpha(@text, 0.6);
} }
/* ----- ГРОМКОСТЬ --- VOLUME */ /* ----- ГРОМКОСТЬ --- VOLUME */
.widget-volume { .widget-volume {
background: @selected_bg; background: @selected_bg;
border-radius: 12px; border-radius: 15px;
padding: 5px; padding: 5px;
margin: 5px; margin: 10px;
border-radius: 15px; border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.widget-volume .image-button {
background: transparent;
}
.widget-volume .horizontal label {
padding: 0px 2px 0px 13px;
margin: 0px;
font-size: 32px;
} }
/* ----- ПРЕЕР --- MPRIS */ /* ----- ПРЕЕР --- MPRIS */
.widget-mpris { .widget-mpris {
margin: 5px; margin: 5px;
border-radius: 15px;
} }
.widget-mpris .widget-mpris-player { .widget-mpris carouselindicatordots {
margin: 5px; margin: 0px;
border-radius: 12px; padding: 0px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
} }
.widget-mpris .widget-mpris-player .mpris-background { .widget-mpris .flat.image-button {
filter: blur(10px); margin: 0px;
padding: 0px;
}
.widget-mpris .mpris-background {
background: transparent;
}
.widget-mpris .widget-mpris-player {
margin: 5px;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
} }
.widget-mpris .widget-mpris-player .mpris-overlay { .widget-mpris .widget-mpris-player .mpris-overlay {
padding: 15px; background: @selected_bg;
padding: 5px;
} }
.widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-album-art { .widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-album-art {
border: 1.3px solid @border; border: 1.3px solid @border;
border-radius: 12px; border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); margin: 3px;
box-shadow: none;
} }
.widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-title { .widget-mpris .widget-mpris-player .mpris-overlay .widget-mpris-title {
...@@ -260,39 +297,70 @@ ...@@ -260,39 +297,70 @@
font-size: 12px; font-size: 12px;
} }
.widget-mpris .widget-mpris-player .mpris-overlay>box>button { .widget-mpris .widget-mpris-player .mpris-overlay .image-button {
margin: 10px 0px 0px; padding: 0px 5px 0px 5px;
} }
.widget-mpris .widget-mpris-player .mpris-overlay>box>button:hover { .widget-mpris .widget-mpris-player .mpris-overlay .image-button:hover {
background: alpha(@bg, 0.50); background: alpha(@bg, 0.3);
} }
/* ----- ЗАГОЛОВОК --- TITLE */ /* ----- ЗАГОЛОВОК --- TITLE */
.widget-title { .widget-title {
background: transparent; background: transparent;
padding: 0px;
margin: 10px;
} }
.widget-title>label { .widget-title>label {
margin: 0px 5px;
font-size: 20px; font-size: 20px;
} }
.widget-title>button { .widget-title>button {
background: @selected_bg; background: @selected_bg;
border: 0.5px solid @border;
border-radius: 15px; border-radius: 15px;
padding: 3px; padding: 3px 5px 3px 2px;
margin-right: 5px;
} }
.widget-title>button:hover { .widget-title>button:hover {
background: alpha(@selected_bg, 0.5); background: alpha(@selected_bg, 0.5);
border: 1px solid alpha(@border, 0.5); border: 1px solid @border;
} }
/* ----- НЕ БЕСПОКОИТЬ --- DND */ /* ----- НЕ БЕСПОКОИТЬ --- DND */
.widget-dnd {
padding: 0px;
margin: 10px;
margin-top: 0px;
}
.widget-dnd label { .widget-dnd label {
margin: 0px 15px;
font-size: 16px; font-size: 16px;
color: alpha(@text, 0.8);
}
.widget-notifications {
padding: 0px;
}
/* ----- УВЕДОМЛЕНИЯ --- NOTIFICATIONS */
.widget-notifications {
margin: 0px;
}
.widget-notifications .notification-group.collapsed
.notification-row:not(:last-child) .notification {
background: @bg;
}
.widget-notifications .notification-group.collapsed
.notification-row:not(:last-child) .notification.low {
border-left: 3px solid alpha(@priority_low, 0.5);
}
.widget-notifications .notification-group.collapsed
.notification-row:not(:last-child) .notification.normal {
border-left: 3px solid alpha(@priority_normal, 0.5);
}
.widget-notifications .notification-group.collapsed
.notification-row:not(:last-child) .notification.critical {
border-left: 3px solid alpha(@priority_critical, 0.5);
} }
@define-color bg #222226;
@define-color selected_bg #343437;
@define-color text #ffffff;
@define-color workspace_text #a6a7ac;
@define-color unfocused #f85656;
@define-color urgent #e89b0b;
@define-color accent #3584e4;
@define-color bg #fafafb;
@define-color selected_bg #deddda;
@define-color text rgb(0, 0, 6);
@define-color workspace_text #9a9996;
@define-color unfocused #f85656;
@define-color urgent #e89b0b;
@define-color accent #3584e4;
...@@ -52,24 +52,24 @@ window#waybar { ...@@ -52,24 +52,24 @@ window#waybar {
#workspaces button { #workspaces button {
padding: 0px; padding: 0px;
color: @selected_text; color: @workspace_text;
} }
#workspaces button:hover { #workspaces button:hover {
color: @text; color: @text;
background-color: @bg; background-color: @bg;
} }
#workspaces button.active { #workspaces button.active {
color: @border; color: @accent;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: @success; color: @urgent;
} }
#workspaces button.special { #workspaces button.special {
margin: 5px 5px; margin: 5px 5px;
padding: 0px 10px 0px 8px; padding: 0px 10px 0px 8px;
border-radius: 12px; border-radius: 12px;
border: 1.5px solid @selected_text; border: 1.5px solid @workspace_text;
} }
#workspaces button.special:hover { #workspaces button.special:hover {
color: @text; color: @text;
...@@ -78,18 +78,17 @@ window#waybar { ...@@ -78,18 +78,17 @@ window#waybar {
} }
#workspaces button.special.active { #workspaces button.special.active {
color: @border; color: @border;
border: 1.5px solid @border; border: 1.5px solid @accent;
} }
#workspaces button.special.urgent { #workspaces button.special.urgent {
color: @success; color: @success;
border: 1.5px solid @success; border: 1.5px solid @urgent;
} }
#tray { #tray {
padding: 0px 10px; padding: 0px 10px;
} }
#tray:hover { #tray:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
#tray menu { #tray menu {
...@@ -102,7 +101,6 @@ window#waybar { ...@@ -102,7 +101,6 @@ window#waybar {
} }
#custom-media:hover, #custom-media:hover,
#custom-media-mini:hover { /* extra */ #custom-media-mini:hover { /* extra */
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -110,7 +108,6 @@ window#waybar { ...@@ -110,7 +108,6 @@ window#waybar {
padding: 0px 15px 0px 13px; padding: 0px 15px 0px 13px;
} }
#idle_inhibitor:hover { #idle_inhibitor:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -118,7 +115,6 @@ window#waybar { ...@@ -118,7 +115,6 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#language:hover { #language:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -126,7 +122,6 @@ window#waybar { ...@@ -126,7 +122,6 @@ window#waybar {
padding: 0px 10px; padding: 0px 10px;
} }
#submap:hover { #submap:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -139,7 +134,6 @@ window#waybar { ...@@ -139,7 +134,6 @@ window#waybar {
padding: 0px 10px 0px 7px; padding: 0px 10px 0px 7px;
} }
#pulseaudio:hover { #pulseaudio:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
#pulseaudio.volume.muted { #pulseaudio.volume.muted {
...@@ -153,7 +147,6 @@ window#waybar { ...@@ -153,7 +147,6 @@ window#waybar {
padding: 0px 10px; padding: 0px 10px;
} }
#network:hover { #network:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -161,7 +154,6 @@ window#waybar { ...@@ -161,7 +154,6 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#bluetooth:hover { #bluetooth:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -169,7 +161,6 @@ window#waybar { ...@@ -169,7 +161,6 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#battery:hover { #battery:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -177,17 +168,14 @@ window#waybar { ...@@ -177,17 +168,14 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#backlight:hover { #backlight:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
#clock { #clock {
border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 10px; padding: 0px 7px 0px 10px;
} }
#clock:hover { #clock:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -196,11 +184,9 @@ window#waybar { ...@@ -196,11 +184,9 @@ window#waybar {
padding: 0px 10px 0px 7px; padding: 0px 10px 0px 7px;
} }
#custom-notification:hover { #custom-notification:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
tooltip { tooltip {
border-radius: 12px; border-radius: 12px;
background: alpha(@bg, 0.80); background: alpha(@bg, 0.80);
...@@ -217,7 +203,6 @@ tooltip label { ...@@ -217,7 +203,6 @@ tooltip label {
background-color: @bg; background-color: @bg;
} }
#window:hover { #window:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
window#waybar.empty #window { window#waybar.empty #window {
...@@ -237,6 +222,5 @@ window#waybar.empty #window { ...@@ -237,6 +222,5 @@ window#waybar.empty #window {
font-size: 13px; font-size: 13px;
} }
#custom-ddclight:hover { #custom-ddclight:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -52,24 +52,24 @@ window#waybar { ...@@ -52,24 +52,24 @@ window#waybar {
#workspaces button { #workspaces button {
padding: 0px; padding: 0px;
color: @selected_text; color: @workspace_text;
} }
#workspaces button:hover { #workspaces button:hover {
color: @text; color: @text;
background-color: @bg; background-color: @bg;
} }
#workspaces button.active { #workspaces button.active {
color: @border; color: @accent;
} }
#workspaces button.urgent { #workspaces button.urgent {
color: @success; color: @urgent;
} }
#workspaces button.special { #workspaces button.special {
margin: 5px 5px; margin: 5px 5px;
padding: 0px 10px 0px 8px; padding: 0px 10px 0px 8px;
border-radius: 12px; border-radius: 12px;
border: 1.5px solid @selected_text; border: 1.5px solid @workspace_text;
} }
#workspaces button.special:hover { #workspaces button.special:hover {
color: @text; color: @text;
...@@ -78,18 +78,17 @@ window#waybar { ...@@ -78,18 +78,17 @@ window#waybar {
} }
#workspaces button.special.active { #workspaces button.special.active {
color: @border; color: @border;
border: 1.5px solid @border; border: 1.5px solid @accent;
} }
#workspaces button.special.urgent { #workspaces button.special.urgent {
color: @success; color: @success;
border: 1.5px solid @success; border: 1.5px solid @urgent;
} }
#tray { #tray {
padding: 0px 10px; padding: 0px 10px;
} }
#tray:hover { #tray:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
#tray menu { #tray menu {
...@@ -102,7 +101,6 @@ window#waybar { ...@@ -102,7 +101,6 @@ window#waybar {
} }
#custom-media:hover, #custom-media:hover,
#custom-media-mini:hover { /* extra */ #custom-media-mini:hover { /* extra */
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -110,7 +108,6 @@ window#waybar { ...@@ -110,7 +108,6 @@ window#waybar {
padding: 0px 15px 0px 13px; padding: 0px 15px 0px 13px;
} }
#idle_inhibitor:hover { #idle_inhibitor:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -118,7 +115,6 @@ window#waybar { ...@@ -118,7 +115,6 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#language:hover { #language:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -126,7 +122,6 @@ window#waybar { ...@@ -126,7 +122,6 @@ window#waybar {
padding: 0px 10px; padding: 0px 10px;
} }
#submap:hover { #submap:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -139,7 +134,6 @@ window#waybar { ...@@ -139,7 +134,6 @@ window#waybar {
padding: 0px 10px 0px 7px; padding: 0px 10px 0px 7px;
} }
#pulseaudio:hover { #pulseaudio:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
#pulseaudio.volume.muted { #pulseaudio.volume.muted {
...@@ -153,7 +147,6 @@ window#waybar { ...@@ -153,7 +147,6 @@ window#waybar {
padding: 0px 10px; padding: 0px 10px;
} }
#network:hover { #network:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -161,7 +154,6 @@ window#waybar { ...@@ -161,7 +154,6 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#bluetooth:hover { #bluetooth:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -169,7 +161,6 @@ window#waybar { ...@@ -169,7 +161,6 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#battery:hover { #battery:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -177,17 +168,14 @@ window#waybar { ...@@ -177,17 +168,14 @@ window#waybar {
padding: 0px 15px; padding: 0px 15px;
} }
#backlight:hover { #backlight:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
#clock { #clock {
border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 10px; padding: 0px 7px 0px 10px;
} }
#clock:hover { #clock:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -196,11 +184,9 @@ window#waybar { ...@@ -196,11 +184,9 @@ window#waybar {
padding: 0px 10px 0px 7px; padding: 0px 10px 0px 7px;
} }
#custom-notification:hover { #custom-notification:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
tooltip { tooltip {
border-radius: 12px; border-radius: 12px;
background: alpha(@bg, 0.80); background: alpha(@bg, 0.80);
...@@ -217,7 +203,6 @@ tooltip label { ...@@ -217,7 +203,6 @@ tooltip label {
background-color: @bg; background-color: @bg;
} }
#window:hover { #window:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
window#waybar.empty #window { window#waybar.empty #window {
...@@ -237,6 +222,5 @@ window#waybar.empty #window { ...@@ -237,6 +222,5 @@ window#waybar.empty #window {
font-size: 13px; font-size: 13px;
} }
#custom-ddclight:hover { #custom-ddclight:hover {
color: @selected_text;
background-color: @selected_bg; background-color: @selected_bg;
} }
...@@ -2,10 +2,11 @@ width=35% ...@@ -2,10 +2,11 @@ width=35%
height=35% height=35%
location=center location=center
show=drun show=drun
columns=2
prompt=Search... prompt=Search...
filter_rate=100 filter_rate=100
allow_markup=true allow_markup=true
no_actions=false no_actions=true
halign=fill halign=fill
orientation=vertical orientation=vertical
content_halign=fill content_halign=fill
...@@ -14,3 +15,4 @@ allow_images=true ...@@ -14,3 +15,4 @@ allow_images=true
image_size=32 image_size=32
gtk_dark=true gtk_dark=true
layer=overlay layer=overlay
hide_scroll=true
...@@ -7,13 +7,14 @@ window { ...@@ -7,13 +7,14 @@ window {
#input { #input {
margin: 5px; margin: 5px;
color: #f8f8f2; color: #f8f8f2;
border-radius: 13px; border-radius: 8px;
background-color: #0B0E1D; border: 1.5px solid #5C84B9;
background-color: #38383C;
} }
#inner-box { #inner-box {
margin: 5px; margin: 0px;
background-color: #0B0E1D; background-color: #222226;
} }
#scroll { #scroll {
...@@ -23,9 +24,10 @@ window { ...@@ -23,9 +24,10 @@ window {
#outer-box { #outer-box {
margin: 0px; margin: 0px;
padding: 10px; padding: 5px;
background-color: #0B0E1D; background-color: #222226;
border-radius: 15px; border-radius: 15px;
border: 1.5px solid #434347
} }
#text { #text {
...@@ -33,14 +35,21 @@ window { ...@@ -33,14 +35,21 @@ window {
color: #c0caf5; color: #c0caf5;
} }
#entry {
background-color: #343437;
border-radius: 8px;
margin: 5px 5px 5px 5px;
padding: 5px 10px;
}
#entry:selected { #entry:selected {
background-color: #1D202F; background-color: #444447;
border-radius: 13px; border: 1px solid #5C84B9;
border: 0.8px solid #7E01FF; }
#entry * {
background-color: #343437;
} }
#entry:selected * { #entry:selected * {
background-color: #1D202F; background-color: #444447;
} }
#text:selected { #text:selected {
......
/* /*
раскомментируйте необходимый блок XIMPER_V1.0
*/
/*Цвета темы GTK*/
/*
@define-color bg @headerbar_bg_color;
@define-color selected_bg @view_bg_color;
@define-color text @headerbar_fg_color;
@define-color selected_text @accent_color;
@define-color border @dark_2;
@define-color error @error_bg_color;
@define-color success @warning_bg_color;
@define-color accent @accent_bg_color;
@define-color unfocused @destructive_color;
*/
/*Цвета темы Ximper*/
@define-color bg #0B0E1D;
@define-color selected_bg #1D202F;
@define-color text #D8E2EA;
@define-color selected_text #a6a7ac;
@define-color border #7E01FF;
@define-color error #bd2828;
@define-color success #e89b0b;
@define-color accent #081BFE;
@define-color unfocused #f85656;
/* Пользовательские цвета
@define-color bg ;
@define-color selected_bg ;
@define-color text ;
@define-color selected_text ;
@define-color border ;
@define-color error ;
@define-color success ;
@define-color accent ;
@define-color unfocused ;
*/ */
@import url("/etc/ximperdistro/hyprland/waybar/colors/adw-dark.css");
@import url("/etc/ximperdistro/hyprland/waybar/style-dark.css"); @import url("/etc/ximperdistro/hyprland/waybar/style-dark.css");
/* /*
раскомментируйте необходимый блок XIMPER_V1.0
*/
/*Цвета темы GTK*/
/*
@define-color bg @light_3;
@define-color selected_bg @view_bg_color;
@define-color text @headerbar_fg_color;
@define-color selected_text @accent_color;
@define-color border @dark_2;
@define-color error @error_bg_color;
@define-color success @warning_bg_color;
@define-color accent @accent_bg_color;
@define-color unfocused @destructive_color;
*/
/*Цвета темы Ximper*/
@define-color bg #c2c2c2;
@define-color selected_bg #a3a3a3;
@define-color text #020305;
@define-color selected_text #2f2e2e;
@define-color border #7E01FF;
@define-color error #ff0000;
@define-color success #f2a008;
@define-color accent #081BFE;
@define-color unfocused #e52323;
/* Пользовательские цвета
@define-color bg ;
@define-color selected_bg ;
@define-color text ;
@define-color selected_text ;
@define-color border ;
@define-color error ;
@define-color success ;
@define-color accent ;
@define-color unfocused ;
*/ */
@import url("/etc/ximperdistro/hyprland/waybar/colors/adw.css");
@import url("/etc/ximperdistro/hyprland/waybar/style.css"); @import url("/etc/ximperdistro/hyprland/waybar/style.css");
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