3 files changed, 140 insertions, 6 deletions
diff --git a/src/client/util/SnappingManager.ts b/src/client/util/SnappingManager.ts
index 48ec61f85..b8bd90983 100644
--- a/src/client/util/SnappingManager.ts
+++ b/src/client/util/SnappingManager.ts
@@ -1,5 +1,5 @@
 import { observable, action, runInAction, reaction, makeObservable } from 'mobx';
-import { Doc } from '../../fields/Doc';
+import { Doc, Opt } from '../../fields/Doc';
 
 export class SnappingManager {
     private static _manager: SnappingManager;
@@ -33,9 +33,9 @@ export class SnappingManager {
     public static get IsDragging()     { return this.Instance._isDragging; } // prettier-ignore
     public static get IsResizing()     { return this.Instance._isResizing; } // prettier-ignore
     public static get CanEmbed()       { return this.Instance._canEmbed; } // prettier-ignore
-    public static SetShiftKey = (down: boolean) => runInAction(() => (this.Instance._shiftKey = down));
-    public static SetCtrlKey = (down: boolean) => runInAction(() => (this.Instance._ctrlKey = down));
-    public static SetIsDragging = (dragging: boolean) => runInAction(() => (this.Instance._isDragging = dragging));
-    public static SetIsResizing = (doc: Doc | undefined) => runInAction(() => (this.Instance._isResizing = doc));
-    public static SetCanEmbed = (canEmbed: boolean) => runInAction(() => (this.Instance._canEmbed = canEmbed));
+    public static SetShiftKey   = (down: boolean) => runInAction(() => (this.Instance._shiftKey = down)); // prettier-ignore
+    public static SetCtrlKey    = (down: boolean) => runInAction(() => (this.Instance._ctrlKey = down)); // prettier-ignore
+    public static SetIsDragging = (drag: boolean) => runInAction(() => (this.Instance._isDragging = drag)); // prettier-ignore
+    public static SetIsResizing = (doc: Opt<Doc>) => runInAction(() => (this.Instance._isResizing = doc)); // prettier-ignore
+    public static SetCanEmbed   = (embed:boolean) => runInAction(() => (this.Instance._canEmbed = embed)); // prettier-ignore
 }
diff --git a/src/client/views/collections/CollectionDockingView.scss b/src/client/views/collections/CollectionDockingView.scss
index 7fad3e463..242256f1b 100644
--- a/src/client/views/collections/CollectionDockingView.scss
+++ b/src/client/views/collections/CollectionDockingView.scss
@@ -276,6 +276,8 @@
     z-index: 20;
 } /*# sourceMappingURL=goldenlayout-base.css.map */
 
+@import './goldenLayoutTheme.css';
+
 .lm_title {
     -webkit-appearance: none;
     display: inline-block;
diff --git a/src/client/views/collections/goldenLayoutTheme.css b/src/client/views/collections/goldenLayoutTheme.css
new file mode 100644
index 000000000..cf577d6b1
--- /dev/null
+++ b/src/client/views/collections/goldenLayoutTheme.css
@@ -0,0 +1,132 @@
+.lm_goldenlayout {
+    background: #000000;
+}
+.lm_content {
+    background: #222222;
+}
+.lm_dragProxy .lm_content {
+    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
+}
+.lm_dropTargetIndicator {
+    box-shadow: inset 0 0 30px #000000;
+    outline: 1px dashed #cccccc;
+    transition: all 200ms ease;
+}
+.lm_dropTargetIndicator .lm_inner {
+    background: #000000;
+    opacity: 0.2;
+}
+.lm_splitter {
+    background: #000000;
+    opacity: 0.001;
+    transition: opacity 200ms ease;
+}
+.lm_splitter:hover,
+.lm_splitter.lm_dragging {
+    background: #444444;
+    opacity: 1;
+}
+.lm_header {
+    height: 20px;
+    user-select: none;
+}
+.lm_header.lm_selectable {
+    cursor: pointer;
+}
+.lm_header .lm_tab {
+    font-family: Arial, sans-serif;
+    font-size: 12px;
+    color: #999999;
+    background: #111111;
+    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.3);
+    margin-right: 2px;
+    padding-bottom: 2px;
+    padding-top: 2px;
+}
+.lm_header .lm_tab .lm_close_tab {
+    width: 11px;
+    height: 11px;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==);
+    background-position: center center;
+    background-repeat: no-repeat;
+    top: 4px;
+    right: 6px;
+    opacity: 0.4;
+}
+.lm_header .lm_tab .lm_close_tab:hover {
+    opacity: 1;
+}
+.lm_header .lm_tab.lm_active {
+    border-bottom: none;
+    box-shadow: 0 -2px 2px #000000;
+    padding-bottom: 3px;
+}
+.lm_header .lm_tab.lm_active .lm_close_tab {
+    opacity: 1;
+}
+.lm_dragProxy.lm_bottom .lm_header .lm_tab,
+.lm_stack.lm_bottom .lm_header .lm_tab {
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
+}
+.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
+.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
+    box-shadow: 0 2px 2px #000000;
+}
+.lm_selected .lm_header {
+    background-color: #452500;
+}
+.lm_tab:hover,
+.lm_tab.lm_active {
+    background: #222222;
+    color: #dddddd;
+}
+.lm_header .lm_controls .lm_tabdropdown:before {
+    color: #ffffff;
+}
+.lm_controls > li {
+    position: relative;
+    background-position: center center;
+    background-repeat: no-repeat;
+    opacity: 0.4;
+    transition: opacity 300ms ease;
+}
+.lm_controls > li:hover {
+    opacity: 1;
+}
+.lm_controls .lm_popout {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
+}
+.lm_controls .lm_maximise {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==);
+}
+.lm_controls .lm_close {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
+}
+.lm_maximised .lm_header {
+    background-color: #000000;
+}
+.lm_maximised .lm_controls .lm_maximise {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVR4nGP8//8/AzGAiShVI1YhCwMDA8OsWbPwBmZaWhoj0SYCAN1lBxMAX4n0AAAAAElFTkSuQmCC);
+}
+.lm_transition_indicator {
+    background-color: #000000;
+    border: 1px dashed #555555;
+}
+.lm_popin {
+    cursor: pointer;
+}
+.lm_popin .lm_bg {
+    background: #ffffff;
+    opacity: 0.3;
+}
+.lm_popin .lm_icon {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC);
+    background-position: center center;
+    background-repeat: no-repeat;
+    border-left: 1px solid #eeeeee;
+    border-top: 1px solid #eeeeee;
+    opacity: 0.7;
+}
+.lm_popin:hover .lm_icon {
+    opacity: 1;
+} /*# sourceMappingURL=goldenlayout-dark-theme.css.map */