Set up less theme
This commit is contained in:
parent
eb7f4ebf55
commit
678429e740
|
|
@ -53,12 +53,13 @@
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"styles": [
|
"styles": [
|
||||||
"src/styles.css",
|
"src/styles.less",
|
||||||
"src/material.scss"
|
"src/deprecated.css",
|
||||||
|
"src/assets/common-assets/library-css/material.scss"
|
||||||
],
|
],
|
||||||
"scripts": [
|
"scripts": [
|
||||||
"src/assets/openaire-theme/js/uikit.min.js",
|
"node_modules/uikit/dist/js/uikit.min.js",
|
||||||
"src/assets/openaire-theme/js/uikit-icons.min.js",
|
"node_modules/uikit/dist/js/uikit-icons.min.js",
|
||||||
"node_modules/jquery/dist/jquery.js"
|
"node_modules/jquery/dist/jquery.js"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -45,6 +45,7 @@
|
||||||
"rxjs": "^6.5.1",
|
"rxjs": "^6.5.1",
|
||||||
"ts-md5": "^1.2.0",
|
"ts-md5": "^1.2.0",
|
||||||
"tslib": "^2.0.0",
|
"tslib": "^2.0.0",
|
||||||
|
"uikit": "^3.12.0",
|
||||||
"zone.js": "~0.10.2"
|
"zone.js": "~0.10.2"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|
@ -53,11 +54,11 @@
|
||||||
"@angular/compiler-cli": "~11.2.14",
|
"@angular/compiler-cli": "~11.2.14",
|
||||||
"@angular/language-service": "~11.2.14",
|
"@angular/language-service": "~11.2.14",
|
||||||
"@nguniversal/builders": "^11.2.1",
|
"@nguniversal/builders": "^11.2.1",
|
||||||
"@types/express": "^4.17.0",
|
|
||||||
"@types/compression": "^1.7.0",
|
"@types/compression": "^1.7.0",
|
||||||
"@types/node": "^12.11.1",
|
"@types/express": "^4.17.0",
|
||||||
"@types/jasmine": "~3.6.0",
|
"@types/jasmine": "~3.6.0",
|
||||||
"@types/jasminewd2": "~2.0.3",
|
"@types/jasminewd2": "~2.0.3",
|
||||||
|
"@types/node": "^12.11.1",
|
||||||
"codelyzer": "^6.0.0",
|
"codelyzer": "^6.0.0",
|
||||||
"jasmine-core": "~3.8.0",
|
"jasmine-core": "~3.8.0",
|
||||||
"jasmine-spec-reporter": "~5.0.0",
|
"jasmine-spec-reporter": "~5.0.0",
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit 428a48223aa5066fc2161aef0b7c858c0439c9fb
|
Subproject commit 67211e78c6429c718e0618ec27354a213a4031be
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit d6fd642f214ce91e0eefaa06a9e8b50fedf9b7d8
|
Subproject commit 1c7b42284c58024e7d51cb0ae7c5c27f997c646d
|
||||||
|
|
@ -1,290 +0,0 @@
|
||||||
:root {
|
|
||||||
/*buttons*/
|
|
||||||
--button-primary-background: var(--explore-color);
|
|
||||||
--button-primary-background-image: linear-gradient(104deg, var(--explore-dark-color) 0%, var(--explore-light-color) 100%);
|
|
||||||
|
|
||||||
/*backgrounds*/
|
|
||||||
--background-primary:var(--explore-color);
|
|
||||||
--background-primary-image:none;
|
|
||||||
--background-secondary: var(--grey-color);
|
|
||||||
--background-secondary-image:none;
|
|
||||||
--background-primary-rgb: var(--explore-color-rgb);
|
|
||||||
|
|
||||||
/*fonts*/
|
|
||||||
--text-primary-color: var(--explore-color);
|
|
||||||
--text-gradient-color: linear-gradient(110deg, var(--explore-dark-color) 0%, var(--explore-light-color) 100%);
|
|
||||||
|
|
||||||
/* Label */
|
|
||||||
--label-secondary: var(--explore-color);
|
|
||||||
|
|
||||||
/*slider*/
|
|
||||||
--slider-dot-background: rgba(var(--explore-color-rgb), 0.5);
|
|
||||||
--slider-dot-active-background: var(--explore-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.landing { --landing-text-primary-color: var(--explore-color); }
|
|
||||||
|
|
||||||
|
|
||||||
/*:root {*/
|
|
||||||
/* --portal-main-color: #D95F2D;*/
|
|
||||||
/* --portal-main-contrast: white;*/
|
|
||||||
/* --portal-dark-color: #a0462c;*/
|
|
||||||
/* --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-explore-li {*/
|
|
||||||
/* background:var(--portal-main-color) !important;*/
|
|
||||||
/*}*/
|
|
||||||
/*!* .custom-explore-toolbar ul.uk-subnav.uk-subnav-line{*/
|
|
||||||
/* background-color: var(--portal-main-color) !important;*/
|
|
||||||
/* }*/
|
|
||||||
/*.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{*/
|
|
||||||
/* background-color: var(--portal-main-color) !important;*/
|
|
||||||
/*}*/
|
|
||||||
/* .custom-explore-toolbar .inner {*/
|
|
||||||
/* background-color: var(--portal-main-color) !important;*/
|
|
||||||
/* }*/
|
|
||||||
|
|
||||||
/* .custom-explore-toolbar{*/
|
|
||||||
/* border-top-color:var(--portal-main-color) !important;*/
|
|
||||||
/* } *!*/
|
|
||||||
/*.mainPageSearchForm{*/
|
|
||||||
/* !*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*!*/
|
|
||||||
/* background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);*/
|
|
||||||
/*}*/
|
|
||||||
/*.firstPageNumbers{*/
|
|
||||||
/* !* font-weight: 600 !important; *!*/
|
|
||||||
/* !* color: var(--portal-main-color) !important; *!*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*.explore-numbers {*/
|
|
||||||
/* }*/
|
|
||||||
|
|
||||||
/*.mainPageBottomInfo{*/
|
|
||||||
/* background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');*/
|
|
||||||
/* background-attachment: scroll, scroll;*/
|
|
||||||
/* background-size: auto auto, auto auto;*/
|
|
||||||
/* background-size: cover;*/
|
|
||||||
/* background-attachment: fixed;*/
|
|
||||||
/* box-sizing: border-box;*/
|
|
||||||
/* min-height: calc(100vh - 412.767px);*/
|
|
||||||
/*}*/
|
|
||||||
/*.box-links .uk-card-header:hover {*/
|
|
||||||
/* text-decoration: underline;*/
|
|
||||||
/* text-decoration-color: currentcolor;*/
|
|
||||||
/* text-decoration-color: #90929D;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.searchForm, .generalSearchForm,*/
|
|
||||||
/*.publicationsSearchForm,*/
|
|
||||||
/*.projectsSearchForm, .projectsTableSearchForm,*/
|
|
||||||
/*.organizationsSearchForm,*/
|
|
||||||
/*.datasetsSearchForm,*/
|
|
||||||
/*.softwareSearchForm,*/
|
|
||||||
/*.orpsSearchForm,*/
|
|
||||||
/*.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,*/
|
|
||||||
/* .journalsSearchForm, .journalsTableSearchForm,*/
|
|
||||||
/*.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {*/
|
|
||||||
|
|
||||||
/* background: url('./Εxplore-sub.jpg') right !important;*/
|
|
||||||
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {*/
|
|
||||||
/* border-left: 1px solid var(--portal-main-color) ;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {*/
|
|
||||||
/* border-top: 1px solid #c5c5c5;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.questions {*/
|
|
||||||
/* font-size: 15px;*/
|
|
||||||
/* font-weight: bold;*/
|
|
||||||
/* color: #4687E6;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.uk-card-explore {*/
|
|
||||||
/* background-color: var(--portal-main-color);*/
|
|
||||||
/* color: #fff !important;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.uk-card-explore .uk-h3 {*/
|
|
||||||
/* color: #fff !important;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.uk-card-explore .uk-h6 a {*/
|
|
||||||
/* color: #fff !important;*/
|
|
||||||
/* text-decoration: underline;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.uk-card-explore .uk-h5 {*/
|
|
||||||
/* color: #fff !important;*/
|
|
||||||
/* text-transform: uppercase;*/
|
|
||||||
/* font-size: 15px;*/
|
|
||||||
/* font-weight: bolder;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.emphasis {*/
|
|
||||||
/* color: #000;*/
|
|
||||||
/* font-size: 17px;*/
|
|
||||||
/* font-weight: bold;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.portal-color.emphasis {*/
|
|
||||||
/* color: #37C7E9;*/
|
|
||||||
/* font-size: 40px;*/
|
|
||||||
/* font-weight: bold;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.numbers-background {*/
|
|
||||||
/* background: transparent url('explore-assets/numbers_background_pattern.svg') repeat-x center bottom;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.number {*/
|
|
||||||
/* color: #1d1d1d;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
|
|
||||||
/*.home-logo img{*/
|
|
||||||
/* -webkit-filter: grayscale(1); !* Safari 6.0 - 9.0 *!*/
|
|
||||||
/* filter: grayscale(1);*/
|
|
||||||
/* transition-duration:0.3s;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.home-logo:hover img{*/
|
|
||||||
/* -webkit-filter: grayscale(0); !* Safari 6.0 - 9.0 *!*/
|
|
||||||
/* filter: grayscale(0);*/
|
|
||||||
/* transition-duration:0.3s;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.graph-background {*/
|
|
||||||
/* background: #F4F4F4 0 0 no-repeat padding-box;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.graph-background-bottom {*/
|
|
||||||
/* background-image: url("curved-bottom.svg");*/
|
|
||||||
/* background-color: #FAFAFA;*/
|
|
||||||
/* height: 170px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.trello-image {*/
|
|
||||||
/* margin-top: -3px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.trello-button {*/
|
|
||||||
/* border: #0079BF 1px solid;*/
|
|
||||||
/* text-transform: none !important;*/
|
|
||||||
/* font-size: 16px;*/
|
|
||||||
/* padding: 0 16px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.trello-button-white {*/
|
|
||||||
/* background-color: white;*/
|
|
||||||
/* color: #0079BF;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.trello-button-blue {*/
|
|
||||||
/* background-color: #0076BA;*/
|
|
||||||
/* color: white;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.trello-button-white:hover {*/
|
|
||||||
/* background-color: #E9EEF5;*/
|
|
||||||
/* color: #0079BF;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.trello-button-blue:hover {*/
|
|
||||||
/* background-color: #0084B1;*/
|
|
||||||
/* color: white;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.explorePanelBackground {*/
|
|
||||||
/* background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {*/
|
|
||||||
/* border-left: 1px solid rgba(0, 0, 0, .2);*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {*/
|
|
||||||
/* color: #bfbfbf;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.exploreBorder {*/
|
|
||||||
/* border-color: #d8d8d8;*/
|
|
||||||
/* border-style: solid;*/
|
|
||||||
/* border-width: 2px;*/
|
|
||||||
/* border-radius: 6px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.flex-column {*/
|
|
||||||
/* display: flex;*/
|
|
||||||
/* flex-direction: column;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.min-width-30 {*/
|
|
||||||
/* min-width: 30%;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.verticalLine {*/
|
|
||||||
/* height: 100%;*/
|
|
||||||
/* width: 2px;*/
|
|
||||||
/* background-color: #DEDEDE;*/
|
|
||||||
/* opacity: 0.7;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.flex-gap {*/
|
|
||||||
/* grid-gap: 40px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.padding-left {*/
|
|
||||||
/* padding-left: 30px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.gateway-link-logo {*/
|
|
||||||
/* max-height: 50px;*/
|
|
||||||
/* width: auto;*/
|
|
||||||
/* margin-bottom: 10px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.custom-height-130 {*/
|
|
||||||
/* max-height: 130px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.custom-list {*/
|
|
||||||
/* list-style: none;*/
|
|
||||||
/* padding-left: 15px;*/
|
|
||||||
/* margin: 10px 0;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.custom-list li {*/
|
|
||||||
/* -webkit-column-break-inside: avoid;*/
|
|
||||||
/* page-break-inside: avoid;*/
|
|
||||||
/* break-inside: avoid;*/
|
|
||||||
/* margin-bottom: 4px;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.connect-image {*/
|
|
||||||
/* max-height:100%;*/
|
|
||||||
/* border-radius: 0 4px 4px 0;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.border-top {*/
|
|
||||||
/* border-top: 1px solid rgba(0,0,0,0.09);*/
|
|
||||||
/*}*/
|
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
@global-primary-gradient: linear-gradient(104deg, @explore-dark-color 0%, @explore-light-color 100%);
|
||||||
|
|
||||||
|
/* Button */
|
||||||
|
@button-primary-background: @explore-color;
|
||||||
|
@inverse-button-primary-background: @explore-color;
|
||||||
|
|
||||||
|
/* Background */
|
||||||
|
@background-primary-background: @explore-color;
|
||||||
|
@background-primary-background-gradient: none;
|
||||||
|
|
||||||
|
/* Text */
|
||||||
|
@text-primary-color: @explore-color;
|
||||||
|
|
||||||
|
/* Label */
|
||||||
|
@label-secondary-color: @explore-color;
|
||||||
|
|
||||||
|
.deposit {
|
||||||
|
@import (multiple) "~src/assets/openaire-theme/less/_import";
|
||||||
|
}
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit 4fca369b2e4f4f2c2689e0efc501d2c548dfeb68
|
Subproject commit aba7dffcfa907e5534178c80d5870076590badbb
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
@import "assets/openaire-theme/css/structure/variables.css";
|
||||||
|
@import "assets/common-assets/library.css";
|
||||||
|
|
||||||
|
.landing { --landing-text-primary-color: var(--explore-color); }
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
@import '~@angular/material/theming';
|
|
||||||
@include mat-core();
|
|
||||||
$my-app-primary: mat-palette($mat-gray, 900);
|
|
||||||
$my-app-accent: mat-palette($mat-light-green, 700);
|
|
||||||
|
|
||||||
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent);
|
|
||||||
|
|
||||||
@include angular-material-theme($my-app-theme);
|
|
||||||
|
|
||||||
|
|
@ -1,4 +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/explore-custom.css";
|
|
||||||
|
|
@ -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/explore-custom";
|
||||||
Loading…
Reference in New Issue