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

Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors

.music-staff-row {
    stroke-width: 3;
    stroke: black;
}

.music-staff-column {
    stroke-width: 1;
    stroke: #666666;
}

.music-staff-column.measure-start.beat-start {
    stroke: orange;
    stroke-width: 3;
    stroke-dasharray: 0;
}

.music-staff-column.beat-start {
    stroke-dasharray: 2;
    stroke-width: 2;
}

.music-staff-background {
    fill: #f3e9f7;
}

.music-staff text {
    user-select: none;
}

.music-playback-line {
    stroke-width: 3;
    stroke: white;
}

.music-staff-beats {
    // These sit against the main background, not the staff, so we need to theme them.
    fill: var(--pxt-neutral-foreground1);
}

.music-playback-head {
    transition: translate 0.06ms linear;
}