colin/SwayNotificationCenter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated default style to follow libadwaita style

Browse Source
This commit is contained in:
Erik Reider
2022-05-11 21:21:13 +02:00
parent e7556a0da0
commit 50d2274f60
2 changed files with 44 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/notification/notification.ui
View File

@@ -231,30 +231,21 @@
<property name="receives-default">False</property> <property name="receives-default">False</property>
<property name="halign">center</property> <property name="halign">center</property>
<property name="valign">center</property> <property name="valign">center</property>
<property name="margin-left">4</property>
<property name="margin-right">4</property>
<property name="margin-start">4</property> <property name="margin-start">4</property>
<property name="margin-end">4</property> <property name="margin-end">4</property>
<property name="margin-top">2</property> <property name="margin-top">2</property>
<property name="margin-bottom">2</property> <property name="margin-bottom">2</property>
<property name="relief">none</property> <property name="relief">none</property>
<child> <child>
<object class="GtkLabel"> <object class="GtkImage">
<property name="visible">True</property> <property name="visible">True</property>
<property name="can-focus">False</property> <property name="can-focus">False</property>
<property name="halign">center</property> <property name="icon-name">window-close-symbolic</property>
<property name="valign">center</property>
<property name="xpad">7</property>
<property name="label" translatable="yes">×</property>
<property name="justify">center</property>
<attributes>
<attribute name="size" value="16384"/>
</attributes>
</object> </object>
</child> </child>
<style> <style>
<class name="circular"/>
<class name="close-button"/> <class name="close-button"/>
<class name="circular"/>
</style> </style>
</object> </object>
</child> </child>

64
src/style.css
View File

@@ -2,24 +2,32 @@
* vim: ft=less * vim: ft=less
*/ */
@define-color border-color rgb(7, 7, 7); @define-color cc-bg rgba(0, 0, 0, 0.7);
@define-color bg rgb(58, 58, 58);
@define-color bg-hover rgb(68, 68, 68); @define-color noti-border-color rgba(255, 255, 255, 0.15);
@define-color bg-focus rgba(68, 68, 68, 0.6); @define-color noti-bg rgb(48, 48, 48);
@define-color noti-bg-hover rgb(56, 56, 56);
@define-color noti-bg-focus rgba(68, 68, 68, 0.6);
@define-color noti-close-bg rgba(255, 255, 255, 0.1);
@define-color noti-close-bg-hover rgba(255, 255, 255, 0.15);
@define-color bg-selected rgb(0, 128, 255); @define-color bg-selected rgb(0, 128, 255);
.notification-row { .notification-row {
outline: none; outline: none;
} }
.notification-row:focus, .notification-row:focus,
.notification-row:hover { .notification-row:hover {
background: @bg-focus; background: @noti-bg-focus;
} }
.notification { .notification {
border-radius: 10px; border-radius: 10px;
margin: 6px 12px; margin: 6px 12px;
box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3),
0 1px 3px 1px rgba(0, 0, 0, 0.7),
0 2px 6px 2px rgba(0, 0, 0, 0.3);
padding: 0; padding: 0;
} }
@@ -50,15 +58,19 @@
} }
.close-button { .close-button {
background: black; background: @noti-close-bg;
color: white; color: white;
text-shadow: none; text-shadow: none;
padding: 0 2px; padding: 0 4px;
box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.3);
border-radius: 100%; border-radius: 100%;
margin-top: 10px;
margin-right: 16px;
box-shadow: none;
} }
.close-button:hover { .close-button:hover {
background: rgb(30, 30, 30); box-shadow: none;
background: @noti-close-bg-hover;
transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
} }
@@ -67,13 +79,15 @@
padding: 4px; padding: 4px;
margin: 0; margin: 0;
box-shadow: none; box-shadow: none;
background: @bg; background: @noti-bg;
border: 1px solid @border-color; border: 1px solid @noti-border-color;
color: white;
} }
.notification-default-action:hover, .notification-default-action:hover,
.notification-action:hover { .notification-action:hover {
background: @bg-hover; -gtk-icon-effect: none;
background: @noti-bg-hover;
} }
.notification-default-action { .notification-default-action {
@@ -96,13 +110,13 @@
.notification-action:first-child { .notification-action:first-child {
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
} }
.notification-action:last-child { .notification-action:last-child {
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
border-right: 1px solid @border-color; border-right: 1px solid @noti-border-color;
} }
.image { .image {}
}
.body-image { .body-image {
margin-top: 6px; margin-top: 6px;
@@ -118,6 +132,7 @@
.time { .time {
color: white; color: white;
text-shadow: none; text-shadow: none;
margin-right: 18px;
} }
.body { .body {
@@ -134,32 +149,35 @@
.control-center-clear-all { .control-center-clear-all {
color: white; color: white;
text-shadow: none; text-shadow: none;
background: @bg; background: @noti-bg;
border: 1px solid @border-color; border: 1px solid @noti-border-color;
box-shadow: none; box-shadow: none;
border-radius: 10px; border-radius: 10px;
} }
.control-center-clear-all:hover { .control-center-clear-all:hover {
background: @bg-hover; background: @noti-bg-hover;
} }
.control-center-dnd { .control-center-dnd {
border-radius: 10px; border-radius: 10px;
background: @bg; background: @noti-bg;
border: 1px solid @border-color; border: 1px solid @noti-border-color;
box-shadow: none; box-shadow: none;
} }
.control-center-dnd:checked { .control-center-dnd:checked {
background: @bg-selected; background: @bg-selected;
} }
.control-center-dnd slider { .control-center-dnd slider {
background: @bg-hover; background: @noti-bg-hover;
} }
.control-center { .control-center {
background: rgba(0, 0, 0, 0.7); background: @cc-bg;
} }
.control-center-list { .control-center-list {
background: transparent; background: transparent;
} }