From 6258307032baae39d643214eccb52571f300de01 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 24 Aug 2015 14:11:29 +0200 Subject: gnome-shell: make notification banners light --- common/gnome-shell/3.16/gnome-shell.css | 59 +++++++++++++++++---------------- 1 file changed, 31 insertions(+), 28 deletions(-) (limited to 'common/gnome-shell/3.16/gnome-shell.css') diff --git a/common/gnome-shell/3.16/gnome-shell.css b/common/gnome-shell/3.16/gnome-shell.css index 43abf98..5521b5b 100644 --- a/common/gnome-shell/3.16/gnome-shell.css +++ b/common/gnome-shell/3.16/gnome-shell.css @@ -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; } -- cgit v1.2.3