Gnome-Shell: tweak theme shadows
This commit is contained in:
parent
e37f7fe26e
commit
578d50fe8a
@ -2663,7 +2663,7 @@ StScrollBar {
|
|||||||
/* OSD */
|
/* OSD */
|
||||||
.osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel {
|
.osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel {
|
||||||
background-color: rgba(48, 51, 64, 0.96);
|
background-color: rgba(48, 51, 64, 0.96);
|
||||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
.screenshot-ui-type-button, .screenshot-ui-show-pointer-button {
|
.screenshot-ui-type-button, .screenshot-ui-show-pointer-button {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
@ -2730,9 +2730,12 @@ StScrollBar {
|
|||||||
-slider-handle-radius: 0; }
|
-slider-handle-radius: 0; }
|
||||||
|
|
||||||
/* Popovers/Menus */
|
/* Popovers/Menus */
|
||||||
|
.popup-menu-boxpointer, .candidate-popup-boxpointer {
|
||||||
|
-arrow-rise: 6px; }
|
||||||
|
|
||||||
.popup-menu-content, .candidate-popup-content {
|
.popup-menu-content, .candidate-popup-content {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2);
|
||||||
background-color: #272a34; }
|
background-color: #272a34; }
|
||||||
|
|
||||||
.popup-menu-item {
|
.popup-menu-item {
|
||||||
@ -2784,13 +2787,13 @@ StScrollBar {
|
|||||||
|
|
||||||
/* Notifications & Message Tray */
|
/* Notifications & Message Tray */
|
||||||
.notification-banner {
|
.notification-banner {
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
/* Window Picker */
|
/* Window Picker */
|
||||||
.window-caption {
|
.window-caption {
|
||||||
color: black;
|
color: black;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); }
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
.window-close, .screenshot-ui-close-button {
|
.window-close, .screenshot-ui-close-button {
|
||||||
background-image: url("assets/close-window.svg");
|
background-image: url("assets/close-window.svg");
|
||||||
@ -2877,7 +2880,7 @@ StScrollBar {
|
|||||||
/* Search */
|
/* Search */
|
||||||
.search-entry {
|
.search-entry {
|
||||||
color: black;
|
color: black;
|
||||||
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
|
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
@ -2901,7 +2904,7 @@ StScrollBar {
|
|||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.search-entry .search-entry-icon {
|
.search-entry .search-entry-icon {
|
||||||
color: white;
|
color: white;
|
||||||
icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); }
|
icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
|
||||||
|
|
||||||
.search-section-content {
|
.search-section-content {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
@ -2910,6 +2913,9 @@ StScrollBar {
|
|||||||
.search-provider-icon .list-search-provider-details {
|
.search-provider-icon .list-search-provider-details {
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
|
||||||
|
.list-search-result .list-search-result-description {
|
||||||
|
color: rgba(255, 255, 255, 0.8); }
|
||||||
|
|
||||||
/* Dash */
|
/* Dash */
|
||||||
#dash {
|
#dash {
|
||||||
color: white;
|
color: white;
|
||||||
|
|||||||
@ -2659,7 +2659,7 @@ StScrollBar {
|
|||||||
/* OSD */
|
/* OSD */
|
||||||
.osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel {
|
.osd-window, .resize-popup, .switcher-list, .workspace-switcher, .screenshot-ui-panel {
|
||||||
background-color: rgba(48, 51, 64, 0.96);
|
background-color: rgba(48, 51, 64, 0.96);
|
||||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
.screenshot-ui-type-button, .screenshot-ui-show-pointer-button {
|
.screenshot-ui-type-button, .screenshot-ui-show-pointer-button {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
@ -2726,9 +2726,12 @@ StScrollBar {
|
|||||||
-slider-handle-radius: 0; }
|
-slider-handle-radius: 0; }
|
||||||
|
|
||||||
/* Popovers/Menus */
|
/* Popovers/Menus */
|
||||||
|
.popup-menu-boxpointer, .candidate-popup-boxpointer {
|
||||||
|
-arrow-rise: 6px; }
|
||||||
|
|
||||||
.popup-menu-content, .candidate-popup-content {
|
.popup-menu-content, .candidate-popup-content {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2);
|
||||||
background-color: #fafafa; }
|
background-color: #fafafa; }
|
||||||
|
|
||||||
.popup-menu-item {
|
.popup-menu-item {
|
||||||
@ -2780,13 +2783,13 @@ StScrollBar {
|
|||||||
|
|
||||||
/* Notifications & Message Tray */
|
/* Notifications & Message Tray */
|
||||||
.notification-banner {
|
.notification-banner {
|
||||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
/* Window Picker */
|
/* Window Picker */
|
||||||
.window-caption {
|
.window-caption {
|
||||||
color: black;
|
color: black;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); }
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
.window-close, .screenshot-ui-close-button {
|
.window-close, .screenshot-ui-close-button {
|
||||||
background-image: url("assets/close-window.svg");
|
background-image: url("assets/close-window.svg");
|
||||||
@ -2873,7 +2876,7 @@ StScrollBar {
|
|||||||
/* Search */
|
/* Search */
|
||||||
.search-entry {
|
.search-entry {
|
||||||
color: black;
|
color: black;
|
||||||
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
|
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
@ -2897,7 +2900,7 @@ StScrollBar {
|
|||||||
icon-shadow: none; }
|
icon-shadow: none; }
|
||||||
.search-entry .search-entry-icon {
|
.search-entry .search-entry-icon {
|
||||||
color: white;
|
color: white;
|
||||||
icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); }
|
icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
|
||||||
|
|
||||||
.search-section-content {
|
.search-section-content {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
@ -2906,6 +2909,9 @@ StScrollBar {
|
|||||||
.search-provider-icon .list-search-provider-details {
|
.search-provider-icon .list-search-provider-details {
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
|
||||||
|
.list-search-result .list-search-result-description {
|
||||||
|
color: rgba(255, 255, 255, 0.8); }
|
||||||
|
|
||||||
/* Dash */
|
/* Dash */
|
||||||
#dash {
|
#dash {
|
||||||
color: white;
|
color: white;
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
$overview_transparent_bg: transparentize(white, .9);
|
$overview_transparent_bg: transparentize(white, .9);
|
||||||
$dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
$dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8);
|
||||||
|
|
||||||
// Dropshadow for large icons
|
// Dropshadow for large icons
|
||||||
.icon-dropshadow {
|
.icon-dropshadow {
|
||||||
@ -9,7 +9,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
/* OSD */
|
/* OSD */
|
||||||
%osd_panel {
|
%osd_panel {
|
||||||
background-color: transparentize($osd_bg_color, 0.04);
|
background-color: transparentize($osd_bg_color, 0.04);
|
||||||
box-shadow: 0 4px 10px transparentize(black, .8);
|
box-shadow: $dialog_box_shadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
// buttons on OSD elements
|
// buttons on OSD elements
|
||||||
@ -38,9 +38,13 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Popovers/Menus */
|
/* Popovers/Menus */
|
||||||
|
.popup-menu-boxpointer {
|
||||||
|
-arrow-rise: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
.popup-menu-content {
|
.popup-menu-content {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
box-shadow: 0 2px 4px transparentize(black, .8);
|
box-shadow: $dialog_box_shadow;
|
||||||
background-color: $base_color;
|
background-color: $base_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -96,9 +100,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Notifications & Message Tray */
|
/* Notifications & Message Tray */
|
||||||
.notification-banner {
|
.notification-banner { box-shadow: $dialog_box_shadow; }
|
||||||
box-shadow: 0 2px 4px transparentize(black, .8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Window Picker */
|
/* Window Picker */
|
||||||
// Window titles
|
// Window titles
|
||||||
@ -159,7 +161,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
#panel {
|
#panel {
|
||||||
$_panel_bg: transparentize($bg_color, .2);
|
$_panel_bg: transparentize($bg_color, .2);
|
||||||
$_panel_fg: if($variant=='light', black, white);
|
$_panel_fg: if($variant=='light', black, white);
|
||||||
$_panel_text_shadow: 0 1px 2px transparentize(black, 0.5);
|
$_panel_text_shadow: 0 1px 2px transparentize(black, 0.7);
|
||||||
background: $_panel_bg;
|
background: $_panel_bg;
|
||||||
text-shadow: $_panel_text_shadow;
|
text-shadow: $_panel_text_shadow;
|
||||||
|
|
||||||
@ -224,8 +226,9 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
/* Search */
|
/* Search */
|
||||||
// search entry
|
// search entry
|
||||||
.search-entry {
|
.search-entry {
|
||||||
|
$_text-shadow: 0px 1px 2px transparentize(black, 0.5);
|
||||||
color: black;
|
color: black;
|
||||||
text-shadow: 0px 1px 2px rgba(black, 0.9);
|
text-shadow: $_text-shadow;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: $overview_transparent_bg;
|
background-color: $overview_transparent_bg;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
@ -256,7 +259,7 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
|
|
||||||
.search-entry-icon {
|
.search-entry-icon {
|
||||||
color: white;
|
color: white;
|
||||||
icon-shadow: 0px 1px 2px rgba(black, 0.9);
|
icon-shadow: $_text-shadow;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -269,6 +272,10 @@ $dialog_box_shadow: 0 2px 8px 0 transparentize(black, .6);
|
|||||||
// search result provider
|
// search result provider
|
||||||
.search-provider-icon .list-search-provider-details { font-weight: bold; }
|
.search-provider-icon .list-search-provider-details { font-weight: bold; }
|
||||||
|
|
||||||
|
.list-search-result .list-search-result-description {
|
||||||
|
color: transparentize($osd_fg_color, .2);
|
||||||
|
}
|
||||||
|
|
||||||
/* Dash */
|
/* Dash */
|
||||||
#dash {
|
#dash {
|
||||||
color: $osd_fg_color;
|
color: $osd_fg_color;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user