MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

css changes to add configurability

This commit is contained in:
Diamantis Tziotzios 2023-02-10 15:08:23 +02:00
parent 8b34d55706
commit 34d63438e0
99 changed files with 328 additions and 334 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
View File

@ -65,7 +65,7 @@
margin: 0px 5px 0px 10px; margin: 0px 5px 0px 10px;
} }
mat-icon:hover { mat-icon:hover {
color: #129d99; color: var(--primary-color);
} }
} }

2
dmp-frontend/src/app/library/export-method-dialog/export-method-dialog.component.scss
View File

@ -10,7 +10,7 @@
button { button {
// background-color: #aaaaaa; // background-color: #aaaaaa;
background-color: #00b29f; background-color: var(--primary-color-3);
color: #ffffff; color: #ffffff;
} }
} }

3
dmp-frontend/src/app/library/guided-tour/guided-tour.component.html
View File

@ -37,8 +37,7 @@
</div> </div>
</div> </div>
<div class="col-auto p-0 d-flex align-items-end"> <div class="col-auto p-0 d-flex align-items-end">
<img src="../../../assets/splash/assets/img/2_Sign_in/Png/Sign In - Copy.png" width="190px" height="210px"> <img src="../../../assets/images/guided-tour-side.png">
<!-- <div class="argos-present-img"></div> -->
</div> </div>
</div> </div>
</div> </div>

17
dmp-frontend/src/app/library/guided-tour/guided-tour.component.scss
View File

@ -211,9 +211,9 @@ ngx-guided-tour {
// float: right; // float: right;
min-width: 133px; min-width: 133px;
height: 40px; height: 40px;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
color: #129d99; color: var(--primary-color);
} }
.next-button { .next-button {
@ -231,7 +231,7 @@ ngx-guided-tour {
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
min-width: 101px; min-width: 101px;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
} }
/*custom add*/ /*custom add*/
@ -245,16 +245,5 @@ ngx-guided-tour {
border-radius: 30px; border-radius: 30px;
} }
} }
/*custom add*/
.argos-present-img {
background: url("../../../assets/splash/assets/img/2_Sign_in/Svg/Sign\ In.svg") no-repeat;
min-width: 176px;
height: 220px;
position: relative;
top: 110px;
left: -85px;
border-top: none;
}
} }
} }

2
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/composite-field/dataset-profile-editor-composite-field.component.scss
View File

@ -15,7 +15,7 @@
//Palete //Palete
$blue-color : #129D99; $blue-color : var(--primary-color);
$blue-color-light: #5cf7f2; $blue-color-light: #5cf7f2;
.actions-list{ .actions-list{

4
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/field/dataset-profile-editor-field.component.scss
View File

@ -14,7 +14,7 @@ mat-radio-button{
} }
li.list-inline-item{ li.list-inline-item{
color: #129D99; color: var(--primary-color);
.mat-icon{ .mat-icon{
vertical-align: bottom; vertical-align: bottom;
} }
@ -27,7 +27,7 @@ li.list-inline-item{
color: #212121; color: #212121;
} }
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
background-color:#129D99 ; background-color:var(--primary-color) ;
} }
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar { .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
background-color:rgba(0,178,159,0.34); background-color:rgba(0,178,159,0.34);

6
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section-fieldset/dataset-profile-editor-section-fieldset.component.scss
View File

@ -1,4 +1,4 @@
$blue-color : #129D99; $blue-color : var(--primary-color);
$blue-color-light: #5cf7f2; $blue-color-light: #5cf7f2;
@ -33,7 +33,7 @@ $blue-color-light: #5cf7f2;
} }
.actions-list{ .actions-list{
// border: 1px solid $blue-color; // border: 1px solid $blue-color;
// box-shadow: 0px 3px 12px #129D9999; // box-shadow: 0px 3px 12px var(--primary-color)99;
border-radius: 4px; border-radius: 4px;
// padding-top: 1rem; // padding-top: 1rem;
padding: 1em 0.9em; padding: 1em 0.9em;
@ -59,7 +59,7 @@ $blue-color-light: #5cf7f2;
margin-right: 0.5em; margin-right: 0.5em;
margin-left: -.09em; margin-left: -.09em;
height: auto; height: auto;
color: #129D99;; color: var(--primary-color);;
} }
.input_icon{ .input_icon{
width: 14px; width: 14px;

28
dmp-frontend/src/app/ui/admin/dataset-profile/editor/dataset-profile-editor.component.scss
View File

@ -72,7 +72,7 @@
transition-timing-function: ease-out; transition-timing-function: ease-out;
transition-delay: 50ms; transition-delay: 50ms;
box-shadow: 0px 1px 2px #bfbfbf; box-shadow: 0px 1px 2px #bfbfbf;
background-color: #F7DD72; background-color: var(--secondary-color);
} }
#progress-container{ #progress-container{
box-shadow: 1px 1px 6px #00000029;; box-shadow: 1px 1px 6px #00000029;;
@ -81,8 +81,8 @@
// .import-btn { // .import-btn {
// background: #ffffff 0% 0% no-repeat padding-box; // background: #ffffff 0% 0% no-repeat padding-box;
// border-radius: 30px; // border-radius: 30px;
// // color: #129d99; // // color: var(--primary-color);
// // border: 1px solid #129d99; // // border: 1px solid var(--primary-color);
// padding-left: 2em; // padding-left: 2em;
// padding-right: 2em; // padding-right: 2em;
// color: #000; // color: #000;
@ -90,7 +90,7 @@
// } // }
.navigate-btn { .navigate-btn {
border-radius: 30px; border-radius: 30px;
background-color: #f7dd72; background-color: var(--secondary-color);
border: 1px solid transparent; border: 1px solid transparent;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
@ -108,7 +108,7 @@ color: #FFF;
.create-section-btn { .create-section-btn {
border-radius: 30px; border-radius: 30px;
background-color: #f7dd72; background-color: var(--secondary-color);
border: 1px solid transparent; border: 1px solid transparent;
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
@ -117,21 +117,21 @@ color: #FFF;
} }
$blue-color : #129D99; $blue-color : var(--primary-color);
$blue-color-light: #5cf7f2; $blue-color-light: #5cf7f2;
.finalize-btn { .finalize-btn {
border-radius: 30px; border-radius: 30px;
border: 1px solid #129D99; border: 1px solid var(--primary-color);
background: transparent; background: transparent;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
box-shadow: 0px 3px 6px #1E202029; box-shadow: 0px 3px 6px #1E202029;
color: #129D99; color: var(--primary-color);
} }
.template_action_btn{ .template_action_btn{
border-radius: 30px; border-radius: 30px;
border: 1px solid #129D99; border: 1px solid var(--primary-color);
background: transparent; background: transparent;
//padding-left: 2em; //padding-left: 2em;
//padding-right: 2em; //padding-right: 2em;
@ -139,10 +139,10 @@ $blue-color-light: #5cf7f2;
min-width: 110px; min-width: 110px;
width: auto; width: auto;
box-shadow: 0px 3px 6px #1E202029; box-shadow: 0px 3px 6px #1E202029;
color: #129D99; color: var(--primary-color);
flex: 0 0 auto; flex: 0 0 auto;
&.save-btn{ &.save-btn{
background-color: #f7dd72; background-color: var(--secondary-color);
border: 1px solid transparent; border: 1px solid transparent;
//padding-left: 2em; //padding-left: 2em;
//padding-right: 2em; //padding-right: 2em;
@ -196,7 +196,7 @@ $blue-color-light: #5cf7f2;
.actions-list{ .actions-list{
// border: 1px solid $blue-color; // border: 1px solid $blue-color;
box-shadow: 0px 3px 12px #129D9999; box-shadow: 0px 3px 12px var(--primary-color)99;
border-radius: 4px; border-radius: 4px;
// padding-top: 1rem; // padding-top: 1rem;
padding: 1em 0.9em; padding: 1em 0.9em;
@ -220,7 +220,7 @@ $blue-color-light: #5cf7f2;
margin-right: 0.5em; margin-right: 0.5em;
margin-left: -.09em; margin-left: -.09em;
height: auto; height: auto;
color: #129D99;; color: var(--primary-color);;
} }
.input_icon{ .input_icon{
width: 14px; width: 14px;
@ -322,7 +322,7 @@ $blue-color-light: #5cf7f2;
position: fixed; position: fixed;
bottom: 20em; bottom: 20em;
right: 2em; right: 2em;
color: #129D99 !important; color: var(--primary-color) !important;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;

12
dmp-frontend/src/app/ui/admin/dataset-profile/listing/criteria/dialog-confirmation-upload-profile/dialog-confirmation-upload-profiles.component.scss
View File

@ -15,12 +15,12 @@ min-width: 101px;
.next-btn { .next-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
@ -34,7 +34,7 @@ min-width: 101px;
} }
.next-btn:not([disabled]):hover { .next-btn:not([disabled]):hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
@ -86,15 +86,15 @@ min-width: 101px;
width: 156px; width: 156px;
height: 44px; height: 44px;
color: #ffffff; color: #ffffff;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
} }
.attach-file:hover { .attach-file:hover {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
color: #129d99; color: var(--primary-color);
} }
.close-btn:hover{ .close-btn:hover{

6
dmp-frontend/src/app/ui/admin/dataset-profile/listing/dataset-profile-listing.component.scss
View File

@ -104,8 +104,8 @@ mat-row:hover {
.import-btn { .import-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
// color: #129d99; // color: var(--primary-color);
// border: 1px solid #129d99; // border: 1px solid var(--primary-color);
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
color: #000; color: #000;
@ -113,7 +113,7 @@ mat-row:hover {
} }
.create-btn { .create-btn {
border-radius: 30px; border-radius: 30px;
background-color: #f7dd72; background-color: var(--secondary-color);
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
} }

4
dmp-frontend/src/app/ui/admin/dataset-profile/table-of-contents/table-of-contents-internal-section/table-of-contents-internal-section.scss
View File

@ -83,9 +83,9 @@
$blue-color : #129D99; $blue-color : var(--primary-color);
$blue-color-light: #5cf7f2; $blue-color-light: #5cf7f2;
$yellow: #f7dd72; $yellow: var(--secondary-color);
.badge-ball{ .badge-ball{
display: inline-block; display: inline-block;
border-radius: 50%; border-radius: 50%;

8
dmp-frontend/src/app/ui/admin/dmp-profile/editor/dmp-profile-editor.component.scss
View File

@ -20,7 +20,7 @@
} }
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
background-color: #00b29f; background-color: var(--primary-color-3);
// background-color: #0070c0; // background-color: #0070c0;
} }
@ -30,12 +30,12 @@
.finalize-btn { .finalize-btn {
border-radius: 30px; border-radius: 30px;
border: 1px solid #129D99; border: 1px solid var(--primary-color);
background: transparent; background: transparent;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
box-shadow: 0px 3px 6px #1E202029; box-shadow: 0px 3px 6px #1E202029;
color: #129D99; color: var(--primary-color);
&:disabled{ &:disabled{
background-color: #CBCBCB; background-color: #CBCBCB;
color: #FFF; color: #FFF;
@ -45,7 +45,7 @@
.action-btn { .action-btn {
border-radius: 30px; border-radius: 30px;
background-color: #f7dd72; background-color: var(--secondary-color);
border: 1px solid transparent; border: 1px solid transparent;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;

12
dmp-frontend/src/app/ui/admin/dmp-profile/listing/criteria/dialog-confirmation-upload-profile/dialog-confirmation-upload-profiles.component.scss
View File

@ -15,12 +15,12 @@ min-width: 101px;
.next-btn { .next-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
@ -34,7 +34,7 @@ min-width: 101px;
} }
.next-btn:not([disabled]):hover { .next-btn:not([disabled]):hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
@ -86,15 +86,15 @@ min-width: 101px;
width: 156px; width: 156px;
height: 44px; height: 44px;
color: #ffffff; color: #ffffff;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
} }
.attach-file:hover { .attach-file:hover {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
color: #129d99; color: var(--primary-color);
} }
.close-btn:hover{ .close-btn:hover{

6
dmp-frontend/src/app/ui/admin/dmp-profile/listing/dmp-profile-listing.component.scss
View File

@ -37,7 +37,7 @@
} }
.create-btn { .create-btn {
border-radius: 30px; border-radius: 30px;
background-color: #f7dd72; background-color: var(--secondary-color);
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
// color: #000; // color: #000;
@ -50,8 +50,8 @@
.import-btn { .import-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
// color: #129d99; // color: var(--primary-color);
// border: 1px solid #129d99; // border: 1px solid var(--primary-color);
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
color: #000; color: #000;

2
dmp-frontend/src/app/ui/admin/user/listing/criteria/user-criteria.component.scss
View File

@ -14,7 +14,7 @@
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
} }

2
dmp-frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.scss
View File

@ -20,7 +20,7 @@
} }
.row-action { .row-action {
color: #129d99; color: var(--primary-color);
cursor: pointer; cursor: pointer;
} }
.user-role{ .user-role{

4
dmp-frontend/src/app/ui/admin/user/listing/user-listing.component.scss
View File

@ -50,8 +50,8 @@
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
width: 145px; width: 145px;
color: #129d99; color: var(--primary-color);
border: 1px solid #129d99; border: 1px solid var(--primary-color);
} }
.export-icon { .export-icon {

9
dmp-frontend/src/app/ui/auth/login/login.component.scss
View File

@ -32,13 +32,13 @@
font: Bold 38px/82px Roboto; font: Bold 38px/82px Roboto;
height: 60px; height: 60px;
letter-spacing: -0.95px; letter-spacing: -0.95px;
color: #23bcba; color: var(--primary-color-2);
margin-top: 11px; margin-top: 11px;
margin-bottom: 21px; margin-bottom: 21px;
} }
.line { .line {
border-top: 5px solid #23bcba; border-top: 5px solid var(--primary-color-2);
width: 116px; width: 116px;
margin-bottom: 97px; margin-bottom: 97px;
} }
@ -261,7 +261,7 @@ span.twitterIcon {
.openaireIconButton:hover, .openaireIconButton:hover,
.orcidIconMediumButton:hover, .orcidIconMediumButton:hover,
.iconmediumButton:hover { .iconmediumButton:hover {
// background-color: #129d993b; // background-color: var(--primary-color)3b;
background-color: #ececec; background-color: #ececec;
border-radius: 60%; border-radius: 60%;
} }
@ -341,8 +341,7 @@ span.zenodoIcon {
// } // }
.laptop-img { .laptop-img {
// background: url("../../../../assets/splash/assets/img/laptop.png") no-repeat; background: url("../../../../assets/images/login-bottom-image.png") no-repeat;
background: url("../../../../assets/splash/assets/img/1_Main/Png/Who\ \ \ Benefits\ Small.png") no-repeat;
width: 164px; width: 164px;
height: 200px; height: 200px;
position: relative; position: relative;

4
dmp-frontend/src/app/ui/contact/contact-content/contact-content.component.scss
View File

@ -25,12 +25,12 @@ img {
.send-btn { .send-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }

6
dmp-frontend/src/app/ui/dashboard/dashboard.component.html
View File

@ -20,14 +20,12 @@
<div class="row d-flex align-items-center"> <div class="row d-flex align-items-center">
<div *ngIf="!this.hasDmps()" class="col-auto add-dataset-btn d-flex"> <div *ngIf="!this.hasDmps()" class="col-auto add-dataset-btn d-flex">
<button type="button" class="col-auto align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button> <button type="button" class="col-auto align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button>
<!-- <img class="col-auto ml-auto laptop-img" src="../../../assets/splash/assets/img/1_Main/Png/Who Benefits copy.png" width="116" height="139"> -->
<!-- <img class="col-auto ml-auto laptop-img"> -->
</div> </div>
<div *ngIf="this.hasDmps()" class="new-dataset-tour add-dataset-btn col-auto d-flex"> <div *ngIf="this.hasDmps()" class="new-dataset-tour add-dataset-btn col-auto d-flex">
<button mat-raised-button type="button" class="col-auto align-self-center yellow-btn" (click)="addNewDataset()">{{'DASHBOARD.ACTIONS.ADD-DATASET-DESCRIPTION' | translate}}</button> <button mat-raised-button type="button" class="col-auto align-self-center yellow-btn" (click)="addNewDataset()">{{'DASHBOARD.ACTIONS.ADD-DATASET-DESCRIPTION' | translate}}</button>
</div> </div>
<span class="col-auto ml-auto"> <span class="col-auto ml-auto">
<img class="laptop-img\6" src="../../../assets/splash/assets/img/1_Main/Png/Who Benefits copy.png" width="116" height="139"> <img class="laptop-img\6" src="../../../assets/images/dashboard-popup.png">
</span> </span>
</div> </div>
</div> </div>
@ -120,7 +118,7 @@
</div> </div>
<div class="d-flex"> <div class="d-flex">
<!-- <button type="button" class="col-auto align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button> --> <!-- <button type="button" class="col-auto align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button> -->
<img class="col-auto ml-auto laptop-img" src="../../../assets/splash/assets/img/1_Main/Png/Who Benefits copy.png" width="116" height="139"> <img class="col-auto ml-auto laptop-img" src="../../../assets/images/dashboard-popup.png">
<!-- <img class="col-auto ml-auto laptop-img"> --> <!-- <img class="col-auto ml-auto laptop-img"> -->
</div> </div>
</div> </div>

16
dmp-frontend/src/app/ui/dashboard/dashboard.component.scss
View File

@ -64,7 +64,7 @@
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
border: none; border: none;
@ -81,7 +81,7 @@
//max-width: 256px; //max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
border: none; border: none;
@ -197,7 +197,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -210,7 +210,7 @@ input[type="text"] {
// width: 158px; // width: 158px;
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -292,7 +292,7 @@ input[type="text"] {
.dataset-card-actions a:hover, .dataset-card-actions a:hover,
.dmp-card-actions a:hover { .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -313,7 +313,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {
@ -354,7 +354,7 @@ input[type="text"] {
.add-dataset { .add-dataset {
width: 142px; width: 142px;
height: 40px; height: 40px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
@ -401,7 +401,7 @@ input[type="text"] {
:host ::ng-deep .mat-tab-group.mat-primary .mat-ink-bar, :host ::ng-deep .mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar { .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background: #129d99; background: var(--primary-color);
height: 5px; height: 5px;
} }

2
dmp-frontend/src/app/ui/dashboard/dataset-info-counter/dataset-info-counter.component.css
View File

@ -38,7 +38,7 @@
} }
.about-item .length { .about-item .length {
color: #00b29f; color: var(--primary-color-3);
/* color: #089dbb; */ /* color: #089dbb; */
} }

10
dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.css
View File

@ -47,7 +47,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -59,7 +59,7 @@ input[type="text"] {
.dataset-label { .dataset-label {
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -130,7 +130,7 @@ input[type="text"] {
.dataset-card-actions a:hover, .dataset-card-actions a:hover,
.dmp-card-actions a:hover { .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -151,7 +151,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {
@ -183,7 +183,7 @@ input[type="text"] {
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
::ng-deep .search-form .mat-form-field-wrapper { ::ng-deep .search-form .mat-form-field-wrapper {

16
dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css
View File

@ -47,7 +47,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -59,7 +59,7 @@ input[type="text"] {
.dataset-label { .dataset-label {
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -139,7 +139,7 @@ input[type="text"] {
.dataset-card-actions a:hover, .dataset-card-actions a:hover,
.dmp-card-actions a:hover { .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -160,7 +160,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {
@ -192,7 +192,7 @@ input[type="text"] {
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
::ng-deep .search-form .mat-form-field-wrapper { ::ng-deep .search-form .mat-form-field-wrapper {
@ -234,9 +234,9 @@ a {
.is-public { .is-public {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: 1px solid #00b29f3b; border: 1px solid var(--primary-color-3)3b;
color: #00b29f; color: var(--primary-color-3);
background-color: #00b29f0f; background-color: var(--primary-color-3)0f;
border-radius: 10em; border-radius: 10em;
text-align: center; text-align: center;
} }

10
dmp-frontend/src/app/ui/dashboard/recent-edited-dataset-activity/recent-edited-dataset-activity.component.scss
View File

@ -47,7 +47,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -59,7 +59,7 @@ input[type="text"] {
.dataset-label { .dataset-label {
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -141,7 +141,7 @@ input[type="text"] {
.dataset-card-actions a:hover, .dataset-card-actions a:hover,
.dmp-card-actions a:hover { .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -162,7 +162,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {
@ -194,7 +194,7 @@ input[type="text"] {
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
::ng-deep .search-form .mat-form-field-wrapper { ::ng-deep .search-form .mat-form-field-wrapper {

16
dmp-frontend/src/app/ui/dashboard/recent-edited-dmp-activity/recent-edited-dmp-activity.component.css
View File

@ -46,7 +46,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -58,7 +58,7 @@ input[type="text"] {
.dataset-label { .dataset-label {
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -123,7 +123,7 @@ input[type="text"] {
} }
.dataset-card-actions a:hover, .dmp-card-actions a:hover { .dataset-card-actions a:hover, .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -144,7 +144,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {
@ -176,7 +176,7 @@ input[type="text"] {
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
::ng-deep .search-form .mat-form-field-wrapper { ::ng-deep .search-form .mat-form-field-wrapper {
@ -204,9 +204,9 @@ a {
.is-public { .is-public {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: 1px solid #00b29f3b; border: 1px solid var(--primary-color-3)3b;
color: #00b29f; color: var(--primary-color-3);
background-color: #00b29f0f; background-color: var(--primary-color-3)0f;
border-radius: 10em; border-radius: 10em;
text-align: center; text-align: center;
} }

6
dmp-frontend/src/app/ui/dashboard/recent-visited-activity/recent-visited-activity.component.css
View File

@ -5,9 +5,9 @@ th {
.is-public { .is-public {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
border: 1px solid #00b29f3b; border: 1px solid var(--primary-color-3)3b;
color: #00b29f; color: var(--primary-color-3);
background-color: #00b29f0f; background-color: var(--primary-color-3)0f;
border-radius: 10em; border-radius: 10em;
text-align: center; text-align: center;
} }

6
dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-copy-dialogue/dataset-copy-dialogue.component.scss
View File

@ -22,17 +22,17 @@ min-width: 101px;
.confirm-btn { .confirm-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
.confirm-btn:hover { .confirm-btn:hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }

2
dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-editor/dataset-editor.component.scss
View File

@ -53,7 +53,7 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.dmp-link { .dmp-link {

24
dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-wizard.component.scss
View File

@ -104,7 +104,7 @@
} }
.more-icon :hover { .more-icon :hover {
color: #00b29f; color: var(--primary-color-3);
} }
.new-dataset { .new-dataset {
@ -120,8 +120,8 @@
.dataset-editor-header { .dataset-editor-header {
height: 113px; height: 113px;
background: var(--unnamed-color-129d99) 0% 0% no-repeat padding-box; background: var(--unnamed-color-var(--primary-color)) 0% 0% no-repeat padding-box;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
padding: 0.6rem; padding: 0.6rem;
margin: 30px 0px 0px 0px; margin: 30px 0px 0px 0px;
@ -192,7 +192,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-weight: 700; font-weight: 700;
color: #129d99; color: var(--primary-color);
} }
.dataset-discard-btn { .dataset-discard-btn {
@ -227,7 +227,7 @@
text-align: left; text-align: left;
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: 700;
color: #129d99; color: var(--primary-color);
line-height: 25px; line-height: 25px;
} }
@ -238,7 +238,7 @@
.dmp-label { .dmp-label {
min-width: 67px; min-width: 67px;
height: 37px; height: 37px;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white; color: white;
border-radius: 4px; border-radius: 4px;
opacity: 1; opacity: 1;
@ -264,7 +264,7 @@
opacity: 0.75; opacity: 0.75;
} }
.open-in-new-icon:hover { .open-in-new-icon:hover {
color: #129d99; color: var(--primary-color);
} }
.dataset-stepper { .dataset-stepper {
@ -347,7 +347,7 @@
width: 100%; width: 100%;
height: 27px; height: 27px;
line-height: 27px; line-height: 27px;
background-color: #f7dd72; background-color: var(--secondary-color);
color: #5d5d5d; color: #5d5d5d;
border-radius: 4px; border-radius: 4px;
font-weight: 400; font-weight: 400;
@ -423,7 +423,7 @@
} }
.add-dataset-btn { .add-dataset-btn {
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 500; font-weight: 500;
word-wrap: break-word; word-wrap: break-word;
@ -432,7 +432,7 @@
} }
.next { .next {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white; color: white;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 400; font-weight: 400;
@ -440,7 +440,7 @@
} }
.dataset-next { .dataset-next {
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #212121; color: #212121;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 700; font-weight: 700;
@ -500,7 +500,7 @@ mat-icon.size-18 {
// } // }
// ::ng-deep .mat-ink-bar { // ::ng-deep .mat-ink-bar {
// background-color: #00b29f !important; // background-color: var(--primary-color-3) !important;
// // background-color: #0070c0 !important; // // background-color: #0070c0 !important;
// } // }

6
dmp-frontend/src/app/ui/dataset/dataset-wizard/prefill-dataset/prefill-dataset.component.scss
View File

@ -3,7 +3,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
height: 60px; height: 60px;
background-color: #f7dd72; background-color: var(--secondary-color);
color: #212121; color: #212121;
font-size: 1.25rem; font-size: 1.25rem;
} }
@ -33,8 +33,8 @@
} }
.empty-btn, .prefill-btn { .empty-btn, .prefill-btn {
background: #f7dd72 0 0 no-repeat padding-box; background: var(--secondary-color) 0 0 no-repeat padding-box;
border: 1px solid #f7dd72; border: 1px solid var(--secondary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;

2
dmp-frontend/src/app/ui/dataset/listing/criteria/dataset-criteria.component.scss
View File

@ -34,7 +34,7 @@
.filters-title { .filters-title {
width: 93px; width: 93px;
// color: #089dbb; // color: #089dbb;
color: #23bcba; color: var(--primary-color-2);
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;

2
dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
View File

@ -11,7 +11,7 @@
<button mat-raised-button class="add-dataset align-self-center yellow-btn" (click)="addNewDataset()"> <button mat-raised-button class="add-dataset align-self-center yellow-btn" (click)="addNewDataset()">
{{'DASHBOARD.ACTIONS.ADD-DATASET' | translate}} {{'DASHBOARD.ACTIONS.ADD-DATASET' | translate}}
</button> </button>
<img class="col-auto ml-auto laptop-img" src="../../../assets/splash/assets/img/1_Main/Png/Who Benefits copy.png" width="116" height="139"> <img class="col-auto ml-auto laptop-img" src="../../../assets/images/dashboard-popup.png">
</div> </div>
</div> </div>
</div> </div>

16
dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.scss
View File

@ -102,7 +102,7 @@
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
border: none; border: none;
@ -119,7 +119,7 @@
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
border: none; border: none;
@ -148,7 +148,7 @@
.filter-btn button { .filter-btn button {
color: white; color: white;
background-color: #23bcba; background-color: var(--primary-color-2);
width: 37px; width: 37px;
height: 45px; height: 45px;
} }
@ -173,7 +173,7 @@
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
.empty-list { .empty-list {
@ -186,7 +186,7 @@
} }
.pointer:hover { .pointer:hover {
color: #00b29f; color: var(--primary-color-3);
} }
::ng-deep .search-form .mat-form-field-wrapper { ::ng-deep .search-form .mat-form-field-wrapper {
@ -250,12 +250,12 @@
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #777777; border-color: #777777;
// border-color: #00b29f; // border-color: var(--primary-color-3);
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
// color: #00b29f; // color: var(--primary-color-3);
// background-color: #00b29f; // background-color: var(--primary-color-3);
color: #777777; color: #777777;
background-color: #777777; background-color: #777777;
} }

16
dmp-frontend/src/app/ui/dataset/listing/listing-item/dataset-listing-item.component.scss
View File

@ -18,7 +18,7 @@
} }
.container-header :hover { .container-header :hover {
color: #00b29f; color: var(--primary-color-3);
} }
h4 { h4 {
@ -42,11 +42,11 @@ h4 > span {
} }
.links :hover { .links :hover {
color: #00b29f; color: var(--primary-color-3);
} }
.about-item .length { .about-item .length {
color: #00b29f; color: var(--primary-color-3);
} }
.about-item .title { .about-item .title {
@ -66,7 +66,7 @@ p {
} }
.storage :hover { .storage :hover {
color: #00b29f; color: var(--primary-color-3);
} }
.draft-bookmark { .draft-bookmark {
@ -115,7 +115,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -127,7 +127,7 @@ input[type="text"] {
.dataset-label { .dataset-label {
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -209,7 +209,7 @@ input[type="text"] {
.dataset-card-actions a:hover, .dataset-card-actions a:hover,
.dmp-card-actions a:hover { .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -230,7 +230,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {

12
dmp-frontend/src/app/ui/dataset/overview/dataset-overview.component.scss
View File

@ -17,7 +17,7 @@
width: 2.5em; width: 2.5em;
height: 2.5em; height: 2.5em;
color: #212121; color: #212121;
background-color: #f7dd72; background-color: var(--secondary-color);
} }
.mat-mini-fab-icon, .mat-mini-fab-icon,
@ -27,7 +27,7 @@
.actions-btn:hover, .actions-btn:hover,
.finalize-btn:hover { .finalize-btn:hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
@ -63,7 +63,7 @@
.dmp-btn { .dmp-btn {
width: 35em; width: 35em;
min-height: 2.3em; min-height: 2.3em;
background-color: #129d99; background-color: var(--primary-color);
border-radius: 4px; border-radius: 4px;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -80,7 +80,7 @@
width: 31.6em; width: 31.6em;
padding: 0 1em; padding: 0 1em;
background-color: #ffffff00; background-color: #ffffff00;
color: #129d99; color: var(--primary-color);
font-weight: 700; font-weight: 700;
} }
@ -91,7 +91,7 @@
} }
.finalize-btn { .finalize-btn {
// border: 1px solid #F7DD72; // border: 1px solid var(--secondary-color);
background: #f5db71; background: #f5db71;
} }
@ -129,7 +129,7 @@
.dataset-logo { .dataset-logo {
width: 6em; width: 6em;
height: 2.6em; height: 2.6em;
background: #f7dd72; background: var(--secondary-color);
border-radius: 4px; border-radius: 4px;
font-size: 0.875em; font-size: 0.875em;
// color: #212121; // color: #212121;

6
dmp-frontend/src/app/ui/dmp/clone/clone-dialog/clone-dialog.component.scss
View File

@ -45,14 +45,14 @@
min-width: 84px; min-width: 84px;
height: 43px; height: 43px;
background: #ffffff; background: #ffffff;
color: #129d99; color: var(--primary-color);
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
} }
.confirm-btn:hover { .confirm-btn:hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
} }

26
dmp-frontend/src/app/ui/dmp/clone/dmp-clone.component.scss
View File

@ -7,7 +7,7 @@ a {
} }
a:hover { a:hover {
color: #00b29f; color: var(--primary-color-3);
} }
.main-content { .main-content {
@ -23,8 +23,8 @@ a:hover {
.editor-header { .editor-header {
height: 64px; height: 64px;
background: var(--unnamed-color-129d99) 0% 0% no-repeat padding-box; background: var(--unnamed-color-var(--primary-color)) 0% 0% no-repeat padding-box;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
padding: 0.6rem; padding: 0.6rem;
margin: 30px 0px 0px 0px; margin: 30px 0px 0px 0px;
@ -41,8 +41,8 @@ a:hover {
.dataset-editor-header { .dataset-editor-header {
height: 113px; height: 113px;
background: var(--unnamed-color-129d99) 0% 0% no-repeat padding-box; background: var(--unnamed-color-var(--primary-color)) 0% 0% no-repeat padding-box;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
padding: 0.6rem; padding: 0.6rem;
margin: 30px 0px 0px 0px; margin: 30px 0px 0px 0px;
@ -135,7 +135,7 @@ a:hover {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-weight: 700; font-weight: 700;
color: #129d99; color: var(--primary-color);
cursor: pointer; cursor: pointer;
} }
@ -241,7 +241,7 @@ a:hover {
.dataset-tag { .dataset-tag {
width: 73px; width: 73px;
height: 27px; height: 27px;
background-color: #f7dd72; background-color: var(--secondary-color);
color: #5d5d5d; color: #5d5d5d;
border-radius: 4px; border-radius: 4px;
font-weight: 400; font-weight: 400;
@ -286,7 +286,7 @@ a:hover {
} }
.next { .next {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white; color: white;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 400; font-weight: 400;
@ -294,7 +294,7 @@ a:hover {
} }
.dataset-next { .dataset-next {
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #212121; color: #212121;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 700; font-weight: 700;
@ -322,7 +322,7 @@ a:hover {
.dmp-label { .dmp-label {
min-width: 67px; min-width: 67px;
height: 37px; height: 37px;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white; color: white;
border-radius: 4px; border-radius: 4px;
opacity: 1; opacity: 1;
@ -372,7 +372,7 @@ a:hover {
// } // }
::ng-deep .mat-ink-bar { ::ng-deep .mat-ink-bar {
background-color: #00b29f !important; background-color: var(--primary-color-3) !important;
// background-color: #0070c0 !important; // background-color: #0070c0 !important;
} }
@ -405,7 +405,7 @@ a:hover {
// } // }
// .more-icon :hover { // .more-icon :hover {
// color: #00b29f; // color: var(--primary-color-3);
// } // }
// ::ng-deep .mat-tab-labels { // ::ng-deep .mat-tab-labels {
@ -417,5 +417,5 @@ a:hover {
// } // }
// ::ng-deep .mat-ink-bar { // ::ng-deep .mat-ink-bar {
// background-color: #00b29f !important; // background-color: var(--primary-color-3) !important;
// } // }

6
dmp-frontend/src/app/ui/dmp/dataset-preview/dataset-preview-dialog.component.scss
View File

@ -3,7 +3,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
height: 89px; height: 89px;
background-color: #129D99; background-color: var(--primary-color);
color: #FFFFFF; color: #FFFFFF;
font-size: 1.25rem; font-size: 1.25rem;
} }
@ -33,8 +33,8 @@
} }
.start-btn { .start-btn {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;

2
dmp-frontend/src/app/ui/dmp/dmp-to-dataset/dmp-to-dataset-dialog.component.html
View File

@ -19,6 +19,6 @@
</div> </div>
</div> </div>
</div> </div>
<img class="col-auto ml-auto laptop-img" src="../../../assets/splash/assets/img/2_Sign_in/Png/Sign In - Copy.png" width="116" height="139"> <img class="col-auto ml-auto laptop-img" src="../../../assets/images/guided-tour-side.png" width="116" height="139">
</div> </div>
</div> </div>

6
dmp-frontend/src/app/ui/dmp/dmp-to-dataset/dmp-to-dataset-dialog.component.scss
View File

@ -38,8 +38,8 @@
} }
.start-btn { .start-btn {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
@ -49,7 +49,7 @@
} }
.color-green { .color-green {
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }

2
dmp-frontend/src/app/ui/dmp/editor/dataset-editor-details/dataset-editor-details.component.scss
View File

@ -57,7 +57,7 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.dmp-link { .dmp-link {

2
dmp-frontend/src/app/ui/dmp/editor/dataset-info/dataset-info.component.scss
View File

@ -56,7 +56,7 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.not-found { .not-found {

2
dmp-frontend/src/app/ui/dmp/editor/datasets-tab/datasets-tab.component.scss
View File

@ -45,7 +45,7 @@
.show-more { .show-more {
background-color: #ffffff00; background-color: #ffffff00;
color: #00b29f; color: var(--primary-color-3);
font-weight: 700; font-weight: 700;
justify-self: center; justify-self: center;
} }

30
dmp-frontend/src/app/ui/dmp/editor/dmp-editor.component.scss
View File

@ -18,7 +18,7 @@ a {
} }
a:hover { a:hover {
color: #00b29f; color: var(--primary-color-3);
} }
.main-content { .main-content {
@ -40,7 +40,7 @@ a:hover {
} }
.more-icon :hover { .more-icon :hover {
color: #00b29f; color: var(--primary-color-3);
} }
.export-btn { .export-btn {
@ -56,8 +56,8 @@ a:hover {
.editor-header { .editor-header {
height: 64px; height: 64px;
background: var(--unnamed-color-129d99) 0% 0% no-repeat padding-box; background: var(--unnamed-color-var(--primary-color)) 0% 0% no-repeat padding-box;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
padding: 0.6rem; padding: 0.6rem;
margin: 30px 0px 0px 0px; margin: 30px 0px 0px 0px;
@ -74,8 +74,8 @@ a:hover {
.dataset-editor-header { .dataset-editor-header {
height: 113px; height: 113px;
background: var(--unnamed-color-129d99) 0% 0% no-repeat padding-box; background: var(--unnamed-color-var(--primary-color)) 0% 0% no-repeat padding-box;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
padding: 0.6rem; padding: 0.6rem;
margin: 30px 0px 0px 0px; margin: 30px 0px 0px 0px;
@ -167,7 +167,7 @@ a:hover {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-weight: 700; font-weight: 700;
color: #129d99; color: var(--primary-color);
} }
.dataset-discard-btn { .dataset-discard-btn {
@ -278,7 +278,7 @@ a:hover {
width: 100%; width: 100%;
height: 27px; height: 27px;
line-height: 27px; line-height: 27px;
background-color: #f7dd72; background-color: var(--secondary-color);
color: #5d5d5d; color: #5d5d5d;
border-radius: 4px; border-radius: 4px;
font-weight: 400; font-weight: 400;
@ -344,7 +344,7 @@ mat-icon.size-16 {
} }
.add-dataset-btn { .add-dataset-btn {
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 500; font-weight: 500;
white-space: normal; white-space: normal;
@ -361,7 +361,7 @@ mat-icon.size-16 {
} }
.next { .next {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white; color: white;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 400; font-weight: 400;
@ -369,7 +369,7 @@ mat-icon.size-16 {
} }
.dataset-next { .dataset-next {
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
color: #212121; color: #212121;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
font-weight: 700; font-weight: 700;
@ -391,8 +391,8 @@ mat-icon.size-16 {
} }
// .add-dataset-btn:hover { // .add-dataset-btn:hover {
// color: #129d99 !important; // color: var(--primary-color) !important;
// border: 1px solid #129d99; // border: 1px solid var(--primary-color);
// } // }
.dataset-list { .dataset-list {
@ -403,7 +403,7 @@ mat-icon.size-16 {
.dmp-label { .dmp-label {
min-width: 67px; min-width: 67px;
height: 37px; height: 37px;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
color: white; color: white;
border-radius: 4px; border-radius: 4px;
opacity: 1; opacity: 1;
@ -462,6 +462,6 @@ mat-icon.size-16 {
// } // }
::ng-deep .mat-ink-bar { ::ng-deep .mat-ink-bar {
background-color: #00b29f !important; background-color: var(--primary-color-3) !important;
// background-color: #0070c0 !important; // background-color: #0070c0 !important;
} }

10
dmp-frontend/src/app/ui/dmp/editor/dmp-finalize-dialog/dmp-finalize-dialog.component.scss
View File

@ -66,7 +66,7 @@
} }
.datasets span { .datasets span {
color: #00b29f; color: var(--primary-color-3);
} }
.emptyList { .emptyList {
@ -75,7 +75,7 @@
} }
.save-btn { .save-btn {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
width: auto; width: auto;
@ -92,8 +92,8 @@
min-width: 84px; min-width: 84px;
height: 43px; height: 43px;
background: #ffffff; background: #ffffff;
color: #129d99; color: var(--primary-color);
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
} }
@ -103,7 +103,7 @@
} }
.submit-btn:not([disabled]):hover { .submit-btn:not([disabled]):hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }

4
dmp-frontend/src/app/ui/dmp/editor/funding-info/funding-info.component.scss
View File

@ -56,12 +56,12 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.insert { .insert {
text-decoration: underline; text-decoration: underline;
color: #00b29f; color: var(--primary-color-3);
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;

4
dmp-frontend/src/app/ui/dmp/editor/general-tab/general-tab.component.scss
View File

@ -6,7 +6,7 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
// .icon-btn { // .icon-btn {
@ -31,7 +31,7 @@
} }
.version-menu mat-icon { .version-menu mat-icon {
color: #00b29f; color: var(--primary-color-3);
} }
::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {

4
dmp-frontend/src/app/ui/dmp/editor/grant-tab/grant-tab.component.scss
View File

@ -5,7 +5,7 @@
align-self: center; align-self: center;
padding-bottom: 1em; padding-bottom: 1em;
cursor: pointer; cursor: pointer;
color: #00b29f; color: var(--primary-color-3);
} }
.add-entity:after { .add-entity:after {
@ -16,7 +16,7 @@
height: 2px; height: 2px;
left: 50%; left: 50%;
position: absolute; position: absolute;
background: #00b29f; background: var(--primary-color-3);
// background: #0070c0; // background: #0070c0;
transition: width 0.3s ease 0s, left 0.3s ease 0s; transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0; width: 0;

2
dmp-frontend/src/app/ui/dmp/editor/license-info/license-info.component.scss
View File

@ -56,7 +56,7 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
} }

4
dmp-frontend/src/app/ui/dmp/editor/main-info/main-info.component.scss
View File

@ -62,12 +62,12 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.insert-manually { .insert-manually {
text-decoration: underline; text-decoration: underline;
color: #00b29f; color: var(--primary-color-3);
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;

6
dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation-dialog.component.scss
View File

@ -95,12 +95,12 @@
.invite-btn { .invite-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
@ -118,7 +118,7 @@
} }
.invite-btn:hover { .invite-btn:hover {
background: #129d99; background: var(--primary-color);
color: #ffffff; color: #ffffff;
} }

14
dmp-frontend/src/app/ui/dmp/listing/criteria/dmp-criteria.component.scss
View File

@ -48,7 +48,7 @@
.filters-title { .filters-title {
width: 93px; width: 93px;
// color: #089dbb; // color: #089dbb;
color: #23bcba; color: var(--primary-color-2);
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -65,7 +65,7 @@
// } // }
// ::ng-deep .mat-focused .mat-form-field-label { // ::ng-deep .mat-focused .mat-form-field-label {
// color: #00b29f !important; // color: var(--primary-color-3) !important;
// } // }
// ::ng-deep.mat-form-field-underline { // ::ng-deep.mat-form-field-underline {
@ -73,7 +73,7 @@
// } // }
// ::ng-deep.mat-form-field-ripple { // ::ng-deep.mat-form-field-ripple {
// background-color: #00b29f !important; // background-color: var(--primary-color-3) !important;
// } // }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -90,7 +90,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate { .mat-pseudo-checkbox-indeterminate {
background-color: #00b29f; background-color: var(--primary-color-3);
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -108,14 +108,14 @@
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #777777; border-color: #777777;
// border-color: #00b29f; // border-color: var(--primary-color-3);
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #777777; color: #777777;
background-color: #777777; background-color: #777777;
// color: #00b29f; // color: var(--primary-color-3);
// background-color: #00b29f; // background-color: var(--primary-color-3);
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

2
dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
View File

@ -9,7 +9,7 @@
<p class="mt-4 pt-2">{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} <a class="zenodo-link" href="https://zenodo.org/communities/liber-dmp-cat/?page=1&size=20" target="_blank">{{'DMP-LISTING.LINK-ZENODO' | translate}}</a> {{'DMP-LISTING.GET-IDEA' | translate}}</p> <p class="mt-4 pt-2">{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} <a class="zenodo-link" href="https://zenodo.org/communities/liber-dmp-cat/?page=1&size=20" target="_blank">{{'DMP-LISTING.LINK-ZENODO' | translate}}</a> {{'DMP-LISTING.GET-IDEA' | translate}}</p>
<div class="d-flex"> <div class="d-flex">
<div *ngIf="!isPublic" class="col left-content" (click)="restartTour()">{{ 'GENERAL.ACTIONS.TAKE-A-TOUR'| translate }}</div> <div *ngIf="!isPublic" class="col left-content" (click)="restartTour()">{{ 'GENERAL.ACTIONS.TAKE-A-TOUR'| translate }}</div>
<img class="col-auto ml-auto laptop-img" src="../../../assets/splash/assets/img/1_Main/Png/Who Benefits copy.png" width="116" height="139"> <img class="col-auto ml-auto laptop-img" src="../../../assets/images/dashboard-popup.png">
</div> </div>
</div> </div>
</div> </div>

12
dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.scss
View File

@ -69,7 +69,7 @@
} }
.more-icon :hover { .more-icon :hover {
color: #00b29f; color: var(--primary-color-3);
} }
.header-image { .header-image {
@ -163,7 +163,7 @@
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
border: none; border: none;
@ -180,7 +180,7 @@
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
border: none; border: none;
@ -211,7 +211,7 @@
.filter-btn button { .filter-btn button {
color: white; color: white;
background-color: #23bcba; background-color: var(--primary-color-2);
width: 37px; width: 37px;
height: 45px; height: 45px;
} }
@ -223,7 +223,7 @@
} }
.search-form mat-icon { .search-form mat-icon {
color: #129d99; color: var(--primary-color);
} }
.empty-list { .empty-list {
@ -242,7 +242,7 @@
.pointer:hover, .pointer:hover,
.zenodo-link:hover { .zenodo-link:hover {
color: #00b29f; color: var(--primary-color-3);
} }
::ng-deep .search-form .mat-form-field-wrapper { ::ng-deep .search-form .mat-form-field-wrapper {

12
dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.scss
View File

@ -17,7 +17,7 @@
} }
.container-header :hover { .container-header :hover {
color: #00b29f; color: var(--primary-color-3);
} }
h4 { h4 {
@ -45,7 +45,7 @@ h4 > span {
} }
.datasets-counter :hover { .datasets-counter :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.about-item .title { .about-item .title {
@ -149,7 +149,7 @@ input[type="text"] {
} }
.dmp-label { .dmp-label {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
opacity: 1; opacity: 1;
min-width: 67px; min-width: 67px;
@ -161,7 +161,7 @@ input[type="text"] {
.dataset-label { .dataset-label {
width: auto; width: auto;
height: 37px; height: 37px;
background: #f7dd72 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
border-radius: 4px 0px; border-radius: 4px 0px;
text-align: left; text-align: left;
line-height: 2.8; line-height: 2.8;
@ -240,7 +240,7 @@ input[type="text"] {
.dataset-card-actions a:hover, .dataset-card-actions a:hover,
.dmp-card-actions a:hover { .dmp-card-actions a:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.dmp-dataset-descriptions-title { .dmp-dataset-descriptions-title {
@ -261,7 +261,7 @@ input[type="text"] {
} }
.show-more:hover { .show-more:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.btn-load-more { .btn-load-more {

14
dmp-frontend/src/app/ui/dmp/listing/upload-dialogue/dmp-upload-dialogue.component.scss
View File

@ -37,12 +37,12 @@ min-width: 101px;
.next-btn { .next-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
@ -56,7 +56,7 @@ min-width: 101px;
} }
.next-btn:not([disabled]):hover { .next-btn:not([disabled]):hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
@ -70,7 +70,7 @@ min-width: 101px;
// } // }
// .next-btn:hover { // .next-btn:hover {
// background: #129d99; // background: var(--primary-color);
// color: #ffffff; // color: #ffffff;
// } // }
@ -82,15 +82,15 @@ min-width: 101px;
min-width: 156px; min-width: 156px;
height: 44px; height: 44px;
color: #ffffff; color: #ffffff;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
} }
.attach-file:hover { .attach-file:hover {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
color: #129d99; color: var(--primary-color);
} }
.drop-file { .drop-file {

28
dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
View File

@ -16,7 +16,7 @@
.mat-mini-fab { .mat-mini-fab {
width: 2.5em; width: 2.5em;
height: 2.5em; height: 2.5em;
background-color: #129d99; background-color: var(--primary-color);
color: white; color: white;
} }
@ -45,7 +45,7 @@
.dataset-btn { .dataset-btn {
width: 36.1em; width: 36.1em;
padding: 0 1.1em; padding: 0 1.1em;
background-color: #f7dd72; background-color: var(--secondary-color);
border-radius: 4px; border-radius: 4px;
justify-content: space-between; justify-content: space-between;
color: #212121; color: #212121;
@ -65,7 +65,7 @@
width: 31.6em; width: 31.6em;
padding: 0 1em; padding: 0 1em;
background-color: #ffffff00; background-color: #ffffff00;
color: #129d99; color: var(--primary-color);
font-weight: 700; font-weight: 700;
} }
@ -75,8 +75,8 @@
} }
.finalize-btn { .finalize-btn {
border: 1px solid #129d99; border: 1px solid var(--primary-color);
color: #129d99; color: var(--primary-color);
} }
.grant-title { .grant-title {
@ -125,7 +125,7 @@
padding: 10px; padding: 10px;
min-width: 4.8em; min-width: 4.8em;
height: 2.6em; height: 2.6em;
background: #129d99; background: var(--primary-color);
border-radius: 4px; border-radius: 4px;
font-size: 0.875em; font-size: 0.875em;
color: #ffffff; color: #ffffff;
@ -237,7 +237,7 @@
} }
.finalize-txt { .finalize-txt {
color: #129d99; color: var(--primary-color);
} }
.frame-txt, .frame-txt,
@ -305,7 +305,7 @@
} }
.add-dataset-btn:hover { .add-dataset-btn:hover {
color: #129d99 !important; color: var(--primary-color) !important;
} }
.show-more-btn { .show-more-btn {
@ -356,7 +356,7 @@
// } // }
// .more-icon :hover { // .more-icon :hover {
// color: #00b29f; // color: var(--primary-color-3);
// } // }
// .export-btn { // .export-btn {
@ -453,7 +453,7 @@
// } // }
// .container-header :hover { // .container-header :hover {
// color: #00b29f; // color: var(--primary-color-3);
// } // }
// .dataset-card { // .dataset-card {
@ -480,13 +480,13 @@
// .show-more { // .show-more {
// background-color: #ffffff00; // background-color: #ffffff00;
// color: #00b29f; // color: var(--primary-color-3);
// font-weight: 700; // font-weight: 700;
// justify-self: center; // justify-self: center;
// } // }
// .visit-website { // .visit-website {
// background-color: #00b29f; // background-color: var(--primary-color-3);
// color: #ffffff; // color: #ffffff;
// } // }
@ -550,7 +550,7 @@
// } // }
// .datasets-counter :hover { // .datasets-counter :hover {
// color: #00b29f !important; // color: var(--primary-color-3) !important;
// } // }
// .total-info { // .total-info {
@ -594,5 +594,5 @@
// } // }
// .interact-icon :hover { // .interact-icon :hover {
// color: #00b29f !important; // color: var(--primary-color-3) !important;
// } // }

6
dmp-frontend/src/app/ui/dmp/start-new-dataset-dialogue/start-new-dataset-dialog.component.scss
View File

@ -63,17 +63,17 @@ min-width: 101px;
.next-btn { .next-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
.next-btn:hover { .next-btn:hover {
background-color: #129d99; background-color: var(--primary-color);
color: white; color: white;
} }

2
dmp-frontend/src/app/ui/dmp/wizard/editor/dmp-wizard-editor.component.scss
View File

@ -14,7 +14,7 @@
} }
.input-btn :hover { .input-btn :hover {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
.table-card .mat-grid-tile { .table-card .mat-grid-tile {

14
dmp-frontend/src/app/ui/explore-dataset/filters/explore-dataset-filters.component.scss
View File

@ -32,7 +32,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
// color: #089dbb; // color: #089dbb;
color: #23bcba; color: var(--primary-color-2);
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -49,7 +49,7 @@
// } // }
// ::ng-deep .mat-focused .mat-form-field-label { // ::ng-deep .mat-focused .mat-form-field-label {
// color: #00b29f !important; // color: var(--primary-color-3) !important;
// } // }
// ::ng-deep.mat-form-field-underline { // ::ng-deep.mat-form-field-underline {
@ -57,7 +57,7 @@
// } // }
// ::ng-deep.mat-form-field-ripple { // ::ng-deep.mat-form-field-ripple {
// background-color: #00b29f !important; // background-color: var(--primary-color-3) !important;
// } // }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -74,7 +74,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate { .mat-pseudo-checkbox-indeterminate {
background-color: #00b29f; background-color: var(--primary-color-3);
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -92,14 +92,14 @@
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #777777; border-color: #777777;
// border-color: #00b29f; // border-color: var(--primary-color-3);
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #777777; color: #777777;
background-color: #777777; background-color: #777777;
// color: #00b29f; // color: var(--primary-color-3);
// background-color: #00b29f; // background-color: var(--primary-color-3);
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

2
dmp-frontend/src/app/ui/explore-dataset/listing-item/explore-dataset-listing-item.component.scss
View File

@ -34,7 +34,7 @@ h4 {
} }
.about-item .length { .about-item .length {
color: #00b29f; color: var(--primary-color-3);
// color: #089dbb; // color: #089dbb;
} }

14
dmp-frontend/src/app/ui/explore-dmp/dmp-explore-filters/explore-dmp-filters.component.scss
View File

@ -32,7 +32,7 @@
.filters-title { .filters-title {
width: 93px; width: 93px;
// color: #089dbb; // color: #089dbb;
color: #23bcba; color: var(--primary-color-2);
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -49,7 +49,7 @@
// } // }
// ::ng-deep .mat-focused .mat-form-field-label { // ::ng-deep .mat-focused .mat-form-field-label {
// color: #00b29f !important; // color: var(--primary-color-3) !important;
// } // }
// ::ng-deep.mat-form-field-underline { // ::ng-deep.mat-form-field-underline {
@ -57,7 +57,7 @@
// } // }
// ::ng-deep.mat-form-field-ripple { // ::ng-deep.mat-form-field-ripple {
// background-color: #00b29f !important; // background-color: var(--primary-color-3) !important;
// } // }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -74,7 +74,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate { .mat-pseudo-checkbox-indeterminate {
background-color: #00b29f; background-color: var(--primary-color-3);
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -92,14 +92,14 @@
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #777777; border-color: #777777;
// border-color: #00b29f; // border-color: var(--primary-color-3);
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #777777; color: #777777;
background-color: #777777; background-color: #777777;
// color: #00b29f; // color: var(--primary-color-3);
// background-color: #00b29f; // background-color: var(--primary-color-3);
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

2
dmp-frontend/src/app/ui/explore-dmp/listing-item/explore-dmp-listing-item.component.scss
View File

@ -22,7 +22,7 @@
} }
.about-item .length { .about-item .length {
color: #00b29f; color: var(--primary-color-3);
// color: #089dbb; // color: #089dbb;
} }

14
dmp-frontend/src/app/ui/grant/listing/criteria/grant-criteria.component.scss
View File

@ -46,7 +46,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
// color: #089dbb; // color: #089dbb;
color: #23bcba; color: var(--primary-color-2);
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -63,7 +63,7 @@
// } // }
// ::ng-deep .mat-focused .mat-form-field-label { // ::ng-deep .mat-focused .mat-form-field-label {
// color: #00b29f !important; // color: var(--primary-color-3) !important;
// } // }
// ::ng-deep.mat-form-field-underline { // ::ng-deep.mat-form-field-underline {
@ -71,7 +71,7 @@
// } // }
// ::ng-deep.mat-form-field-ripple { // ::ng-deep.mat-form-field-ripple {
// background-color: #00b29f !important; // background-color: var(--primary-color-3) !important;
// } // }
::ng-deep .mat-checkbox { ::ng-deep .mat-checkbox {
@ -88,7 +88,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate { .mat-pseudo-checkbox-indeterminate {
background-color: #00b29f; background-color: var(--primary-color-3);
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -106,14 +106,14 @@
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #777777; border-color: #777777;
// border-color: #00b29f; // border-color: var(--primary-color-3);
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #777777; color: #777777;
background-color: #777777; background-color: #777777;
// color: #00b29f; // color: var(--primary-color-3);
// background-color: #00b29f; // background-color: var(--primary-color-3);
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

2
dmp-frontend/src/app/ui/misc/breadcrumb/breadcrumb.component.scss
View File

@ -44,7 +44,7 @@
} }
.active { .active {
color: #00b29f; color: var(--primary-color-3);
} }
.icon { .icon {

2
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-composite-title/form-composite-title.component.scss
View File

@ -24,7 +24,7 @@ h6 {
.more { .more {
text-decoration: underline; text-decoration: underline;
color: #F7DD72; color: var(--secondary-color);
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;

6
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-field/form-field.component.scss
View File

@ -38,15 +38,15 @@
min-width: 156px; min-width: 156px;
height: 44px; height: 44px;
color: #ffffff; color: #ffffff;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
} }
.attach-file-btn:hover { .attach-file-btn:hover {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
color: #129d99; color: var(--primary-color);
} }
.attach-file-btn.mat-button-disabled, .attach-file-btn.mat-button-disabled:hover { .attach-file-btn.mat-button-disabled, .attach-file-btn.mat-button-disabled:hover {

2
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section-inner/form-section-inner.component.scss
View File

@ -9,7 +9,7 @@
.addOneFieldButton { .addOneFieldButton {
margin-top: -15px; margin-top: -15px;
margin-left: -11px; margin-left: -11px;
color: #129d99; color: var(--primary-color);
} }
.panel-title, .panel-title,
.panel-desc { .panel-desc {

2
dmp-frontend/src/app/ui/misc/dataset-description-form/components/form-section/form-section.component.scss
View File

@ -9,7 +9,7 @@
.addOneFieldButton { .addOneFieldButton {
margin-top: -15px; margin-top: -15px;
margin-left: -11px; margin-left: -11px;
color: #129d99; color: var(--primary-color);
} }
.panel-title, .panel-title,
.panel-desc { .panel-desc {

2
dmp-frontend/src/app/ui/misc/dataset-description-form/dataset-description-form.component.scss
View File

@ -27,5 +27,5 @@
.mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit { .mat-step-header .mat-step-icon-state-edit {
background-color: #129d99 !important; background-color: var(--primary-color) !important;
} }

2
dmp-frontend/src/app/ui/misc/dataset-description-form/dataset-description.component.scss
View File

@ -43,5 +43,5 @@
// ::ng-deep .mat-step-header .mat-step-icon-selected, // ::ng-deep .mat-step-header .mat-step-icon-selected,
// .mat-step-header .mat-step-icon-state-done, // .mat-step-header .mat-step-icon-state-done,
// .mat-step-header .mat-step-icon-state-edit { // .mat-step-header .mat-step-icon-state-edit {
// background-color: #129d99 !important; // background-color: var(--primary-color) !important;
// } // }

2
dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.scss
View File

@ -50,7 +50,7 @@ $mat-card-header-size: 40px !default;
} }
.check-icon { .check-icon {
color: #129D99; color: var(--primary-color);
transform: scale(0.7); transform: scale(0.7);
} }

4
dmp-frontend/src/app/ui/navbar/navbar.component.html
View File

@ -1,13 +1,13 @@
<ng-container> <ng-container>
<nav class="navbar navbar-expand-lg fixed-navbar"> <nav class="navbar navbar-expand-lg fixed-navbar">
<div class="container-fluid"> <div class="container-fluid h-100">
<div class="hamburger change" id="hamburger" (click)="toggleMyNav($event)"> <div class="hamburger change" id="hamburger" (click)="toggleMyNav($event)">
<div class="icon-bar1"></div> <div class="icon-bar1"></div>
<div class="icon-bar2"></div> <div class="icon-bar2"></div>
<div class="icon-bar3"></div> <div class="icon-bar3"></div>
</div> </div>
<a class="logo" [routerLink]="['home']"><img src="../../../assets/splash/assets/img/argos-logo-2.svg"></a> <a class="logo" [routerLink]="['home']"><img class="logo-image" src="../../../assets/images/nav-logo.png"></a>
<button class="navbar-toggler ml-auto" type="button" [matMenuTriggerFor]="toggleMenu"> <button class="navbar-toggler ml-auto" type="button" [matMenuTriggerFor]="toggleMenu">
<img *ngIf="this.isAuthenticated();else loginoption" mat-card-avatar class="my-mat-card-avatar" [src]="this.getPrincipalAvatar()" (error)="this.applyFallbackAvatar($event)"> <img *ngIf="this.isAuthenticated();else loginoption" mat-card-avatar class="my-mat-card-avatar" [src]="this.getPrincipalAvatar()" (error)="this.applyFallbackAvatar($event)">

9
dmp-frontend/src/app/ui/navbar/navbar.component.scss
View File

@ -30,10 +30,11 @@ $mat-card-header-size: 40px !default;
} }
.logo { .logo {
// width: 98px;
// height: 37px;
margin-top: 15px;
margin-left: 5px; margin-left: 5px;
height: 100%;
}
.logo-image {
height: 100%;
} }
.faq-title { .faq-title {
@ -48,7 +49,7 @@ $mat-card-header-size: 40px !default;
.faq-title:hover, .faq-title:hover,
.lang:hover { .lang:hover {
color: #23bcba !important; color: var(--primary-color-2) !important;
} }
.lang { .lang {

4
dmp-frontend/src/app/ui/sidebar/sidebar-footer/sidebar-footer.component.css
View File

@ -17,7 +17,7 @@
} }
.sidebar-footer .option:hover { .sidebar-footer .option:hover {
color: #00b29f; color: var(--primary-color-3);
} }
.sidebar-footer .vl { .sidebar-footer .vl {
@ -26,5 +26,5 @@
} }
.option-active { .option-active {
color: #00b29f !important; color: var(--primary-color-3) !important;
} }

2
dmp-frontend/src/app/ui/sidebar/sidebar.component.scss
View File

@ -34,7 +34,7 @@ $mat-card-header-size: 30px !default;
} }
.active a i { .active a i {
color: #23bcba; color: var(--primary-color-2);
} }
.inner-line { .inner-line {

8
dmp-frontend/src/app/ui/user-profile/add-account/add-account-dialog.component.scss
View File

@ -3,7 +3,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
height: 89px; height: 89px;
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
font-size: 1.25rem; font-size: 1.25rem;
} }
@ -42,14 +42,14 @@
width: 84px; width: 84px;
height: 43px; height: 43px;
background: #ffffff; background: #ffffff;
color: #129d99; color: var(--primary-color);
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
} }
.add-btn:hover { .add-btn:hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }
} }

16
dmp-frontend/src/app/ui/user-profile/user-profile.component.scss
View File

@ -10,7 +10,7 @@
} }
.clickable:hover { .clickable:hover {
//text-decoration: underline; //Alternative //text-decoration: underline; //Alternative
color: #00b29f !important; color: var(--primary-color-3) !important;
} }
// .two-line-mat-option { // .two-line-mat-option {
// height: 3.5em; // height: 3.5em;
@ -66,7 +66,7 @@
} }
.name { .name {
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 3rem; line-height: 3rem;
@ -77,7 +77,7 @@
} }
.mail { .mail {
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }
@ -114,7 +114,7 @@
} }
.save-btn { .save-btn {
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
width: auto; width: auto;
@ -151,13 +151,13 @@
min-width: 162px; min-width: 162px;
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
color: #129d99; color: var(--primary-color);
font-size: 0.87rem; font-size: 0.87rem;
font-weight: 500; font-weight: 500;
} }
.vertical-line { .vertical-line {
border-left: 2px solid #129d99; border-left: 2px solid var(--primary-color);
} }
.email-title { .email-title {
@ -179,7 +179,7 @@
// } // }
.check-icon { .check-icon {
color: #129d99; color: var(--primary-color);
transform: scale(0.75); transform: scale(0.75);
padding: 0.4rem; padding: 0.4rem;
} }
@ -205,7 +205,7 @@
cursor: pointer; cursor: pointer;
mat-icon { mat-icon {
color: #129d99; color: var(--primary-color);
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
} }

14
dmp-frontend/src/assets/css/demo.css
View File

@ -78,7 +78,7 @@ h6 {
} }
.sidebar[data-color="danger"] li.active>a { .sidebar[data-color="danger"] li.active>a {
background-color: rgb(0, 178, 159); background-color: var(--primary-color-1);
/* -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */ /* -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */
/* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */ /* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); */
box-shadow: none; box-shadow: none;
@ -353,7 +353,7 @@ table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .
} }
.attach-file :hover { .attach-file :hover {
color: #00b29f color: var(--primary-color-3)
} }
.normal-btn { .normal-btn {
@ -361,7 +361,7 @@ table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #129d99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1e202029; box-shadow: 0px 3px 6px #1e202029;
border-radius: 30px; border-radius: 30px;
border: none; border: none;
@ -416,7 +416,7 @@ p {
} }
p a { p a {
color: #23BCBA; color: var(--primary-color-2);
} }
.bootstrap-overrides a { .bootstrap-overrides a {
@ -425,7 +425,7 @@ p a {
} }
.bootstrap-overrides a:hover { .bootstrap-overrides a:hover {
color: #23BCBA; color: var(--primary-color-2);
text-decoration: none; text-decoration: none;
} }
@ -566,7 +566,7 @@ hr {
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;
background: #129D99 0% 0% no-repeat padding-box; background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1E202029; box-shadow: 0px 3px 6px #1E202029;
border-radius: 30px; border-radius: 30px;
border: none; border: none;
@ -599,7 +599,7 @@ hr {
width: 894px; width: 894px;
height: 221px; height: 221px;
background: #FFFFFF 0% 0% no-repeat padding-box; background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #23BCBA; border: 1px solid var(--primary-color-2);
border-radius: 37px; border-radius: 37px;
opacity: 1; opacity: 1;
margin: 3.75rem 0rem; margin: 3.75rem 0rem;

BIN
dmp-frontend/src/assets/images/OpenDMP(v1).png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.6 KiB

BIN
dmp-frontend/src/assets/images/OpenDMP.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.1 KiB

BIN
dmp-frontend/src/assets/images/dashboard-bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 862 KiB

BIN
dmp-frontend/src/assets/images/dashboard-popup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
dmp-frontend/src/assets/images/guided-tour-side.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
dmp-frontend/src/assets/images/logan-troxell-9187-unsplash.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 MiB

BIN
dmp-frontend/src/assets/images/login-bottom-image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
dmp-frontend/src/assets/images/logo_cite.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
dmp-frontend/src/assets/images/main_nav_bg_LQ.PNG
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 779 KiB

BIN
dmp-frontend/src/assets/images/nav-logo-argos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
dmp-frontend/src/assets/images/public-datasets-bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 387 KiB

BIN
dmp-frontend/src/assets/images/public-dmps-bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 387 KiB

BIN
dmp-frontend/src/assets/images/repository-placeholder.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 16 KiB

2
dmp-frontend/src/assets/scss/blue-theme.scss
View File

@ -41,7 +41,7 @@ $app-blue-theme-accent-palette: (
200: #80d9cf, 200: #80d9cf,
300: #4dc9bc, 300: #4dc9bc,
400: #26bead, 400: #26bead,
500: #00b29f, 500: var(--primary-color-3),
600: #00ab97, 600: #00ab97,
700: #00a28d, 700: #00a28d,
800: #009983, 800: #009983,

4
dmp-frontend/src/assets/scss/green-theme.scss
View File

@ -8,7 +8,7 @@ $app-green-theme-primary-palette: (
200: #89cecc, 200: #89cecc,
300: #59bab8, 300: #59bab8,
400: #36aca8, 400: #36aca8,
500: #129d99, 500: var(--primary-color),
600: #109591, 600: #109591,
700: #0d8b86, 700: #0d8b86,
800: #0a817c, 800: #0a817c,
@ -41,7 +41,7 @@ $app-green-theme-accent-palette: (
200: #fbeeb9, 200: #fbeeb9,
300: #f9e79c, 300: #f9e79c,
400: #f8e287, 400: #f8e287,
500: #f7dd72, 500: var(--secondary-color),
600: #f6d96a, 600: #f6d96a,
700: #f5d45f, 700: #f5d45f,
800: #f3cf55, 800: #f3cf55,

4
dmp-frontend/src/common/forms/form-validation-errors-dialog/form-validation-errors-dialog.component.scss
View File

@ -59,12 +59,12 @@ min-width: 101px;
.next-btn { .next-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
color: #129d99; color: var(--primary-color);
font-weight: 500; font-weight: 500;
} }

6
dmp-frontend/src/common/modules/confirmation-dialog/confirmation-dialog.component.scss
View File

@ -56,8 +56,8 @@
min-width: 101px; min-width: 101px;
height: 43px; height: 43px;
background: #ffffff; background: #ffffff;
color: #129d99; color: var(--primary-color);
border: 1px solid #129d99; border: 1px solid var(--primary-color);
border-radius: 30px; border-radius: 30px;
opacity: 1; opacity: 1;
} }
@ -67,7 +67,7 @@
} }
.submit-btn:not([disabled]):hover { .submit-btn:not([disabled]):hover {
background-color: #129d99; background-color: var(--primary-color);
color: #ffffff; color: #ffffff;
} }

2
dmp-frontend/src/common/modules/sign-in-dialog/sign-in-dialog.component.html
View File

@ -1,5 +1,5 @@
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<img src="../../../assets/splash/assets/img/argos-logo.svg" width="135" height="51"> <img src="../../../assets/images/argos-logo.svg" width="135" height="51">
</div> </div>
<span class="row justify-content-center">Login with</span> <span class="row justify-content-center">Login with</span>
<div class="login-card"> <div class="login-card">

14
dmp-frontend/src/styles.scss
View File

@ -52,6 +52,14 @@
// @include angular-material-theme($theme); // @include angular-material-theme($theme);
// @include covalent-theme($theme); // @include covalent-theme($theme);
:root {
--primary-color: #129d99;
--primary-color-2: #23bcba;
--primary-color-3: #00b29f;
--secondary-color: #f7dd72;
}
.snackbar-warning { .snackbar-warning {
background-color: #f39010; background-color: #f39010;
color: #f3efef; color: #f3efef;
@ -68,7 +76,7 @@
} }
.lightblue-btn { .lightblue-btn {
background-color: rgb(0, 178, 159) !important; background-color: var(--primary-color-1) !important;
color: white !important; color: white !important;
// background-color: rgba(0, 112, 192, 1) !important; // background-color: rgba(0, 112, 192, 1) !important;
} }
@ -110,7 +118,7 @@
border: 0.1em solid rgb(218, 227, 243); border: 0.1em solid rgb(218, 227, 243);
border-radius: 10em; border-radius: 10em;
background-color: rgb(236, 241, 249); background-color: rgb(236, 241, 249);
color: rgb(0, 178, 159); color: var(--primary-color-1);
// color: rgba(0, 112, 192, 1); // color: rgba(0, 112, 192, 1);
// color: rgb(68, 114, 196); // color: rgb(68, 114, 196);
text-transform: uppercase; text-transform: uppercase;
@ -245,7 +253,7 @@
.text-primary-blue{ .text-primary-blue{
color: #129D99; color: var(--primary-color);
} }