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

73 lines
2.1 KiB
Plaintext

.stakeholderPage {
/* Import OpenAIRE theme*/
@import (multiple) "~src/assets/openaire-theme/less/_import";
/** Global */
@global-primary-gradient: linear-gradient(110deg, @monitor-light-color 0%, @monitor-dark-color 100%);
/** Background*/
@background-primary-background: @monitor-color;
/** Buttons */
@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;
/** Label */
@label-secondary-color: @monitor-color;
@label-secondary-border: @monitor-color;
/** List */
@list-primary-color: @monitor-color;
/* Navbar */
@navbar-background-image: url("banner.jpg");
@navbar-nav-item-color: @global-muted-background;
@navbar-nav-item-hover-color: @global-inverse-color;
@navbar-nav-item-active-color: @global-inverse-color;
@navbar-nav-item-active-text-decoration: underline;
/** Text */
@text-primary-color: @monitor-color;
@text-background-color: @monitor-color;
& #filters_icon .start {
stop-color: @monitor-light-color;
}
& #filters_icon .end {
stop-color: @monitor-dark-color;
}
}
.stakeholderPage {
/* Structure */
--structure-page-content-background-color: #F3F3F3;
--structure-page-content-background-color-rgb: 243, 243, 243;
/* Login */
--login-background-color: var(--light-color);
--login-background-color-hover: var(--light-color);
--login-color: var(--primary-color);
--login-color-hover: var(--secondary-color);
/* Dashboard */
--dashboard-primary-color: var(--monitor-color);
--dashboard-primary-color-rgb: var(--monitor-color-rgb);
--dashboard-primary-image: linear-gradient(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
--dashboard-primary-inverse-color: var(--light-color);
/* Search */
--search-form-background: var(--structure-page-content-background-color);
}
#print_toggle {
top: 320px !important;
}
#filters_switcher_toggle {
top: 400px !important;
}