Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

gnome-shell: make notification banners light

Browse Source
This commit is contained in:
Horst3180 2015-08-24 14:11:29 +02:00
parent 776b2c1ce5
commit 6258307032
2 changed files with 43 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
common/gnome-shell/3.16/gnome-shell.css
View File

@ -25,70 +25,74 @@ stage {
min-height: 20px;
padding: 5px 32px;
transition-duration: 0;
border-radius: 2px;
border-radius: 2px; }
.button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #cfd6e6; }
.button:focus {
.button:focus, .notification-banner .notification-button:focus,
.hotplug-notification-item:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #5294E2; }
.button:hover {
.button:hover, .notification-banner .notification-button:hover,
.hotplug-notification-item:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #5294E2; }
.button:hover:focus {
.button:hover:focus, .notification-banner .notification-button:hover:focus,
.hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5294E2;
background-color: #fbfbfc;
border: 1px solid #5294E2; }
.button:active, .button:active:focus {
.button:active, .notification-banner .notification-button:active,
.hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus,
.hotplug-notification-item:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294E2;
border: 1px solid #5294E2; }
.button:insensitive {
.button:insensitive, .notification-banner .notification-button:insensitive,
.hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
.modal-dialog-button-box .button, .notification-banner .notification-button,
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item {
.modal-dialog-button-box .button {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF;
border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); }
.modal-dialog-button-box .button:hover, .notification-banner .notification-button:hover,
.hotplug-notification-item:hover {
.modal-dialog-button-box .button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF;
border: 1px solid #5294E2;
background-color: rgba(0, 0, 0, 0.3); }
.modal-dialog-button-box .button:focus, .notification-banner .notification-button:focus,
.hotplug-notification-item:focus {
.modal-dialog-button-box .button:focus {
color: #5294E2; }
.modal-dialog-button-box .button:active, .notification-banner .notification-button:active,
.hotplug-notification-item:active {
.modal-dialog-button-box .button:active {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #ffffff;
border: 1px solid #5294E2;
background-color: #5294E2; }
.modal-dialog-button-box .button:insensitive, .notification-banner .notification-button:insensitive,
.hotplug-notification-item:insensitive {
.modal-dialog-button-box .button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #555a62;
@ -592,8 +596,7 @@ StScrollBar {
min-height: 27px;
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn {
border-image: none;
background-color: rgba(31, 33, 37, 0.95); }
border-image: none; }
#panel.unlock-screen,
#panel.login-screen,
#panel.lock-screen {
@ -1391,10 +1394,10 @@ StScrollBar {
width: 34em;
margin: 5px;
padding: 10px;
color: #BAC3CF;
color: #5c616c;
background-color: transparent;
border: 1px solid transparent;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9; }
border-image: url("light-assets/menu/menu.svg") 9 9 9 9; }
.notification-banner .notification-icon,
.notification-banner:hover .notification-icon,
.notification-banner:focus .notification-icon {
@ -1435,7 +1438,7 @@ StScrollBar {
margin: 5px; }
.chat-log-message {
color: #BAC3CF; }
color: #5c616c; }
.chat-new-group {
padding-top: 1em; }
@ -1448,13 +1451,13 @@ StScrollBar {
StEntry.chat-response {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.4); }
color: #5c616c;
background-color: #ffffff;
border: 1px solid #cfd6e6; }
StEntry.chat-response:focus {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294E2; }
.chat-sent {
@ -1468,7 +1471,7 @@ StEntry.chat-response {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: rgba(186, 195, 207, 0.6); }
color: rgba(92, 97, 108, 0.6); }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }

20
common/gnome-shell/3.16/sass/_common.scss
View File

@ -53,6 +53,10 @@ stage {
transition-duration: 0;
border-radius: 2px;
@extend %button;
}
%button {
@include button(normal);
&:focus { @include button(focus); }
@ -1736,10 +1740,10 @@ StScrollBar {
width: 34em;
margin: 5px;
padding: 10px;
color: $osd_fg_color;
color: $fg_color;
background-color: transparent;
border: 1px solid transparent;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9;
.notification-icon { padding: 5px; }
@ -1754,7 +1758,7 @@ StScrollBar {
}
.notification-button {
padding: 4px 4px 5px;
@extend %osd_button;
@extend %button;
&:first-child, &:last-child { border-radius: 2px; }
}
@ -1765,7 +1769,7 @@ StScrollBar {
// Chat Bubbles
.chat-body { spacing: 5px; }
.chat-response { margin: 5px; }
.chat-log-message { color: $osd_fg_color; }
.chat-log-message { color: $fg_color; }
.chat-new-group { padding-top: 1em; }
.chat-received {
padding-left: 4px;
@ -1774,9 +1778,9 @@ StScrollBar {
}
StEntry.chat-response {
@include entry(osd);
@include entry(normal);
&:focus { @include entry(osd-focus); }
&:focus { @include entry(focus); }
}
.chat-sent {
@ -1790,7 +1794,7 @@ StEntry.chat-response {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: transparentize($osd_fg_color, 0.4);
color: transparentize($fg_color, 0.4);
&:rtl { padding-left: 0; padding-right: 4px; }
}
@ -1805,7 +1809,7 @@ StEntry.chat-response {
.hotplug-notification-item {
padding: 2px 10px;
@extend %osd_button;
@extend %button;
&:focus { padding: 2px 10px; }
}