1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

gnome-shell: reset entry box-shadow differently to avoid crashes

This commit is contained in:
Horst3180 2015-08-24 19:37:32 +02:00
parent 6258307032
commit 3f30c8d736
5 changed files with 85 additions and 92 deletions

View File

@ -39,37 +39,37 @@ stage {
border-radius: 2px; border-radius: 2px;
background-gradient-direction: none !important; background-gradient-direction: none !important;
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6; }
.popup-menu .modal-dialog-button:focus { .popup-menu .modal-dialog-button:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.popup-menu .modal-dialog-button:hover { .popup-menu .modal-dialog-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.popup-menu .modal-dialog-button:hover:focus { .popup-menu .modal-dialog-button:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5294E2; color: #5294E2;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.popup-menu .modal-dialog-button:active, .popup-menu .modal-dialog-button:active:focus { .popup-menu .modal-dialog-button:active, .popup-menu .modal-dialog-button:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.popup-menu .modal-dialog-button:insensitive { .popup-menu .modal-dialog-button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
@ -90,7 +90,7 @@ stage {
transition-duration: 0; transition-duration: 0;
border-radius: 2px; border-radius: 2px;
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
@ -99,7 +99,7 @@ stage {
.hotplug-resident-eject-button:hover, .hotplug-resident-eject-button:hover,
.modal-dialog-button:hover, .modal-dialog-button-box .button:hover, .notification-button:hover, .notification-icon-button:hover, .hotplug-resident-mount:hover { .modal-dialog-button:hover, .modal-dialog-button-box .button:hover, .notification-button:hover, .notification-icon-button:hover, .hotplug-resident-mount:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
@ -113,7 +113,7 @@ stage {
.hotplug-resident-eject-button:active, .hotplug-resident-eject-button:active,
.modal-dialog-button:active, .modal-dialog-button-box .button:active, .notification-button:active, .notification-icon-button:active, .hotplug-resident-mount:active { .modal-dialog-button:active, .modal-dialog-button-box .button:active, .notification-button:active, .notification-icon-button:active, .hotplug-resident-mount:active {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
@ -122,7 +122,7 @@ stage {
.hotplug-resident-eject-button:insensitive, .hotplug-resident-eject-button:insensitive,
.modal-dialog-button:insensitive, .modal-dialog-button-box .button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .hotplug-resident-mount:insensitive { .modal-dialog-button:insensitive, .modal-dialog-button-box .button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .hotplug-resident-mount:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #555a62; color: #555a62;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); } background-color: rgba(0, 0, 0, 0.15); }
@ -136,20 +136,20 @@ StEntry {
transition-duration: 300ms; transition-duration: 300ms;
border-radius: 20px; border-radius: 20px;
background-gradient-direction: none !important; background-gradient-direction: none !important;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); }
StEntry:focus, StEntry:hover { StEntry:focus, StEntry:hover {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #5294E2; } border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); }
StEntry:insensitive { StEntry:insensitive {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
background-color: #fbfbfb; background-color: #fbfbfb;
border-color: 1px solid #e0e4ee; } border-color: 1px solid #e0e4ee;
box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.1); }
StEntry StIcon.capslock-warning { StEntry StIcon.capslock-warning {
icon-size: 16px; icon-size: 16px;
warning-color: #F27835; warning-color: #F27835;
@ -1282,7 +1282,7 @@ StScrollBar {
border-color: #5294E2; } border-color: #5294E2; }
.app-view-control:checked { .app-view-control:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
@ -1492,20 +1492,20 @@ StScrollBar {
padding-left: 6px; } padding-left: 6px; }
.summary-source-button .summary-source { .summary-source-button .summary-source {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.summary-source-button:hover .summary-source { .summary-source-button:hover .summary-source {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.summary-source-button:focus .summary-source, .summary-source-button:focus .summary-source,
.summary-source-button:selected .summary-source { .summary-source-button:selected .summary-source {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
@ -1561,15 +1561,15 @@ StScrollBar {
.notification StEntry { .notification StEntry {
padding: 7px; padding: 7px;
caret-color: #BAC3CF; caret-color: #BAC3CF;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.4); } border: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.notification StEntry:focus { .notification StEntry:focus {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #5294E2; } border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.secondary-icon { .secondary-icon {
icon-size: 1.09em; } icon-size: 1.09em; }
@ -1594,15 +1594,15 @@ StScrollBar {
StEntry.chat-response { StEntry.chat-response {
padding: 7px; padding: 7px;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.4); } border: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
StEntry.chat-response:focus { StEntry.chat-response:focus {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #5294E2; } border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.chat-sent { .chat-sent {
padding-left: 18pt; padding-left: 18pt;
@ -1688,25 +1688,25 @@ StEntry.chat-response {
box-shadow: none; box-shadow: none;
background-gradient-direction: none; background-gradient-direction: none;
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.keyboard-key:hover { .keyboard-key:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.keyboard-key:active, .keyboard-key:checked { .keyboard-key:active, .keyboard-key:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.keyboard-key:grayed { .keyboard-key:grayed {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #555a62; color: #555a62;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); } background-color: rgba(0, 0, 0, 0.15); }
@ -1782,25 +1782,25 @@ StEntry.chat-response {
padding: 3px 18px; } padding: 3px 18px; }
.login-dialog .modal-dialog-button:default { .login-dialog .modal-dialog-button:default {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:active { .login-dialog .modal-dialog-button:default:active {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:insensitive { .login-dialog .modal-dialog-button:default:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
@ -2007,15 +2007,15 @@ StEntry.chat-response {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #5294E2; selection-background-color: #5294E2;
selected-color: #ffffff; selected-color: #ffffff;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.4); } border: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus { .lg-dialog StEntry:focus {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #5294E2; } border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #2679db; } color: #2679db; }

View File

@ -15,42 +15,47 @@
// Entries drawing function // Entries drawing function
// //
//@extend %reset_style; //@extend %reset_style;
box-shadow: inset 0 0 transparentize($base_color, 1);
@if $t==normal { @if $t==normal {
color: $text_color; color: $text_color;
background-color: $entry_bg; background-color: $entry_bg;
border: 1px solid $entry_border; border: 1px solid $entry_border;
box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.9);
} }
@if $t==focus { @if $t==focus {
color: $fg_color; color: $fg_color;
background-color: $entry_bg; background-color: $entry_bg;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.9);
} }
@if $t==insensitive { @if $t==insensitive {
color: $insensitive_fg_color; color: $insensitive_fg_color;
background-color: mix($entry_bg, $bg_color, 55%); background-color: mix($entry_bg, $bg_color, 55%);
border-color: 1px solid mix($entry_border, $bg_color, 55%); border-color: 1px solid mix($entry_border, $bg_color, 55%);
box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.9);
} }
@if $t==osd { @if $t==osd {
color: $osd_fg_color; color: $osd_fg_color;
background-color: transparentize(black, 0.8); background-color: transparentize(black, 0.8);
border: 1px solid transparentize(black, 0.6); border: 1px solid transparentize(black, 0.6);
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
} }
@if $t==osd-focus { @if $t==osd-focus {
color: $osd_fg_color; color: $osd_fg_color;
background-color: transparentize(black, 0.8); background-color: transparentize(black, 0.8);
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
} }
@if $t==osd-insensitive { @if $t==osd-insensitive {
color: $osd_insensitive_fg_color; color: $osd_insensitive_fg_color;
background-color: transparentize(black, 0.9); background-color: transparentize(black, 0.9);
border-color: 1px solid transparentize(black, 0.6); border-color: 1px solid transparentize(black, 0.6);
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
} }
} }
@ -63,7 +68,7 @@
//@extend %reset_style; //@extend %reset_style;
text-shadow: 0 1px transparentize($base_color, 1); text-shadow: 0 1px transparentize($base_color, 1);
box-shadow: inset 0 0 transparentize($base_color, 1); box-shadow: inset 0 0 black;
@if $t==normal { @if $t==normal {
// //

View File

@ -31,28 +31,28 @@ stage {
.notification-banner:hover .notification-button, .notification-banner:hover .notification-button,
.notification-banner:focus .notification-button, .hotplug-notification-item { .notification-banner:focus .notification-button, .hotplug-notification-item {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6; }
.button:focus, .notification-banner .notification-button:focus, .button:focus, .notification-banner .notification-button:focus,
.hotplug-notification-item:focus { .hotplug-notification-item:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:hover, .notification-banner .notification-button:hover, .button:hover, .notification-banner .notification-button:hover,
.hotplug-notification-item:hover { .hotplug-notification-item:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .button:hover:focus, .notification-banner .notification-button:hover:focus,
.hotplug-notification-item:hover:focus { .hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5294E2; color: #5294E2;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
@ -60,27 +60,27 @@ stage {
.hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus,
.hotplug-notification-item:active:focus { .hotplug-notification-item:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.button:insensitive, .notification-banner .notification-button:insensitive, .button:insensitive, .notification-banner .notification-button:insensitive,
.hotplug-notification-item:insensitive { .hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
.modal-dialog-button-box .button { .modal-dialog-button-box .button {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.modal-dialog-button-box .button:hover { .modal-dialog-button-box .button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
@ -88,13 +88,13 @@ stage {
color: #5294E2; } color: #5294E2; }
.modal-dialog-button-box .button:active { .modal-dialog-button-box .button:active {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.modal-dialog-button-box .button:insensitive { .modal-dialog-button-box .button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #555a62; color: #555a62;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); } background-color: rgba(0, 0, 0, 0.15); }
@ -106,20 +106,20 @@ StEntry {
selected-color: #ffffff; selected-color: #ffffff;
transition-duration: 300ms; transition-duration: 300ms;
border-radius: 20px; border-radius: 20px;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); }
StEntry:focus, StEntry:hover { StEntry:focus, StEntry:hover {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #5294E2; } border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1); }
StEntry:insensitive { StEntry:insensitive {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
background-color: #fbfbfb; background-color: #fbfbfb;
border-color: 1px solid #e0e4ee; } border-color: 1px solid #e0e4ee;
box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.1); }
StEntry StIcon.capslock-warning { StEntry StIcon.capslock-warning {
icon-size: 16px; icon-size: 16px;
warning-color: #F27835; warning-color: #F27835;
@ -768,7 +768,7 @@ StScrollBar {
.world-clocks-button:focus, .world-clocks-button:focus,
.message-list-section-title:hover, .message-list-section-title:focus { .message-list-section-title:hover, .message-list-section-title:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
@ -776,7 +776,7 @@ StScrollBar {
.world-clocks-button:active, .world-clocks-button:active,
.message-list-section-title:active { .message-list-section-title:active {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
@ -1245,7 +1245,7 @@ StScrollBar {
border-color: #5294E2; } border-color: #5294E2; }
.app-view-control:checked { .app-view-control:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
@ -1449,17 +1449,6 @@ StScrollBar {
padding-left: 0px; padding-left: 0px;
padding-right: 4px; } padding-right: 4px; }
StEntry.chat-response {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #cfd6e6; }
StEntry.chat-response:focus {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294E2; }
.chat-sent { .chat-sent {
padding-left: 18pt; padding-left: 18pt;
color: #5294E2; } color: #5294E2; }
@ -1573,25 +1562,25 @@ StEntry.chat-response {
border-radius: 3px; border-radius: 3px;
box-shadow: none; box-shadow: none;
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.keyboard-key:hover { .keyboard-key:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #BAC3CF; color: #BAC3CF;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: rgba(0, 0, 0, 0.3); } background-color: rgba(0, 0, 0, 0.3); }
.keyboard-key:active, .keyboard-key:checked { .keyboard-key:active, .keyboard-key:checked {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
border: 1px solid #5294E2; border: 1px solid #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.keyboard-key:grayed { .keyboard-key:grayed {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #555a62; color: #555a62;
border: 1px solid rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); } background-color: rgba(0, 0, 0, 0.15); }
@ -1667,25 +1656,25 @@ StEntry.chat-response {
padding: 3px 18px; } padding: 3px 18px; }
.login-dialog .modal-dialog-button:default { .login-dialog .modal-dialog-button:default {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; } border: 1px solid #cfd6e6; }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:active { .login-dialog .modal-dialog-button:default:active {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.login-dialog .modal-dialog-button:default:insensitive { .login-dialog .modal-dialog-button:default:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
box-shadow: inset 0 0 rgba(255, 255, 255, 0); box-shadow: inset 0 0 black;
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
@ -1892,15 +1881,15 @@ StEntry.chat-response {
.lg-dialog StEntry { .lg-dialog StEntry {
selection-background-color: #5294E2; selection-background-color: #5294E2;
selected-color: #ffffff; selected-color: #ffffff;
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.4); } border: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog StEntry:focus { .lg-dialog StEntry:focus {
box-shadow: inset 0 0 rgba(255, 255, 255, 0);
color: #BAC3CF; color: #BAC3CF;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #5294E2; } border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #2679db; } color: #2679db; }

View File

@ -1777,12 +1777,6 @@ StScrollBar {
&:rtl { padding-left: 0px; padding-right: 4px; } &:rtl { padding-left: 0px; padding-right: 4px; }
} }
StEntry.chat-response {
@include entry(normal);
&:focus { @include entry(focus); }
}
.chat-sent { .chat-sent {
padding-left: 18pt; padding-left: 18pt;
color: $selected_bg_color; color: $selected_bg_color;

View File

@ -15,42 +15,47 @@
// Entries drawing function // Entries drawing function
// //
//@extend %reset_style; //@extend %reset_style;
box-shadow: inset 0 0 transparentize($base_color, 1);
@if $t==normal { @if $t==normal {
color: $text_color; color: $text_color;
background-color: $entry_bg; background-color: $entry_bg;
border: 1px solid $entry_border; border: 1px solid $entry_border;
box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.9);
} }
@if $t==focus { @if $t==focus {
color: $fg_color; color: $fg_color;
background-color: $entry_bg; background-color: $entry_bg;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.9);
} }
@if $t==insensitive { @if $t==insensitive {
color: $insensitive_fg_color; color: $insensitive_fg_color;
background-color: mix($entry_bg, $bg_color, 55%); background-color: mix($entry_bg, $bg_color, 55%);
border-color: 1px solid mix($entry_border, $bg_color, 55%); border-color: 1px solid mix($entry_border, $bg_color, 55%);
box-shadow: inset 0 2px 4px transparentize(mix($entry_bg, $bg_color, 55%), 0.9);
} }
@if $t==osd { @if $t==osd {
color: $osd_fg_color; color: $osd_fg_color;
background-color: transparentize(black, 0.8); background-color: transparentize(black, 0.8);
border: 1px solid transparentize(black, 0.6); border: 1px solid transparentize(black, 0.6);
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
} }
@if $t==osd-focus { @if $t==osd-focus {
color: $osd_fg_color; color: $osd_fg_color;
background-color: transparentize(black, 0.8); background-color: transparentize(black, 0.8);
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
} }
@if $t==osd-insensitive { @if $t==osd-insensitive {
color: $osd_insensitive_fg_color; color: $osd_insensitive_fg_color;
background-color: transparentize(black, 0.9); background-color: transparentize(black, 0.9);
border-color: 1px solid transparentize(black, 0.6); border-color: 1px solid transparentize(black, 0.6);
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
} }
} }
@ -63,7 +68,7 @@
//@extend %reset_style; //@extend %reset_style;
text-shadow: 0 1px transparentize($base_color, 1); text-shadow: 0 1px transparentize($base_color, 1);
box-shadow: inset 0 0 transparentize($base_color, 1); box-shadow: inset 0 0 black;
@if $t==normal { @if $t==normal {
// //