pxt-core/theme/music-editor/MusicEditor.less

Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors

@import "EditControls";
@import "Note";
@import "NoteGroup";
@import "PlaybackControls";
@import "ScrollableWorkspace";
@import "Staff";
@import "Track";
@import "TrackSelector";
@import "Workspace";

@music-editor-header-color: #e30fc0; // Matches block color
@music-editor-header-border-color: #c10da3; // Matches block color
@music-editor-header-foreground: @white;

.music-field-editor {
    height: 100%;
    position: relative;
}

.music-editor {
    background: var(--pxt-neutral-background1);
    color: var(--pxt-neutral-foreground1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.music-asset-editor {
    .gallery-editor-header {
        background-color: @music-editor-header-color;
        border: 2px solid @music-editor-header-border-color;
        border-bottom: none;
    }
}

.music-editor-label {
    padding-right: 0.5rem;
    font-size: 18px;
    font-weight: 700;
    user-select: none;
}