Adds new style
This commit is contained in:
parent
54ecbaea3c
commit
271bbff95e
13 changed files with 74 additions and 43 deletions
|
|
@ -1,33 +1,36 @@
|
|||
@import "../../library/entry.scss";
|
||||
|
||||
* {
|
||||
color: $foreground;
|
||||
$background: rgba(30, 30, 30, 0.8);
|
||||
$foreground: #ffffff;
|
||||
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
#window {
|
||||
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
box#main {
|
||||
background-color: $background;
|
||||
box-shadow: $box-shadow;
|
||||
border: none;
|
||||
border: 1px solid $color2;
|
||||
border-radius: $border-radius;
|
||||
color: $foreground;
|
||||
box-shadow: $box-shadow-inner-less;
|
||||
}
|
||||
|
||||
|
||||
list {
|
||||
entry {
|
||||
padding: $input-padding;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: $foreground
|
||||
}
|
||||
|
||||
list#main {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
padding: 0.5rem;
|
||||
//padding: 0.5rem;
|
||||
}
|
||||
|
||||
list#plugin {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
label#match-desc {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import "../../theming/library/entry.scss";
|
||||
@import "../../library/entry.scss";
|
||||
|
||||
:root {
|
||||
--bg-color: #{$background};
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
@import "../../theming/library/entry.scss";
|
||||
@import "../../library/entry.scss";
|
||||
|
||||
* {
|
||||
color: $foreground;
|
||||
}
|
||||
|
||||
window {
|
||||
background-color: $background-semitransparent;
|
||||
background-color: $background;
|
||||
color: $foreground
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
|
||||
.control-center {
|
||||
/* The Control Center which contains the old notifications + widgets */
|
||||
background: $background-semitransparent;
|
||||
background: $background;
|
||||
color: $foreground;
|
||||
border-radius: $border-radius;
|
||||
border-left: 1px solid $foreground;
|
||||
border-left: 1px solid $color5;
|
||||
box-shadow: $box-shadow-inner;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@use "sass:color";
|
||||
@import "../../theming/library/entry.scss";
|
||||
@import "../../library/entry.scss";
|
||||
|
||||
@import "./notification.scss";
|
||||
@import "./controlpanel.scss";
|
||||
@import "./notification.scss";
|
||||
|
|
|
|||
|
|
@ -1,4 +0,0 @@
|
|||
$foreground-disabled: color.adjust($foreground, $lightness: -0.4);
|
||||
|
||||
$border-radius: 0.3rem;
|
||||
$box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@import "../../theming/library/entry.scss";
|
||||
@import "../../library/entry.scss";
|
||||
|
||||
$red: $color1;
|
||||
$green: $color2;
|
||||
|
|
@ -20,7 +20,7 @@ $dim: rgba($background, 0.75);
|
|||
}
|
||||
|
||||
window {
|
||||
background: $background-semitransparent;
|
||||
background: $background;
|
||||
color: $foreground;
|
||||
transition-property: background-color;
|
||||
transition-duration: 0.5s;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue