#content-view {
  & .toolbar-control {
    @extend %toolbar-control;

    -fx-padding: px(3);
    @include set-height(px(40));
    -fx-background-color: -background-color;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, .075), 2, 0, 0, 2);

    & .toolbar-control-left-box,
    & .toolbar-control-right-box {

      & .toolbar-label {
        -fx-background-color: -background-color;
        & Shape, SVGPath {
          -fx-fill: -on-background-color;
        }

        & .label .glyph-icon,
        & .label .text {
          -fx-fill: -on-background-color;
        }
        & .arrow-button .arrow {
          -fx-background-color: -on-background-color;
        }
      }
      & .toolbar-button {
        -fx-background-color: -background-color;
        & Shape, SVGPath {
          -fx-fill: -on-background-color;
        }

        &:pressed {
          -fx-background-color: rgba(0, 0, 0, .075);
        }
        & .label .glyph-icon,
        & .label .text {
          -fx-fill: -on-background-color;
        }
        & .arrow-button .arrow {
          -fx-background-color: -on-background-color;
        }
      }
      & .toolbar-menu-button {
        -fx-background-color: -background-color;
        & Shape, SVGPath {
          -fx-fill: -on-background-color;
        }

        &:showing {
          -fx-background-color: rgba(0, 0, 0, .075);
        }
        & .label .glyph-icon,
        & .label .text {
          -fx-fill: -on-background-color;
        }
        & .arrow-button .arrow {
          -fx-background-color: -on-background-color;
        }
      }
    }
  }

  & .toolbar-module {
    // We don't interfere with the developers work
  }
}