monitor-dashboard/src/assets/monitor-dashboard-custom.less

.monitor {
  /* Import OpenAIRE theme*/
  @import (multiple) "~src/assets/openaire-theme/less/_import";
  @import (multiple) "~src/assets/common-assets/less/general";
  @import (multiple) "~src/assets/common-assets/less/user";
  @import (multiple) "~src/assets/common-assets/less/dashboard";
  @import (multiple) "~src/assets/common-assets/less/indicators";
  @import (multiple) "~src/assets/common-assets/less/landing";

  @monitor-dashboard-background: #F3F3F3;

  /** Global */
  @global-primary-gradient: linear-gradient(110deg, @monitor-light-color 0%, @monitor-dark-color 100%);

  /** Background */
  @background-primary-background: @monitor-color;
  @background-primary-background-gradient: none;

  /** Button */
  @button-primary-background: @monitor-color;
  @button-secondary-border: @monitor-color;
  @button-secondary-color: @monitor-color;
  @button-secondary-hover-background: @global-secondary-background;
  @button-secondary-hover-background-gradient: none;
  @button-secondary-active-background: @global-secondary-background;
  @button-secondary-active-background-gradient: none;

  /** Label */
  @label-secondary-color: @monitor-color;
  @label-secondary-border: @monitor-color;

  /** List */
  @list-primary-color: @monitor-color;

  /* Navbar */
  @inverse-navbar-background: @monitor-color;
  @inverse-navbar-background-image: url("banner.jpg");

  /** Text */
  @text-primary-color: @monitor-color;
  @text-background-color: @monitor-color;
  @inverse-text-primary-color: @monitor-color;

  /* Slider  */
  @dotnav-item-background: fade(@monitor-color, 50%);
  @dotnav-item-hover-background: @monitor-color;
  @dotnav-item-onclick-background: @monitor-color;
  @dotnav-item-active-background: @monitor-color;

  /* General */
  @general-search-form-background: @monitor-dashboard-background;
  @general-tab-featured-tab: @monitor-color;

  /* Landing */
  @landing-portal-color: @monitor-color;

  /* Dashboard */
  @dashboard-page-content-background: @monitor-dashboard-background;
  @dashboard-primary-background: @monitor-color;
  @dashboard-menu-section-sublist-border: fade(@monitor-color, 30%);

  & #filters_icon .start {
    stop-color: @monitor-light-color;
  }

  & #filters_icon .end {
    stop-color: @monitor-dark-color;
  }

  .private-data {
    background-image: url("private-overlay.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }

  .preview {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: @global-inverse-color;
    border: 2px solid @background-primary-background;
    border-radius: @global-border-radius;
    box-shadow: @global-large-box-shadow;
    padding: 20px 25px;
    z-index: @global-z-index;
  }
}

#print_toggle {
  top: 320px !important;
}

#filters_switcher_toggle {
  top: 400px !important;
}

@media (max-width: @breakpoint-small-max) {
  #filters_switcher_toggle {
    top: unset !important;
    bottom: 10vh;
  }
}

/* Quick fix for svgs with a class that makes their opacity: 0.5*/
svg .a {
  opacity: 1 !important;
}