owntone-server/web-src/src/mystyles.scss

@charset "utf-8";

@use 'bulma/bulma';
@use 'bulma/sass/utilities/mixins';

@media (prefers-color-scheme: dark) {
  .navbar {
    background-color: var(--bulma-dark);
  }
  .navbar-item {
    --bulma-navbar-item-color: hsl(var(--bulma-navbar-invert-h), var(--bulma-navbar-invert-s), var(--bulma-navbar-item-color-invert-l));
    --bulma-navbar-item-background-l: var(--bulma-light-invert-l);
  }
}

.is-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  > * {
    pointer-events: none;
  }
}

.navbar-item {
  width: var(--bulma-navbar-height);
  justify-content: center;
}

.media:first-of-type {
  padding-top: 1rem;
}

.buttons {
  @include mixins.mobile {
    &.is-centered-mobile {
      justify-content: center;
      &:not(.has-addons) {
        .button {
          margin-left: 0.25rem;
          margin-right: 0.25rem;
        }
      }
    }
  }
}

.overlay-fullscreen {
  @extend .is-overlay;
  z-index: 25;
  background-color: rgba(10, 10, 10, 0.2);
  position: fixed;
}

.dropdown-menu.is-mobile {
  @include mixins.mobile {
    width: 100vw;
  }
  .dropdown-content {
    max-height: calc(100vh - calc(2 * var(--bulma-navbar-height)));
    overflow: auto;
  }
}