Golden layout popout icon

#1634
deephaven · Nov 17, 2023 · 9dc5e1f · 9dc5e1f
1 parent 6f21060
commit 9dc5e1f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/components/src/theme/ThemeProvider.tsx b/packages/components/src/theme/ThemeProvider.tsx
@@ -47,6 +47,7 @@ export function ThemeProvider({
   const [selectedThemeKey, setSelectedThemeKey] = useState<string>(
     () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY
   );
+  (window as any).setSelectedThemeKey = setSelectedThemeKey;
 
   // Calculate active themes once a non-null themes array is provided.
   const activeThemes = useMemo(

diff --git a/packages/golden-layout/scss/goldenlayout-dark-theme.scss b/packages/golden-layout/scss/goldenlayout-dark-theme.scss
@@ -252,7 +252,12 @@ body:not(.lm_dragging) .lm_header .lm_tab:hover .lm_close_tab {
 
   // Icon to PopOut Pane, so move it to a different Browser Window
   .lm_popout {
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
+    // Leaving this inline since it is a PNG. We should convert it to a 16px
+    // SVG like other icons and move to a css variable so it can be overridden.
+    @include icon-image-mask(
+      url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII='),
+      auto
+    );
   }
 
   // Icon to Maximize Pane, so it will fill the entire GoldenLayout Container