Set up less theme.

This commit is contained in:
Konstantinos Triantafyllou 2022-06-20 18:01:19 +03:00
parent 8dc8d6ff4b
commit f0ef0dd364
9 changed files with 43 additions and 100 deletions

View File

@ -47,7 +47,8 @@
"src/sitemap.xml"
],
"styles": [
"src/styles.css",
"src/styles.less",
"src/deprecated.css",
"src/material.scss"
],
"scripts": [

View File

@ -42,6 +42,7 @@
"rxjs": "^6.5.1",
"ts-md5": "^1.2.0",
"tslib": "^2.0.0",
"uikit": "^3.12.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
@ -50,11 +51,11 @@
"@angular/compiler-cli": "~11.2.14",
"@angular/language-service": "~11.2.14",
"@nguniversal/builders": "^11.2.1",
"@types/express": "^4.17.0",
"@types/compression": "^1.7.0",
"@types/node": "^12.11.1",
"@types/express": "^4.17.0",
"@types/jasmine": "~3.6.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.8.0",
"jasmine-spec-reporter": "~5.0.0",

View File

@ -1,5 +1,5 @@
import {Component, ViewChild} from '@angular/core';
import {ActivatedRoute, NavigationEnd, Params, Router} from '@angular/router';
import {ActivatedRoute, NavigationEnd, Router} from '@angular/router';
import {EnvProperties} from './openaireLibrary/utils/properties/env-properties';
import {MenuItem, RootMenuItem} from './openaireLibrary/sharedComponents/menu';
@ -7,7 +7,7 @@ import {EnvironmentSpecificService} from './openaireLibrary/utils/properties/env
import {Session, User} from './openaireLibrary/login/utils/helper.class';
import {UserManagementService} from "./openaireLibrary/services/user-management.service";
import {properties} from "../environments/environment";
import {BehaviorSubject, Subscriber} from "rxjs";
import {Subscriber} from "rxjs";
import {StakeholderService} from "./openaireLibrary/monitor/services/stakeholder.service";
import {Header} from "./openaireLibrary/sharedComponents/navigationBar.component";
import {SmoothScroll} from "./openaireLibrary/utils/smooth-scroll";

@ -1 +1 @@
Subproject commit 657ff61207c0d54001284d2769e7cbfe70bd3369
Subproject commit 55257b27184d93e448e546fbb6d354188e501308

View File

@ -1,89 +0,0 @@
:root {
/*buttons*/
--button-primary-background: var(--monitor-color);
--button-primary-background-image: linear-gradient(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
--button-secondary-background: var(--light-color);
--button-secondary-color: var(--monitor-color);
--button-secondary-border-color: var(--monitor-color);
--button-secondary-background-hover: var(--secondary-color);
--button-secondary-background-image-hover: none;
--button-secondary-color-hover: var(--light-color);
--button-secondary-border-color-hover: transparent;
/*backgrounds*/
--background-primary:var(--monitor-color);
--background-primary-rgb:var(--monitor-color-rgb);
--background-primary-image:none;
--background-secondary: var(--grey-color);
--background-secondary-image:none;
/*fonts*/
--text-primary-color: var(--monitor-color);
--text-gradient-color: linear-gradient(110deg, var(--monitor-light-color) 0%, var(--monitor-dark-color) 100%);
/*slider*/
--slider-dot-background: rgba(var(--monitor-color-rgb), 0.5);
--slider-dot-active-background: var(--monitor-color);
/*Monitor specific*/
--monitor-contrast-color: #FFE7D6;
}
/*:root {*/
/* --portal-main-color: #9ABB55;*/
/* --portal-main-contrast: white;*/
/* --portal-dark-color: #7c9144;*/
/* --openaire-main-color: #313179;*/
/* --explore-portal-color: #D95F2D;*/
/* --provide-portal-color: #37C7E9;*/
/* --monitor-portal-color: #9ABB55;*/
/* --connect-portal-color: #EBB13E;*/
/* --develop-portal-color: #DA65AB;*/
/* --explore-portal-lower-tone: #a0462c;*/
/* --provide-portal-lower-tone: #3A8FA3;*/
/* --monitor-portal-lower-tone: #7c9144;*/
/* --connect-portal-lower-tone: #b48536;*/
/* --develop-portal-lower-tone: #9f4e7e;*/
/*}*/
/*.tm-toolbar .uk-subnav-line .custom-monitor-li {*/
/* background: var(--portal-main-color);*/
/*}*/
main {
min-height: calc(100vh - 90px);
}
.search-form {
background: var(--secondary-color);
}
/*.monitorApp .login text {*/
/* stroke: white;*/
/* fill: white;*/
/*}*/
/*.uk-card {*/
/* color: #1a1a1a;*/
/*}*/
/*.monitorApp .uk-text-small {*/
/* font-size: 14px;*/
/*}*/
/*.monitorApp .uk-text-muted {*/
/* color: #4D4D4D !important;*/
/*}*/
/*.monitorApp .portal-button {*/
/* color: white !important;*/
/* font-weight: 700;*/
/*}*/
/*.monitorApp .uk-grid-divider>:not(.uk-first-column)::before {*/
/* border-left: 1px solid #DEDEDE;*/
/*}*/

View File

@ -0,0 +1,29 @@
/** 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;
@button-secondary-active-background: @global-secondary-background;
@button-secondary-active-background-gradient: none;
/** Label */
@label-secondary-color: @monitor-color;
@label-secondary-border: @monitor-color;
/** 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;

3
src/deprecated.css Normal file
View File

@ -0,0 +1,3 @@
@import "assets/openaire-theme/css/structure/variables.css";
@import "assets/openaire-theme/css/openaire.css";
@import "assets/common-assets/library.css";

View File

@ -1,5 +0,0 @@
/* You can add global styles to this file, and also import other style files */
@import "assets/openaire-theme/css/import.css";
@import "assets/common-assets/library.css";
@import "assets/common-assets/common/custom.css";
@import "assets/monitor-custom.css";

3
src/styles.less Normal file
View File

@ -0,0 +1,3 @@
/* You can add global styles to this file, and also import other style files */
@import "~src/assets/openaire-theme/less/_import";
@import "assets/monitor-custom";