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/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;

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

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

#print_toggle {
  top: 320px !important;
}

#filters_switcher_toggle {
  top: 400px !important;
}

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