Up canvas class

src/canvas/view/CanvasView.ts

@@ -67,8 +67,8 @@ export default class CanvasView extends ModuleView<Canvas> {
   constructor(model: Canvas) {
     super({ model });
     bindAll(this, 'clearOff', 'onKeyPress', 'onCanvasMove');
-    this.className = this.pfx + 'canvas';
-    const { em } = this;
+    const { em, pfx } = this;
+    this.className = `${pfx}canvas${!em.config.customUI ? ` ${pfx}canvas-bg` : ''}`;
     this._initFrames();
     this.listenTo(em, 'change:canvasOffset', this.clearOff);
     this.listenTo(em, 'component:selected', this.checkSelected);

src/styles/scss/_gjs_canvas.scss

@@ -192,7 +192,6 @@ $guide_pad: 5px !default;
 }
 
 .#{$cv-prefix}canvas {
-  background-color: rgba(0, 0, 0, 0.15);
   box-sizing: border-box;
   width: (100% - $leftWidth);
   height: calc(100% - #{$canvasTop});
@@ -203,6 +202,10 @@ $guide_pad: 5px !default;
   left: 0;
   top: $canvasTop;
 
+  &-bg {
+    background-color: rgba(0, 0, 0, 0.15);
+  }
+
   &.#{$cui-cls} {
     width: 100%;
     height: 100%;