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

Changes color palette

This commit is contained in:
apapachristou 2019-09-19 13:00:00 +03:00
parent 2008986daf
commit 0c27746465
38 changed files with 228 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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: #4687f0; background-color: #00b29f;
color: #ffffff; color: #ffffff;
} }
} }

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

@ -33,7 +33,8 @@ mat-row:hover {
// } // }
mat-row:nth-child(odd) { mat-row:nth-child(odd) {
background-color: #eef0fb; background-color: #0c748914;
// background-color: #eef0fb;
} }
::ng-deep .mat-paginator-container { ::ng-deep .mat-paginator-container {

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

@ -16,7 +16,8 @@
} }
::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: #0070c0; background-color: #00b29f;
// background-color: #0070c0;
} }
::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {

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

@ -16,7 +16,8 @@
} }
mat-row:nth-child(odd) { mat-row:nth-child(odd) {
background-color: #eef0fb; background-color: #0c748914;
// background-color: #eef0fb;
} }
.mat-fab-bottom-right { .mat-fab-bottom-right {

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

@ -12,7 +12,8 @@
} }
mat-row:nth-child(odd) { mat-row:nth-child(odd) {
background-color: #eef0fb; background-color: #0c748914;
// background-color: #eef0fb;
} }
} }

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

@ -38,7 +38,8 @@
} }
.about-item .length { .about-item .length {
color: rgb(70, 135, 240); color: #00b29f;
/* color: #089dbb; */
} }
.about-item .title { .about-item .title {
@ -53,7 +54,8 @@
} }
.icon { .icon {
color: #92d050; color: #08bd63;
/* color: #92d050; */
} }
hr { hr {

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

@ -4,7 +4,8 @@
.icon { .icon {
/* color: rgb(112, 173, 71); */ /* color: rgb(112, 173, 71); */
color: #92d050; color: #08bd63;
/* color: #92d050; */
} }
.gray-container { .gray-container {

9
dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-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 rgb(197, 224, 180); border: 1px solid #00b29f3b;
color: rgb(131, 184, 95); color: #00b29f;
background-color: rgb(240, 247, 236); background-color: #00b29f0f;
border-radius: 10em; border-radius: 10em;
text-align: center; text-align: center;
} }
@ -31,7 +31,8 @@ th {
margin-left: 2.5em; margin-left: 2.5em;
margin-right: 2.5em; margin-right: 2.5em;
border-radius: 10em; border-radius: 10em;
background-color: rgba(0, 112, 192, 1); background-color: #0d7489;
/* background-color: rgba(0, 112, 192, 1); */
/* background-color: #007bff; */ /* background-color: #007bff; */
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;

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 rgb(197, 224, 180); border: 1px solid #00b29f3b;
color: rgb(131, 184, 95); color: #00b29f;
background-color: rgb(240, 247, 236); background-color: #00b29f0f;
border-radius: 10em; border-radius: 10em;
text-align: center; text-align: center;
} }

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

@ -9,7 +9,8 @@
.description-action-row { .description-action-row {
margin-top: 1em; margin-top: 1em;
} }
.deleteButton, .reverseButton { .deleteButton,
.reverseButton {
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
margin-right: 15px; margin-right: 15px;
@ -76,7 +77,7 @@
} }
.more-icon :hover { .more-icon :hover {
color: #4687e6; color: #00b29f;
} }
.new-dataset { .new-dataset {
@ -97,5 +98,6 @@
} }
::ng-deep .mat-ink-bar { ::ng-deep .mat-ink-bar {
background-color: #0070c0 !important; background-color: #00b29f !important;
// background-color: #0070c0 !important;
} }

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

@ -3,7 +3,7 @@
} }
.category-title { .category-title {
color: #2e75b6; color: #089dbb;
margin-top: 8px; margin-top: 8px;
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -20,7 +20,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
color: #2e75b6; color: #089dbb;
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;

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

@ -43,12 +43,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: #2e75b6; border-color: #00b29f;
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #2e75b6; color: #00b29f;
background-color: #2e75b6; background-color: #00b29f;
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

6
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: #4687e6; color: #00b29f;
} }
h4 { h4 {
@ -45,11 +45,11 @@ h4 > span {
} }
.links :hover { .links :hover {
color: #4687e6; color: #00b29f;
} }
.about-item .length { .about-item .length {
color: #4687f0; color: #00b29f;
} }
.about-item .title { .about-item .title {

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

@ -14,7 +14,7 @@
.clone-mode { .clone-mode {
// line-height: 2em; // line-height: 2em;
text-transform: uppercase; text-transform: uppercase;
color: #4687e6; color: #089dbb;
font-weight: 400; font-weight: 400;
align-self: center; align-self: center;
} }
@ -25,7 +25,7 @@
} }
.more-icon :hover { .more-icon :hover {
color: #4687e6; color: #00b29f;
} }
::ng-deep .mat-tab-labels { ::ng-deep .mat-tab-labels {
@ -37,5 +37,6 @@
} }
::ng-deep .mat-ink-bar { ::ng-deep .mat-ink-bar {
background-color: #0070c0 !important; background-color: #00b29f !important;
// background-color: #0070c0 !important;
} }

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

@ -7,7 +7,8 @@
} }
.finalized-bookmark { .finalized-bookmark {
color: #92d050; color: #08bd63;
// color: #92d050;
display: inline; display: inline;
position: absolute; position: absolute;
margin-top: 0.5em; margin-top: 0.5em;
@ -38,7 +39,7 @@
.show-more { .show-more {
background-color: #ffffff00; background-color: #ffffff00;
color: #4687f0; color: #00b29f;
font-weight: 700; font-weight: 700;
justify-self: center; justify-self: center;
} }
@ -50,7 +51,8 @@
margin-left: 2.5em; margin-left: 2.5em;
margin-right: 2.5em; margin-right: 2.5em;
border-radius: 10em; border-radius: 10em;
background-color: #0070c0; background-color: #0d7489;
// background-color: #0070c0;
// background-color: rgb(70, 135, 230); // background-color: rgb(70, 135, 230);
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
@ -71,7 +73,7 @@
} }
h4 span { h4 span {
color: #619ce3; color: #089dbb;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
} }

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

@ -12,7 +12,7 @@
} }
.more-icon :hover { .more-icon :hover {
color: #4687e6; color: #00b29f;
} }
::ng-deep .mat-tab-labels { ::ng-deep .mat-tab-labels {
@ -24,5 +24,6 @@
} }
::ng-deep .mat-ink-bar { ::ng-deep .mat-ink-bar {
background-color: #0070c0 !important; background-color: #00b29f !important;
// background-color: #0070c0 !important;
} }

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

@ -49,7 +49,8 @@
} }
.finalized-bookmark { .finalized-bookmark {
color: #92d050; color: #08bd63;
// color: #92d050;
display: inline; display: inline;
padding: 0; padding: 0;
} }
@ -65,10 +66,10 @@
} }
.datasets span { .datasets span {
color: #4687f0; color: #00b29f;
} }
.emptyList { .emptyList {
font-style: italic; font-style: italic;
color:rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26);
} }

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: #4687f0 !important; color: #00b29f !important;
} }
// .icon-btn { // .icon-btn {
@ -31,7 +31,7 @@
} }
.version-menu mat-icon { .version-menu mat-icon {
color: #4687f0; color: #00b29f;
} }
::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {

5
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: #0070c0; color: #00b29f;
} }
.add-entity:after { .add-entity:after {
@ -16,7 +16,8 @@
height: 2px; height: 2px;
left: 50%; left: 50%;
position: absolute; position: absolute;
background: #0070c0; background: #00b29f;
// 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;
} }

3
dmp-frontend/src/app/ui/dmp/editor/people-tab/people-tab.component.scss
View File

@ -1,6 +1,7 @@
.table-header { .table-header {
background-color: #eeeeee; background-color: #eeeeee;
color: #0070c0; color: #0c7489;
// color: #0070c0;
height: 2em; height: 2em;
} }

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

@ -22,7 +22,7 @@
} }
.category-title { .category-title {
color: #2e75b6; color: #089dbb;
margin-top: 8px; margin-top: 8px;
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -39,7 +39,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
color: #2e75b6; color: #089dbb;
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -56,7 +56,7 @@
} }
::ng-deep .mat-focused .mat-form-field-label { ::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important; color: #00b29f !important;
} }
::ng-deep.mat-form-field-underline { ::ng-deep.mat-form-field-underline {
@ -64,7 +64,7 @@
} }
::ng-deep.mat-form-field-ripple { ::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important; background-color: #00b29f !important;
} }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -81,7 +81,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: #2e75b6; background-color: #00b29f;
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -98,12 +98,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: #2e75b6; border-color: #00b29f;
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #2e75b6; color: #00b29f;
background-color: #2e75b6; background-color: #00b29f;
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

7
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: #4687e6; color: #00b29f;
} }
h4 { h4 {
@ -44,7 +44,7 @@ h4 > span {
} }
.datasets-counter :hover { .datasets-counter :hover {
color: #4687e6 !important; color: #089dbb !important;
} }
.about-item .title { .about-item .title {
@ -70,5 +70,6 @@ h4 > span {
.published-icon { .published-icon {
padding-top: 1px; padding-top: 1px;
color: #92d050; color: #08bd63;;
// color: #92d050;
} }

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

@ -14,7 +14,7 @@
} }
.more-icon :hover { .more-icon :hover {
color: #4687e6; color: #00b29f;
} }
.menu-item { .menu-item {
@ -54,7 +54,7 @@
.researchers-title { .researchers-title {
width: 120px; width: 120px;
color: #4687e6; color: #089dbb;
background-color: white; background-color: white;
padding: 0px 10px; padding: 0px 10px;
margin-top: -16px; margin-top: -16px;
@ -78,7 +78,7 @@
} }
.container-header :hover { .container-header :hover {
color: #4687e6; color: #00b29f;
} }
.dataset-card { .dataset-card {
@ -105,13 +105,13 @@
.show-more { .show-more {
background-color: #ffffff00; background-color: #ffffff00;
color: #4687f0; color: #00b29f;
font-weight: 700; font-weight: 700;
justify-self: center; justify-self: center;
} }
.visit-website { .visit-website {
background-color: #4687f0; background-color: #00b29f;
color: #ffffff; color: #ffffff;
} }
@ -132,7 +132,7 @@
} }
h4 span { h4 span {
color: #619ce3; color: #089dbb;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
} }
@ -144,7 +144,8 @@ h4 span {
margin-left: 2.5em; margin-left: 2.5em;
margin-right: 2.5em; margin-right: 2.5em;
border-radius: 10em; border-radius: 10em;
background-color: rgba(0, 112, 192, 1); background-color: #0d7489;
// background-color: rgba(0, 112, 192, 1);
// background-color: rgb(70, 135, 230); // background-color: rgb(70, 135, 230);
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
@ -173,7 +174,7 @@ h4 span {
} }
.datasets-counter :hover { .datasets-counter :hover {
color: #4687e6 !important; color: #00b29f !important;
} }
.total-info { .total-info {

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: #4687f0 !important; color: #00b29f !important;
} }
.table-card .mat-grid-tile { .table-card .mat-grid-tile {

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

@ -31,6 +31,7 @@ mat-row:hover {
// background-color:red; // background-color:red;
// } // }
mat-row:nth-child(odd){ mat-row:nth-child(odd) {
background-color:#eef0fb; background-color: #0c748914;
} // background-color:#eef0fb;
}

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

@ -13,7 +13,7 @@
} }
.category-title { .category-title {
color: #2e75b6; color: #089dbb;
margin-top: 8px; margin-top: 8px;
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -30,7 +30,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
color: #2e75b6; color: #089dbb;
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -47,7 +47,7 @@
} }
::ng-deep .mat-focused .mat-form-field-label { ::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important; color: #00b29f !important;
} }
::ng-deep.mat-form-field-underline { ::ng-deep.mat-form-field-underline {
@ -55,7 +55,7 @@
} }
::ng-deep.mat-form-field-ripple { ::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important; background-color: #00b29f !important;
} }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -72,7 +72,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: #2e75b6; background-color: #00b29f;
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -89,12 +89,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: #2e75b6; border-color: #00b29f;
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #2e75b6; color: #00b29f;
background-color: #2e75b6; background-color: #00b29f;
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

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

@ -33,7 +33,8 @@ h4 {
} }
.about-item .length { .about-item .length {
color: rgb(70, 135, 240); color: #00b29f;
// color: #089dbb;
} }
.about-item .title { .about-item .title {

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

@ -13,7 +13,7 @@
} }
.category-title { .category-title {
color: #2e75b6; color: #089dbb;
margin-top: 8px; margin-top: 8px;
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -30,7 +30,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
color: #2e75b6; color: #089dbb;
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -47,7 +47,7 @@
} }
::ng-deep .mat-focused .mat-form-field-label { ::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important; color: #00b29f !important;
} }
::ng-deep.mat-form-field-underline { ::ng-deep.mat-form-field-underline {
@ -55,7 +55,7 @@
} }
::ng-deep.mat-form-field-ripple { ::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important; background-color: #00b29f !important;
} }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -72,7 +72,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: #2e75b6; background-color: #00b29f;
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -89,12 +89,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: #2e75b6; border-color: #00b29f;
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #2e75b6; color: #00b29f;
background-color: #2e75b6; background-color: #00b29f;
} }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {

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

@ -22,7 +22,8 @@
} }
.about-item .length { .about-item .length {
color: rgb(70, 135, 240); color: #00b29f;
// color: #089dbb;
} }
.about-item .title { .about-item .title {
@ -47,7 +48,8 @@
.published-icon { .published-icon {
padding-top: 1px; padding-top: 1px;
color: #92d050; color: #08bd63;
// color: #92d050;
} }
// .explore-dmp-listing-item { // .explore-dmp-listing-item {

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

@ -27,7 +27,7 @@
} }
.category-title { .category-title {
color: #2e75b6; color: #089dbb;
margin-top: 8px; margin-top: 8px;
margin-bottom: 12px; margin-bottom: 12px;
} }
@ -44,7 +44,7 @@
.filters-title { .filters-title {
width: 90px; width: 90px;
color: #2e75b6; color: #089dbb;
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;
margin-top: -10px; margin-top: -10px;
@ -61,7 +61,7 @@
} }
::ng-deep .mat-focused .mat-form-field-label { ::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important; color: #00b29f !important;
} }
::ng-deep.mat-form-field-underline { ::ng-deep.mat-form-field-underline {
@ -69,7 +69,7 @@
} }
::ng-deep.mat-form-field-ripple { ::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important; background-color: #00b29f !important;
} }
// ::ng-deep .mat-checkbox { // ::ng-deep .mat-checkbox {
@ -86,7 +86,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: #2e75b6; background-color: #00b29f;
} }
::ng-deep .mat-ripple-element { ::ng-deep .mat-ripple-element {
@ -103,12 +103,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: #2e75b6; border-color: #00b29f;
} }
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle { ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #2e75b6; color: #00b29f;
background-color: #2e75b6; background-color: #00b29f;
} }
.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: #4687f0; color: #00b29f;
} }
.icon { .icon {

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

@ -17,7 +17,7 @@
} }
.sidebar-footer :hover { .sidebar-footer :hover {
color: #4687e6; color: #00b29f;
} }
.sidebar-footer .vl { .sidebar-footer .vl {

7
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: #4687e6; background-color: rgb(0, 178, 159);
/* -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;
@ -174,7 +174,8 @@ h6 {
} }
.card .card-header-blue .card-icon, .card .card-header-blue .card-text, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back { .card .card-header-blue .card-icon, .card .card-header-blue .card-text, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
background: linear-gradient(60deg, rgb(0, 112, 192), rgb(0, 112, 192)); /* background: linear-gradient(60deg, rgb(0, 112, 192), rgb(0, 112, 192)); */
background: linear-gradient(60deg, rgb(12, 116, 137), rgb(12, 116, 137));
} }
.card .card-header-blue .card-icon, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card .card-header-blue .card-text { .card .card-header-blue .card-icon, .card .card-header-blue:not(.card-header-icon):not(.card-header-text), .card .card-header-blue .card-text {
@ -347,5 +348,5 @@ table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .
} }
.attach-file :hover { .attach-file :hover {
color: #667eff color: #00b29f
} }

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

@ -1,21 +1,21 @@
@import 'app/ui/misc/navigation/navigation.component.scss'; @import 'app/ui/misc/navigation/navigation.component.scss';
@import '../node_modules/@angular/material/theming'; @import '~@angular/material/theming'; // @import '../../../node_modules/@angular/material/theming';
$app-blue-theme-primary-palette: ( $app-blue-theme-primary-palette: (
50: #e8eaf6, 50: #e2eef1,
100: #c5cae9, 100: #b6d5dc,
200: #9fa8da, 200: #86bac4,
300: #7986cb, 300: #559eac,
400: #5c6bc0, 400: #30899b,
500: #3f51b5, 500: #0c7489,
600: #3949ab, 600: #0a6c81,
700: #303f9f, 700: #086176,
800: #283593, 800: #06576c,
900: #1a237e, 900: #034459,
A100: #8c9eff, A100: #8bddff,
A200: #536dfe, A200: #58cfff,
A400: #3d5afe, A400: #25c0ff,
A700: #304ffe, A700: #0bb9ff,
contrast: ( contrast: (
50: $black-87-opacity, 50: $black-87-opacity,
100: $black-87-opacity, 100: $black-87-opacity,

2
dmp-frontend/src/assets/scss/core/variables/_brand.scss
View File

@ -3,7 +3,7 @@
/* brand Colors */ /* brand Colors */
$brand-primary: $purple-500 !default; $brand-primary: $indigo-500 !default;
$brand-info: $cyan-500 !default; $brand-info: $cyan-500 !default;
$brand-success: $green-500 !default; $brand-success: $green-500 !default;
$brand-warning: $orange-500 !default; $brand-warning: $orange-500 !default;

28
dmp-frontend/src/assets/scss/core/variables/_colors.scss
View File

@ -62,20 +62,20 @@ $deep-purple-a400: #651fff !default;
$deep-purple-a700: #6200ea !default; $deep-purple-a700: #6200ea !default;
$deep-purple: $deep-purple-500 !default; $deep-purple: $deep-purple-500 !default;
$indigo-50: #e8eaf6 !default; $indigo-50: #e2eef1 !default;
$indigo-100: #c5cae9 !default; $indigo-100: #b6d5dc !default;
$indigo-200: #9fa8da !default; $indigo-200: #86bac4 !default;
$indigo-300: #7986cb !default; $indigo-300: #559eac !default;
$indigo-400: #5c6bc0 !default; $indigo-400: #30899b !default;
$indigo-500: #3f51b5 !default; $indigo-500: #0c7489 !default;
$indigo-600: #3949ab !default; $indigo-600: #0a6c81 !default;
$indigo-700: #303f9f !default; $indigo-700: #086176 !default;
$indigo-800: #283593 !default; $indigo-800: #06576c !default;
$indigo-900: #1a237e !default; $indigo-900: #034459 !default;
$indigo-a100: #8c9eff !default; $indigo-a100: #8bddff !default;
$indigo-a200: #536dfe !default; $indigo-a200: #58cfff !default;
$indigo-a400: #3d5afe !default; $indigo-a400: #25c0ff !default;
$indigo-a700: #304ffe !default; $indigo-a700: #0bb9ff !default;
$indigo: $indigo-500 !default; $indigo: $indigo-500 !default;
$blue-50: #e3f2fd !default; $blue-50: #e3f2fd !default;

70
dmp-frontend/src/assets/scss/material-dashboard.scss
View File

@ -14,43 +14,53 @@
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/ */
@import "~@angular/material/prebuilt-themes/indigo-pink.css"; @import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "~@angular/material/theming"; // @import '../../../node_modules/@angular/material/theming';
@import "./blue-theme.scss";
@import "core/variables"; @include mat-core();
@import "core/mixins";
@import "~bootstrap/scss/bootstrap";
// Define a theme.
$custom-theme-primary: mat-palette($app-blue-theme-primary-palette, 900);
$custom-theme-accent: mat-palette($mat-pink, A200, A100, A400);
$custom-theme-warn: mat-palette($mat-red);
$custom-theme: mat-light-theme($custom-theme-primary, $custom-theme-accent, $custom-theme-warn);
@include angular-material-theme($custom-theme);
// Core Components @import "core/variables";
@import "core/buttons"; @import "core/mixins";
@import "core/checkboxes"; @import "~bootstrap/scss/bootstrap";
@import "core/radios";
@import "core/forms"; // Core Components
@import "core/input-group"; @import "core/buttons";
@import "core/images"; @import "core/checkboxes";
@import "core/navbar"; @import "core/radios";
@import "core/alerts"; @import "core/forms";
@import "core/type"; @import "core/input-group";
@import "core/tabs"; @import "core/images";
@import "core/tooltip"; @import "core/navbar";
@import "core/popover"; @import "core/alerts";
@import "core/dropdown"; @import "core/type";
@import "core/togglebutton"; @import "core/tabs";
@import "core/ripples"; @import "core/tooltip";
@import "core/footers"; @import "core/popover";
@import "core/sidebar-and-main-panel"; @import "core/dropdown";
@import "core/fixed-plugin"; @import "core/togglebutton";
@import "core/tables"; @import "core/ripples";
@import "core/misc"; @import "core/footers";
@import "core/sidebar-and-main-panel";
@import "core/fixed-plugin";
@import "core/tables";
@import "core/misc";
@import "core/cards"; @import "core/cards";
@import "core/cards/card-stats"; @import "core/cards/card-stats";
@import "core/cards/card-profile"; @import "core/cards/card-profile";
@import "core/cards/card-plain"; @import "core/cards/card-plain";
//plugin scss //plugin scss
@import "core/plugins/animate"; @import "core/plugins/animate";
@import "core/plugins/chartist"; @import "core/plugins/chartist";
@import "core/plugins/perfect-scrollbar"; @import "core/plugins/perfect-scrollbar";
@import "core/responsive"; @import "core/responsive";

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

@ -1,18 +1,20 @@
// @import "~@covalent/core/theming/all-theme";
@import "~@angular/material/theming"; // @import '../node_modules/@angular/material/theming';
@import "~@angular/material/prebuilt-themes/indigo-pink.css"; @import "~@angular/material/prebuilt-themes/indigo-pink.css";
// Material-Bootstrap configuration
@import "~bootstrap/scss/bootstrap"; @import "~bootstrap/scss/bootstrap";
//Material-Bootstrap configuration
@import "assets/scss/bootstrap-material";
@import "~@angular/material/theming"; // Custom Theme
// @import "~@covalent/core/theming/all-theme"; // @import "./assets/scss/blue-theme.scss";
@include mat-core();
// Define a theme. // Define a theme.
$primary: mat-palette($mat-indigo); // $primary: mat-palette($app-blue-theme-primary-palette);
$accent: mat-palette($mat-pink, A200, A100, A400); // $accent: mat-palette($mat-pink, A200, A100, A400);
$theme: mat-light-theme($primary, $accent); // $theme: mat-light-theme($primary, $accent);
// Include all theme styles for the components. // Include all theme styles for the components.
@include angular-material-theme($theme); // @include angular-material-theme($theme);
// @include covalent-theme($theme); // @include covalent-theme($theme);
.snackbar-warning { .snackbar-warning {
@ -31,7 +33,8 @@ $theme: mat-light-theme($primary, $accent);
} }
.lightblue-btn { .lightblue-btn {
background-color: rgba(0, 112, 192, 1) !important; background-color: rgb(0, 178, 159) !important;
// background-color: rgba(0, 112, 192, 1) !important;
} }
.listing-item { .listing-item {
@ -55,7 +58,8 @@ $theme: mat-light-theme($primary, $accent);
.chip { .chip {
padding: 0.1em 1em; padding: 0.1em 1em;
border-radius: 10em; border-radius: 10em;
background-color: rgba(0, 112, 192, 1); background-color: #0d7489;
// background-color: rgba(0, 112, 192, 1);
color: #fff; color: #fff;
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
@ -70,7 +74,8 @@ $theme: mat-light-theme($primary, $accent);
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: rgba(0, 112, 192, 1); color: rgb(0, 178, 159);
// color: rgba(0, 112, 192, 1);
// color: rgb(68, 114, 196); // color: rgb(68, 114, 196);
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
@ -125,14 +130,15 @@ $theme: mat-light-theme($primary, $accent);
} }
.finalized-bookmark { .finalized-bookmark {
color: #92d050; color: #08bd63;;
// color: #92d050;
display: inline; display: inline;
position: absolute; position: absolute;
padding-top: 3px; padding-top: 3px;
} }
h4 span { h4 span {
color: #619ce3; color: #089dbb;
font-weight: 600; font-weight: 600;
} }
} }