Adds new style

This commit is contained in:
Michel Fedde 2025-04-25 21:26:38 +02:00
parent 54ecbaea3c
commit 271bbff95e
13 changed files with 74 additions and 43 deletions

View file

@ -7,7 +7,7 @@ $notify-bg-hover: $background;
$notify-bg-darker: color.adjust($background, $lightness: -2%);
$notify-bg-focus: color.adjust($background, $lightness: 4%);
$close-bg: rgba($foreground, 0.4);
$close-bg: rgba($foreground, 0.6);
$close-bg-hover: transparent;
.notification-row {
@ -51,7 +51,6 @@ $close-bg-hover: transparent;
padding: 0;
transition: background 0.15s ease-in-out;
background: $notify-bg;
box-shadow: $box-shadow;
}
.notification-row .notification-background .notification.low {
@ -83,7 +82,7 @@ $close-bg-hover: transparent;
.notification-row .notification-background .notification .notification-default-action {
/* The large action that also displays the notification summary and body */
border-radius: 12px;
border-radius: $border-radius;
}
.notification-row .notification-background .notification .notification-default-action:not(:only-child) {
@ -94,8 +93,8 @@ $close-bg-hover: transparent;
.notification-row .notification-background .notification .notification-default-action .notification-content {
background: transparent;
border-radius: 12px;
padding: 4px;
border-radius: $border-radius;
padding: 0.3rem;
}
.notification-row .notification-background .notification .notification-default-action .notification-content .image {
@ -103,7 +102,7 @@ $close-bg-hover: transparent;
-gtk-icon-effect: none;
border-radius: 100px;
/* Size in px */
margin: 4px;
margin: 2px;
}
.notification-row .notification-background .notification .notification-default-action .notification-content .app-icon {
@ -150,7 +149,7 @@ $close-bg-hover: transparent;
/* The "extra" optional bottom notification image */
margin-top: 4px;
background-color: white;
border-radius: 12px;
border-radius: $border-radius;
-gtk-icon-effect: none;
}
@ -164,20 +163,20 @@ $close-bg-hover: transparent;
color: $foreground;
caret-color: $foreground;
border: 1px solid $notify-border-color;
border-radius: 12px;
border-radius: $border-radius;
}
.notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button {
margin-left: 4px;
background: $notify-bg;
border: 1px solid $notify-border-color;
border-radius: 12px;
border-radius: $border-radius;
color: $foreground;
}
.notification-row .notification-background .notification .notification-default-action .notification-content .inline-reply .inline-reply-button:disabled {
background: initial;
color: $foreground-disabled;
color: $foreground;
border: 1px solid $notify-border-color;
border-color: transparent;
}