@import "../../../style/mixin.scss";

@include export-module('co-edit-canvas-theme') {
  .co-edit-canvas {

    .edit-canvas-container {
      .toolbar {
        background-color: var(--co-inphoto-loader-background-light);

        .toolbar-item {
          .toolbar-item-option {
            background: #fff;
          }

          &:hover {
            background-color: rgba(255, 255, 255, 1);
          }
        }
      }

      .canvas-container {
        .close-canvas-button, .open-canvas-button {
          @include default-icon(30px, 30px, #fff);
        }
      }

      .canvas-container.canvas-full-screen {
        background-color: var(--co-inphoto-loader-background-dark);
      }
    }
  }
}

