doing smoting with swaync

This commit is contained in:
joy 2024-08-24 11:59:23 +02:00
parent d311b77a32
commit 4bcf9e0008

View file

@ -22,7 +22,7 @@
timeout-critical = 0; timeout-critical = 0;
fit-to-screen = false; fit-to-screen = false;
control-center-width = 500; control-center-width = 500;
control-center-height = 1300; control-center-height = 1365;
notification-window-width = 440; notification-window-width = 440;
keyboard-shortcuts = true; keyboard-shortcuts = true;
image-visibility = "when-available"; image-visibility = "when-available";
@ -107,30 +107,25 @@
@define-color text-color #f9f5d7; @define-color text-color #f9f5d7;
@define-color text-color-disabled #bdae93; @define-color text-color-disabled #bdae93;
@define-color bg-selected #fabd2f; @define-color bg-selected #fabd2f;
* { * {
font-family: JetBrainsMono NFP; font-family: JetBrainsMono NFP;
font-weight: bold; font-weight: bold;
font-size: 14px font-size: 14px
} }
.control-center .notification-row:focus, .control-center .notification-row:focus,
.control-center .notification-row:hover { .control-center .notification-row:hover {
opacity: 1; opacity: 1;
background: @noti-bg-darker background: @noti-bg-darker
} }
.notification-row { .notification-row {
outline: none; outline: none;
margin: 20px; margin: 20px;
padding: 0; padding: 0;
} }
.notification { .notification {
background: transparent; background: transparent;
margin: 0px; margin: 0px;
} }
.notification-content { .notification-content {
background: @cc-bg; background: @cc-bg;
padding: 7px; padding: 7px;
@ -138,7 +133,6 @@
border: 2px solid #85796f; border: 2px solid #85796f;
margin: 0; margin: 0;
} }
.close-button { .close-button {
background: #d79921; background: #d79921;
color: @cc-bg; color: @cc-bg;
@ -148,14 +142,12 @@
margin-top: 5px; margin-top: 5px;
margin-right: 5px; margin-right: 5px;
} }
.close-button:hover { .close-button:hover {
box-shadow: none; box-shadow: none;
background: #fabd2f; background: #fabd2f;
transition: all .15s ease-in-out; transition: all .15s ease-in-out;
border: none border: none
} }
.notification-action { .notification-action {
color: #ebdbb2; color: #ebdbb2;
border: 2px solid #85796f; border: 2px solid #85796f;
@ -163,52 +155,42 @@
border-radius: 0px; border-radius: 0px;
background: #32302F; background: #32302F;
} }
.notification-default-action:hover, .notification-default-action:hover,
.notification-action:hover { .notification-action:hover {
color: #ebdbb2; color: #ebdbb2;
background: #32302F; background: #32302F;
} }
.summary { .summary {
padding-top: 7px; padding-top: 7px;
font-size: 13px; font-size: 13px;
color: #ebdbb2; color: #ebdbb2;
} }
.time { .time {
font-size: 11px; font-size: 11px;
color: #d79921; color: #d79921;
margin-right: 24px margin-right: 24px
} }
.body { .body {
font-size: 12px; font-size: 12px;
color: #ebdbb2; color: #ebdbb2;
} }
.control-center { .control-center {
background: @cc-bg; background: @cc-bg;
border: 2px solid #4E8A8D; border: 2px solid #4E8A8D;
border-radiu border-radiu
} }
.control-center-list { .control-center-list {
background: transparent background: transparent
} }
.control-center-list-placeholder { .control-center-list-placeholder {
opacity: .5 opacity: .5
} }
.floating-notifications { .floating-notifications {
background: transparent background: transparent
} }
.blank-window { .blank-window {
background: alpha(black, 0.1) background: alpha(black, 0.1)
} }
.widget-title { .widget-title {
color: #f9f5d7; color: #f9f5d7;
background: @noti-bg-darker; background: @noti-bg-darker;
@ -217,7 +199,6 @@
font-size: 1.5rem; font-size: 1.5rem;
border-radius: 5px; border-radius: 5px;
} }
.widget-title>button { .widget-title>button {
font-size: 1rem; font-size: 1rem;
color: @text-color; color: @text-color;
@ -226,12 +207,10 @@
box-shadow: none; box-shadow: none;
border-radius: 5px; border-radius: 5px;
} }
.widget-title>button:hover { .widget-title>button:hover {
background: #d79921; background: #d79921;
color: @cc-bg; color: @cc-bg;
} }
.widget-dnd { .widget-dnd {
background: @noti-bg-darker; background: @noti-bg-darker;
padding: 5px 10px; padding: 5px 10px;
@ -240,36 +219,29 @@
font-size: large; font-size: large;
color: #f2e5bc; color: #f2e5bc;
} }
.widget-dnd>switch { .widget-dnd>switch {
border-radius: 4px; border-radius: 4px;
background: #665c54; background: #665c54;
} }
.widget-dnd>switch:checked { .widget-dnd>switch:checked {
background: #d79921; background: #d79921;
border: 1px solid #d79921; border: 1px solid #d79921;
} }
.widget-dnd>switch slider { .widget-dnd>switch slider {
background: @cc-bg; background: @cc-bg;
border-radius: 5px border-radius: 5px
} }
.widget-dnd>switch:checked slider { .widget-dnd>switch:checked slider {
background: @cc-bg; background: @cc-bg;
border-radius: 5px border-radius: 5px
} }
.widget-label { .widget-label {
margin: 10px 10px 5px 10px; margin: 10px 10px 5px 10px;
} }
.widget-label>label { .widget-label>label {
font-size: 1rem; font-size: 1rem;
color: @text-color; color: @text-color;
} }
.widget-mpris { .widget-mpris {
color: @text-color; color: @text-color;
background: @noti-bg-darker; background: @noti-bg-darker;
@ -277,25 +249,20 @@
margin: 5px 10px 5px 10px; margin: 5px 10px 5px 10px;
border-radius: 0px; border-radius: 0px;
} }
.widget-mpris > box > button { .widget-mpris > box > button {
border-radius: 5px; border-radius: 5px;
} }
.widget-mpris-player { .widget-mpris-player {
padding: 5px 10px; padding: 5px 10px;
margin: 10px margin: 10px
} }
.widget-mpris-title { .widget-mpris-title {
font-weight: 700; font-weight: 700;
font-size: 1.25rem font-size: 1.25rem
} }
.widget-mpris-subtitle { .widget-mpris-subtitle {
font-size: 1.1rem font-size: 1.1rem
} }
.widget-buttons-grid { .widget-buttons-grid {
font-size: x-large; font-size: x-large;
padding: 5px; padding: 5px;
@ -303,24 +270,20 @@
border-radius: 5px; border-radius: 5px;
background: @noti-bg-darker; background: @noti-bg-darker;
} }
.widget-buttons-grid>flowbox>flowboxchild>button { .widget-buttons-grid>flowbox>flowboxchild>button {
margin: 3px; margin: 3px;
background: @cc-bg; background: @cc-bg;
border-radius: 5px; border-radius: 5px;
color: @text-color color: @text-color
} }
.widget-buttons-grid>flowbox>flowboxchild>button:hover { .widget-buttons-grid>flowbox>flowboxchild>button:hover {
background: #d79921; background: #d79921;
color: @cc-bg; color: @cc-bg;
} }
.widget-menubar>box>.menu-button-bar>button { .widget-menubar>box>.menu-button-bar>button {
border: none; border: none;
background: transparent background: transparent
} }
.topbar-buttons>button { .topbar-buttons>button {
border: none; border: none;
background: transparent background: transparent