Update 1

2026-04-19 18:05:23 +01:00
parent 801c9d74d0
commit aac7c9de0a
41 changed files with 665 additions and 142 deletions
@@ -0,0 +1,151 @@
+@define-color text            @fg;
+@define-color background-alt  @bg1;
+@define-color background      @bg0;
+@define-color selected        @green;
+@define-color hover           @bg2;
+@define-color urgent          @red;
+
+* {
+    /*background-alt:        @color1;      Buttons background */
+    /*selected:              @color2;      Button selected */
+    /*hover:                 @color5;      Hover button */
+    /*urgent:                @color6;      Urgency critical */
+    /*text-selected:         @background; */
+
+    color: @text;
+
+    all: unset;
+    font-size: 14px;
+    font-family: "Rubik", "JetBrains Mono Nerd Font Propo";
+    transition: 200ms;
+}
+
+.notification-row {
+    outline: none;
+    margin: 0;
+    padding: 0px;
+}
+
+.floating-notifications.background .notification-row .notification-background {
+    background: alpha(@background, 0.55);
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
+    border: 1px solid @selected;
+    border-radius: 24px;
+    margin: 16px;
+    padding: 0;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification {
+    padding: 6px;
+    border-radius: 12px;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification.critical {
+    border: 2px solid @urgent;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification
+    .notification-content {
+    margin: 14px;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification
+    > *:last-child
+    > * {
+    min-height: 3.4em;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification
+    > *:last-child
+    > *
+    .notification-action {
+    border-radius: 8px;
+    background-color: @background-alt;
+    margin: 6px;
+    border: 1px solid transparent;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification
+    > *:last-child
+    > *
+    .notification-action:hover {
+    background-color: @hover;
+    border: 1px solid @selected;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .notification
+    > *:last-child
+    > *
+    .notification-action:active {
+    background-color: @selected;
+    color: @background;
+}
+
+.image {
+    margin: 10px 20px 10px 0px;
+}
+
+.summary {
+    font-weight: 800;
+    font-size: 1rem;
+}
+
+.body {
+    font-size: 0.8rem;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .close-button {
+    margin: 6px;
+    padding: 2px;
+    border-radius: 6px;
+    background-color: transparent;
+    border: 1px solid transparent;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .close-button:hover {
+    background-color: @selected;
+}
+
+.floating-notifications.background
+    .notification-row
+    .notification-background
+    .close-button:active {
+    background-color: @selected;
+    color: @background;
+}
+
+.notification.critical progress {
+    background-color: @selected;
+}
+
+.notification.low progress,
+.notification.normal progress {
+    background-color: @selected;
+}