pull/233/head
vinceliuice 4 years ago
parent d589a0acda
commit a5aebd34fe

@ -2,58 +2,68 @@
// Dialog
#LookingGlassDialog {
color: $secondary_fg_color;
background-color: $base_color;
spacing: 4px;
padding: 6px;
color: $inverse_secondary_fg_color;
background-color: $system_bg_color;
spacing: $container_padding;
padding: 0;
border: none;
border-radius: $buttons_radius;
border-radius: $popup_radius;
box-shadow: $shadow_4;
& > #Toolbar {
padding: 0 8px;
padding: $container_padding $container_padding * 1.5;
border: none;
border-radius: 0;
background-color: rgba($base_color, 0.01);
box-shadow: inset 0 -1px 0 $border_color;
border-radius: $popup_radius $popup_radius 0 0;
background-color: lighten($system_bg_color, 10%);
box-shadow: inset 0 -1px 0 $inverse_divider_color;
color: $inverse_secondary_fg_color;
}
.labels { spacing: 0; }
.labels {
spacing: 0;
color: $inverse_secondary_fg_color;
}
.notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
-natural-hpadding: $container_padding;
-minimum-hpadding: $container_padding;
font-weight: bold;
color: $hint_fg_color;
color: $inverse_hint_fg_color;
transition-duration: $longer_duration;
padding-left: 16px;
padding-right: 16px;
min-height: $medium_size;
padding: 0 16px * 2;
padding-left: $container_padding * 3;
padding-right: $container_padding * 3;
min-height: $small-size;
border-radius: $buttons_radius;
background-color: transparent;
&:hover {
box-shadow: inset 0 -2px 0 $track_color;
color: $fg_color;
color: $inverse_fg_color;
background-color: rgba($inverse_fg_color, 0.15);
text-shadow: none;
box-shadow: none;
}
&:selected {
background-color: rgba($base_color, 0.01);
box-shadow: inset 0 -2px 0 $primary_color;
color: $fg_color;
background-color: rgba($inverse_fg_color, 0.1);
box-shadow: none;
color: $inverse_fg_color;
text-shadow: none;
}
}
StBoxLayout#EvalBox { padding: 4px; spacing: 4px; }
StBoxLayout#EvalBox { padding: $container_padding; spacing: $container_padding; }
StBoxLayout#ResultsArea { spacing: 4px; }
StBoxLayout#ResultsArea { spacing: $container_padding; }
@extend %scrollbar_on_dark;
}
.lg-dialog {
StEntry {
selection-background-color: $primary_color;
selected-color: $inverse_fg_color !important;
selected-color: $inverse_fg_color;
background-color: $inverse_divider_color;
color: $inverse_fg_color;
}
.shell-link {
@ -61,20 +71,31 @@
&:hover { color: $link_color; }
}
.actor-link {
color: $inverse_disabled_fg_color;
&:hover { color: lighten($inverse_disabled_fg_color, 20%); }
&:active { color: darken($inverse_disabled_fg_color, 20%); }
& StIcon { icon-size: 12px; }
}
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: $inverse_secondary_fg_color;
}
.lg-obj-inspector-title {
spacing: 4px;
spacing: $container_padding;
color: $inverse_secondary_fg_color;
}
.lg-obj-inspector-button {
min-height: $medium_size;
padding: 0 16px;
padding: $container_padding;
border: none;
border-radius: $buttons_radius;
@include font(button);
@ -86,32 +107,57 @@
&:hover { border: none; }
}
#lookingGlassExtensions { padding: 4px; }
#lookingGlassExtensions {
padding: $container_padding;
color: $inverse_secondary_fg_color;
}
.lg-extensions-list {
padding: 4px;
spacing: 6px;
padding: $container_padding;
spacing: $container_padding;
color: $inverse_secondary_fg_color;
}
.lg-extension {
border: none;
border-radius: $buttons_radius;
background-color: $alt_base_color;
padding: 4px;
border-radius: $material_radius;
background-color: rgba($inverse_fg_color, 0.1);
color: $inverse_secondary_fg_color;
padding: $container_padding;
box-shadow: none;
}
.lg-extension-name {
@include font(headline);
color: $inverse_fg_color;
}
.lg-extension-meta {
spacing: 6px;
spacing: $container_padding;
}
#LookingGlassPropertyInspector {
background: $base_color;
color: $inverse_fg_color;
background: lighten($system_bg_color, 6%);
border: none;
border-radius: $buttons_radius;
padding: 6px;
box-shadow: $shadow_4;
padding: $container_padding;
box-shadow: $shadow_3;
.window-close {
margin: $container_padding;
}
}
.lg-debug-flag-button {
StLabel { padding: $container_padding, 2 * $container_padding; }
color: $inverse_fg_color;
&:hover { color: lighten($inverse_fg_color, 20%); }
&:active { color: darken($inverse_fg_color, 20%); }
}
.lg-debug-flags-header {
padding-top: 2 * $container_padding;
padding: $container_padding;
}

@ -40,7 +40,7 @@ $osd_levelbar_height: 4px;
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: transparentize(#000, 0.2);
background-color: transparentize(black, 0.2);
border: none;
.pad-osd-title-box { spacing: $container_padding * 2; }

@ -31,7 +31,7 @@ $osd_levelbar_height: 4px;
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: transparentize(#000, 0.2);
background-color: transparentize(black, 0.2);
border: none;
.pad-osd-title-box { spacing: 12px; }

@ -6,6 +6,8 @@
#overviewGroup {
background-color: $system_bg_color;
@extend %scrollbar_on_dark;
}
.overview-controls {

@ -136,6 +136,8 @@ $submenu_item_radius: $popup_radius - $container_padding;
&:insensitive { color: rgba(black, 0.35) !important; }
}
@extend %scrollbar_on_light;
}
// container for radio and check boxes

@ -126,6 +126,8 @@ $submenu_item_radius: $popup_radius - $container_padding;
&:insensitive { color: rgba(black, 0.35); }
}
@extend %scrollbar_on_light;
}
// container for radio and check boxes

@ -9,12 +9,11 @@ StScrollBar {
padding: 0;
StScrollView & {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StBin#trough {
margin: 6px;
border-radius: $circular_radius;
background-color: $divider_color;
}
@ -22,9 +21,40 @@ StScrollBar {
StButton#vhandle, StButton#hhandle {
border-radius: $circular_radius;
background-color: $hint_fg_color;
// border: 6px solid transparent; //would be nice to margin or at least to transparent
margin: 6px;
border: 4px solid transparent; //would be nice to margin or at least to transparent
transition: 500ms all ease;
&:hover { background-color: $secondary_fg_color; }
&:active { background-color: $fg_color; }
}
}
%scrollbar_on_dark {
StScrollBar {
StBin#trough {
background-color: $inverse_divider_color;
}
StButton#vhandle, StButton#hhandle {
background-color: $inverse_hint_fg_color;
&:hover { background-color: $inverse_secondary_fg_color; }
&:active { background-color: $inverse_fg_color; }
}
}
}
%scrollbar_on_light {
StScrollBar {
StBin#trough {
background-color: rgba(black, 0.15);
}
StButton#vhandle, StButton#hhandle {
background-color: rgba(black, 0.35);
&:hover { background-color: rgba(black, 0.45); }
&:active { background-color: rgba(black, 0.65); }
}
}
}

@ -378,12 +378,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.12);
}
@ -391,7 +390,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.38);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -402,6 +402,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.87);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 18px;
@ -2794,49 +2826,53 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(0, 0, 0, 0.54);
background-color: #ffffff;
color: rgba(255, 255, 255, 0.7);
background-color: #222222;
spacing: 4px;
padding: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 18px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 4px 6px;
border: none;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
border-radius: 18px 18px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
-natural-hpadding: 4px;
-minimum-hpadding: 4px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
padding: 0 32px;
padding-left: 12px;
padding-right: 12px;
min-height: 20px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.87);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -2px 0 #1A73E8;
color: rgba(0, 0, 0, 0.87);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
@ -2851,7 +2887,9 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry {
selection-background-color: #1A73E8;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -2862,18 +2900,36 @@ StWidget.focused .app-well-app-running-dot {
color: #1A73E8;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 32px;
padding: 0 16px;
padding: 4px;
border: none;
border-radius: 8px;
font-size: 9.75pt;
@ -2927,35 +2983,66 @@ StWidget.focused .app-well-app-running-dot {
#lookingGlassExtensions {
padding: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
spacing: 6px;
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #bfbfbf;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 4px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
spacing: 6px;
spacing: 4px;
}
#LookingGlassPropertyInspector {
background: #ffffff;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
padding: 4px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close {
margin: 4px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 4px, 8px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 8px;
padding: 4px;
}
/* Login Dialog */

@ -378,12 +378,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.08);
}
@ -391,7 +390,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.5);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -402,6 +402,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.9);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 18px;
@ -2795,48 +2827,52 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(255, 255, 255, 0.7);
background-color: #202020;
background-color: #222222;
spacing: 4px;
padding: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 18px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 4px 6px;
border: none;
border-radius: 0;
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
border-radius: 18px 18px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
-natural-hpadding: 4px;
-minimum-hpadding: 4px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
padding: 0 32px;
padding-left: 12px;
padding-right: 12px;
min-height: 20px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -2px 0 #3281EA;
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
@ -2851,7 +2887,9 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry {
selection-background-color: #3281EA;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -2862,18 +2900,36 @@ StWidget.focused .app-well-app-running-dot {
color: #3281EA;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 32px;
padding: 0 16px;
padding: 4px;
border: none;
border-radius: 8px;
font-size: 9.75pt;
@ -2927,35 +2983,66 @@ StWidget.focused .app-well-app-running-dot {
#lookingGlassExtensions {
padding: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
spacing: 6px;
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #606060;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 4px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
spacing: 6px;
spacing: 4px;
}
#LookingGlassPropertyInspector {
background: #202020;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
padding: 4px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close {
margin: 4px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 4px, 8px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 8px;
padding: 4px;
}
/* Login Dialog */

@ -378,12 +378,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.08);
}
@ -391,7 +390,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.5);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -402,6 +402,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.9);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 20px;
@ -2795,63 +2827,69 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(255, 255, 255, 0.7);
background-color: #202020;
spacing: 4px;
padding: 6px;
background-color: #222222;
spacing: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 20px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 6px 9px;
border: none;
border-radius: 0;
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
border-radius: 20px 20px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-natural-hpadding: 6px;
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
padding: 0 32px;
padding-left: 18px;
padding-right: 18px;
min-height: 24px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -2px 0 #3281EA;
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 4px;
padding: 6px;
spacing: 6px;
}
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 4px;
spacing: 6px;
}
.lg-dialog StEntry {
selection-background-color: #3281EA;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -2862,18 +2900,36 @@ StWidget.focused .app-well-app-running-dot {
color: #3281EA;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 36px;
padding: 0 16px;
padding: 6px;
border: none;
border-radius: 8px;
font-size: 10.5pt;
@ -2926,24 +2982,29 @@ StWidget.focused .app-well-app-running-dot {
}
#lookingGlassExtensions {
padding: 4px;
padding: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
padding: 6px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #606060;
padding: 4px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 6px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
@ -2951,11 +3012,37 @@ StWidget.focused .app-well-app-running-dot {
}
#LookingGlassPropertyInspector {
background: #202020;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close {
margin: 6px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 6px, 12px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px;
}
/* Login Dialog */

@ -378,12 +378,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.12);
}
@ -391,7 +390,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.38);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -402,6 +402,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.87);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 20px;
@ -2794,64 +2826,70 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(0, 0, 0, 0.54);
background-color: #ffffff;
spacing: 4px;
padding: 6px;
color: rgba(255, 255, 255, 0.7);
background-color: #222222;
spacing: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 20px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 6px 9px;
border: none;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
border-radius: 20px 20px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-natural-hpadding: 6px;
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
padding: 0 32px;
padding-left: 18px;
padding-right: 18px;
min-height: 24px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.87);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -2px 0 #1A73E8;
color: rgba(0, 0, 0, 0.87);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 4px;
padding: 6px;
spacing: 6px;
}
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 4px;
spacing: 6px;
}
.lg-dialog StEntry {
selection-background-color: #1A73E8;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -2862,18 +2900,36 @@ StWidget.focused .app-well-app-running-dot {
color: #1A73E8;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 36px;
padding: 0 16px;
padding: 6px;
border: none;
border-radius: 8px;
font-size: 10.5pt;
@ -2926,24 +2982,29 @@ StWidget.focused .app-well-app-running-dot {
}
#lookingGlassExtensions {
padding: 4px;
padding: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
padding: 6px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #bfbfbf;
padding: 4px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 6px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
@ -2951,11 +3012,37 @@ StWidget.focused .app-well-app-running-dot {
}
#LookingGlassPropertyInspector {
background: #ffffff;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close {
margin: 6px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 6px, 12px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px;
}
/* Login Dialog */

@ -432,12 +432,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.12);
}
@ -445,7 +444,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.38);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -456,6 +456,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.87);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 18px;
@ -3124,49 +3156,53 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(0, 0, 0, 0.54);
background-color: #ffffff;
color: rgba(255, 255, 255, 0.7);
background-color: #222222;
spacing: 4px;
padding: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 18px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 4px 6px;
border: none;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
border-radius: 18px 18px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
-natural-hpadding: 4px;
-minimum-hpadding: 4px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
padding: 0 32px;
padding-left: 12px;
padding-right: 12px;
min-height: 20px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.87);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -2px 0 #1A73E8;
color: rgba(0, 0, 0, 0.87);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
@ -3181,7 +3217,9 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry {
selection-background-color: #1A73E8;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -3192,18 +3230,36 @@ StWidget.focused .app-well-app-running-dot {
color: #1A73E8;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 32px;
padding: 0 16px;
padding: 4px;
border: none;
border-radius: 8px;
font-size: 9.75pt;
@ -3257,35 +3313,66 @@ StWidget.focused .app-well-app-running-dot {
#lookingGlassExtensions {
padding: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
spacing: 6px;
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #bfbfbf;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 4px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
spacing: 6px;
spacing: 4px;
}
#LookingGlassPropertyInspector {
background: #ffffff;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
padding: 4px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close, #LookingGlassPropertyInspector .screenshot-ui-close-button {
margin: 4px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 4px, 8px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 8px;
padding: 4px;
}
.icon-label-button-container {

@ -432,12 +432,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.08);
}
@ -445,7 +444,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.5);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -456,6 +456,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.9);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 18px;
@ -3129,48 +3161,52 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(255, 255, 255, 0.7);
background-color: #202020;
background-color: #222222;
spacing: 4px;
padding: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 18px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 4px 6px;
border: none;
border-radius: 0;
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
border-radius: 18px 18px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
-natural-hpadding: 4px;
-minimum-hpadding: 4px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 32px;
padding: 0 32px;
padding-left: 12px;
padding-right: 12px;
min-height: 20px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -2px 0 #3281EA;
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
@ -3185,7 +3221,9 @@ StWidget.focused .app-well-app-running-dot {
.lg-dialog StEntry {
selection-background-color: #3281EA;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -3196,18 +3234,36 @@ StWidget.focused .app-well-app-running-dot {
color: #3281EA;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 32px;
padding: 0 16px;
padding: 4px;
border: none;
border-radius: 8px;
font-size: 9.75pt;
@ -3261,35 +3317,66 @@ StWidget.focused .app-well-app-running-dot {
#lookingGlassExtensions {
padding: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
spacing: 6px;
spacing: 4px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #606060;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 4px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
spacing: 6px;
spacing: 4px;
}
#LookingGlassPropertyInspector {
background: #202020;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
padding: 4px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close, #LookingGlassPropertyInspector .screenshot-ui-close-button {
margin: 4px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 4px, 8px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 8px;
padding: 4px;
}
.icon-label-button-container {

@ -432,12 +432,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.08);
}
@ -445,7 +444,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.5);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -456,6 +456,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.9);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 20px;
@ -3129,63 +3161,69 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(255, 255, 255, 0.7);
background-color: #202020;
spacing: 4px;
padding: 6px;
background-color: #222222;
spacing: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 20px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 6px 9px;
border: none;
border-radius: 0;
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
border-radius: 20px 20px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-natural-hpadding: 6px;
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
padding: 0 32px;
padding-left: 18px;
padding-right: 18px;
min-height: 24px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(32, 32, 32, 0.01);
box-shadow: inset 0 -2px 0 #3281EA;
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 4px;
padding: 6px;
spacing: 6px;
}
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 4px;
spacing: 6px;
}
.lg-dialog StEntry {
selection-background-color: #3281EA;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -3196,18 +3234,36 @@ StWidget.focused .app-well-app-running-dot {
color: #3281EA;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 36px;
padding: 0 16px;
padding: 6px;
border: none;
border-radius: 8px;
font-size: 10.5pt;
@ -3260,24 +3316,29 @@ StWidget.focused .app-well-app-running-dot {
}
#lookingGlassExtensions {
padding: 4px;
padding: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
padding: 6px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #606060;
padding: 4px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 6px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
@ -3285,11 +3346,37 @@ StWidget.focused .app-well-app-running-dot {
}
#LookingGlassPropertyInspector {
background: #202020;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close, #LookingGlassPropertyInspector .screenshot-ui-close-button {
margin: 6px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 6px, 12px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px;
}
.icon-label-button-container {

@ -432,12 +432,11 @@ StScrollBar {
}
StScrollView StScrollBar {
min-width: 16px;
min-height: 6px;
min-width: 8px;
min-height: 8px;
}
StScrollBar StBin#trough {
margin: 6px;
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.12);
}
@ -445,7 +444,8 @@ StScrollBar StBin#trough {
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.38);
margin: 6px;
border: 4px solid transparent;
transition: 500ms all ease;
}
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
@ -456,6 +456,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.87);
}
#LookingGlassDialog StScrollBar StBin#trough, #overviewGroup StScrollBar StBin#trough {
background-color: rgba(255, 255, 255, 0.15);
}
#LookingGlassDialog StScrollBar StButton#vhandle, #overviewGroup StScrollBar StButton#vhandle, #LookingGlassDialog StScrollBar StButton#hhandle, #overviewGroup StScrollBar StButton#hhandle {
background-color: rgba(255, 255, 255, 0.5);
}
#LookingGlassDialog StScrollBar StButton#vhandle:hover, #overviewGroup StScrollBar StButton#vhandle:hover, #LookingGlassDialog StScrollBar StButton#hhandle:hover, #overviewGroup StScrollBar StButton#hhandle:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog StScrollBar StButton#vhandle:active, #overviewGroup StScrollBar StButton#vhandle:active, #LookingGlassDialog StScrollBar StButton#hhandle:active, #overviewGroup StScrollBar StButton#hhandle:active {
background-color: rgba(255, 255, 255, 0.85);
}
.popup-sub-menu StScrollBar StBin#trough {
background-color: rgba(0, 0, 0, 0.15);
}
.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle {
background-color: rgba(0, 0, 0, 0.35);
}
.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active {
background-color: rgba(0, 0, 0, 0.65);
}
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-border-radius: 20px;
@ -3124,64 +3156,70 @@ StWidget.focused .app-well-app-running-dot {
/* Looking Glass */
#LookingGlassDialog {
color: rgba(0, 0, 0, 0.54);
background-color: #ffffff;
spacing: 4px;
padding: 6px;
color: rgba(255, 255, 255, 0.7);
background-color: #222222;
spacing: 6px;
padding: 0;
border: none;
border-radius: 8px;
border-radius: 20px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
}
#LookingGlassDialog > #Toolbar {
padding: 0 8px;
padding: 6px 9px;
border: none;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
border-radius: 20px 20px 0 0;
background-color: #3c3c3c;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .labels {
spacing: 0;
color: rgba(255, 255, 255, 0.7);
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-natural-hpadding: 6px;
-minimum-hpadding: 6px;
font-weight: bold;
color: rgba(0, 0, 0, 0.38);
color: rgba(255, 255, 255, 0.5);
transition-duration: 150ms;
padding-left: 16px;
padding-right: 16px;
min-height: 36px;
padding: 0 32px;
padding-left: 18px;
padding-right: 18px;
min-height: 24px;
border-radius: 8px;
background-color: transparent;
}
#LookingGlassDialog .notebook-tab:hover {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.87);
color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
text-shadow: none;
box-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
background-color: rgba(255, 255, 255, 0.01);
box-shadow: inset 0 -2px 0 #1A73E8;
color: rgba(0, 0, 0, 0.87);
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
color: rgba(255, 255, 255, 0.85);
text-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 4px;
padding: 6px;
spacing: 6px;
}
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 4px;
spacing: 6px;
}
.lg-dialog StEntry {
selection-background-color: #1A73E8;
selected-color: rgba(255, 255, 255, 0.85) !important;
selected-color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.85);
}
.lg-dialog .shell-link {
@ -3192,18 +3230,36 @@ StWidget.focused .app-well-app-running-dot {
color: #1A73E8;
}
.lg-dialog .actor-link {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:hover {
color: rgba(255, 255, 255, 0.5);
}
.lg-dialog .actor-link:active {
color: rgba(204, 204, 204, 0.5);
}
.lg-dialog .actor-link StIcon {
icon-size: 12px;
}
.lg-completions-text {
font-size: 1em;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-title {
spacing: 4px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-obj-inspector-button {
min-height: 36px;
padding: 0 16px;
padding: 6px;
border: none;
border-radius: 8px;
font-size: 10.5pt;
@ -3256,24 +3312,29 @@ StWidget.focused .app-well-app-running-dot {
}
#lookingGlassExtensions {
padding: 4px;
padding: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extensions-list {
padding: 4px;
padding: 6px;
spacing: 6px;
color: rgba(255, 255, 255, 0.7);
}
.lg-extension {
border: none;
border-radius: 8px;
background-color: #bfbfbf;
padding: 4px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.7);
padding: 6px;
box-shadow: none;
}
.lg-extension-name {
font-size: 18pt;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
}
.lg-extension-meta {
@ -3281,11 +3342,37 @@ StWidget.focused .app-well-app-running-dot {
}
#LookingGlassPropertyInspector {
background: #ffffff;
color: rgba(255, 255, 255, 0.85);
background: #313131;
border: none;
border-radius: 8px;
padding: 6px;
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.285), 0 6px 3px rgba(0, 0, 0, 0.345);
}
#LookingGlassPropertyInspector .window-close, #LookingGlassPropertyInspector .screenshot-ui-close-button {
margin: 6px;
}
.lg-debug-flag-button {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button StLabel {
padding: 6px, 12px;
}
.lg-debug-flag-button:hover {
color: rgba(255, 255, 255, 0.85);
}
.lg-debug-flag-button:active {
color: rgba(204, 204, 204, 0.85);
}
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px;
}
.icon-label-button-container {

Loading…
Cancel
Save