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 {
// background-color: #aaaaaa;
background-color: #4687f0;
background-color: #00b29f;
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) {
background-color: #eef0fb;
background-color: #0c748914;
// background-color: #eef0fb;
}
::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 {
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 {

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) {
background-color: #eef0fb;
background-color: #0c748914;
// background-color: #eef0fb;
}
.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) {
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 {
color: rgb(70, 135, 240);
color: #00b29f;
/* color: #089dbb; */
}
.about-item .title {
@ -53,7 +54,8 @@
}
.icon {
color: #92d050;
color: #08bd63;
/* color: #92d050; */
}
hr {

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

@ -4,7 +4,8 @@
.icon {
/* color: rgb(112, 173, 71); */
color: #92d050;
color: #08bd63;
/* color: #92d050; */
}
.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 {
padding-left: 5px;
padding-right: 5px;
border: 1px solid rgb(197, 224, 180);
color: rgb(131, 184, 95);
background-color: rgb(240, 247, 236);
border: 1px solid #00b29f3b;
color: #00b29f;
background-color: #00b29f0f;
border-radius: 10em;
text-align: center;
}
@ -31,7 +31,8 @@ th {
margin-left: 2.5em;
margin-right: 2.5em;
border-radius: 10em;
background-color: rgba(0, 112, 192, 1);
background-color: #0d7489;
/* background-color: rgba(0, 112, 192, 1); */
/* background-color: #007bff; */
color: #fff;
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 {
padding-left: 5px;
padding-right: 5px;
border: 1px solid rgb(197, 224, 180);
color: rgb(131, 184, 95);
background-color: rgb(240, 247, 236);
border: 1px solid #00b29f3b;
color: #00b29f;
background-color: #00b29f0f;
border-radius: 10em;
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 {
margin-top: 1em;
}
.deleteButton, .reverseButton {
.deleteButton,
.reverseButton {
margin-top: 15px;
margin-bottom: 15px;
margin-right: 15px;
@ -76,7 +77,7 @@
}
.more-icon :hover {
color: #4687e6;
color: #00b29f;
}
.new-dataset {
@ -97,5 +98,6 @@
}
::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 {
color: #2e75b6;
color: #089dbb;
margin-top: 8px;
margin-bottom: 12px;
}
@ -20,7 +20,7 @@
.filters-title {
width: 90px;
color: #2e75b6;
color: #089dbb;
background-color: white;
padding: 0px 20px;
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 {
border-color: #2e75b6;
border-color: #00b29f;
}
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #2e75b6;
background-color: #2e75b6;
color: #00b29f;
background-color: #00b29f;
}
.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 {
color: #4687e6;
color: #00b29f;
}
h4 {
@ -45,11 +45,11 @@ h4 > span {
}
.links :hover {
color: #4687e6;
color: #00b29f;
}
.about-item .length {
color: #4687f0;
color: #00b29f;
}
.about-item .title {

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

@ -14,7 +14,7 @@
.clone-mode {
// line-height: 2em;
text-transform: uppercase;
color: #4687e6;
color: #089dbb;
font-weight: 400;
align-self: center;
}
@ -25,7 +25,7 @@
}
.more-icon :hover {
color: #4687e6;
color: #00b29f;
}
::ng-deep .mat-tab-labels {
@ -37,5 +37,6 @@
}
::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 {
color: #92d050;
color: #08bd63;
// color: #92d050;
display: inline;
position: absolute;
margin-top: 0.5em;
@ -38,7 +39,7 @@
.show-more {
background-color: #ffffff00;
color: #4687f0;
color: #00b29f;
font-weight: 700;
justify-self: center;
}
@ -50,7 +51,8 @@
margin-left: 2.5em;
margin-right: 2.5em;
border-radius: 10em;
background-color: #0070c0;
background-color: #0d7489;
// background-color: #0070c0;
// background-color: rgb(70, 135, 230);
color: #fff;
text-transform: uppercase;
@ -71,7 +73,7 @@
}
h4 span {
color: #619ce3;
color: #089dbb;
font-weight: 600;
text-transform: uppercase;
}

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

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

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

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

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

@ -6,7 +6,7 @@
}
.input-btn :hover {
color: #4687f0 !important;
color: #00b29f !important;
}
// .icon-btn {
@ -31,7 +31,7 @@
}
.version-menu mat-icon {
color: #4687f0;
color: #00b29f;
}
::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;
padding-bottom: 1em;
cursor: pointer;
color: #0070c0;
color: #00b29f;
}
.add-entity:after {
@ -16,7 +16,8 @@
height: 2px;
left: 50%;
position: absolute;
background: #0070c0;
background: #00b29f;
// background: #0070c0;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}

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

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

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

@ -22,7 +22,7 @@
}
.category-title {
color: #2e75b6;
color: #089dbb;
margin-top: 8px;
margin-bottom: 12px;
}
@ -39,7 +39,7 @@
.filters-title {
width: 90px;
color: #2e75b6;
color: #089dbb;
background-color: white;
padding: 0px 20px;
margin-top: -10px;
@ -56,7 +56,7 @@
}
::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important;
color: #00b29f !important;
}
::ng-deep.mat-form-field-underline {
@ -64,7 +64,7 @@
}
::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important;
background-color: #00b29f !important;
}
// ::ng-deep .mat-checkbox {
@ -81,7 +81,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
background-color: #2e75b6;
background-color: #00b29f;
}
::ng-deep .mat-ripple-element {
@ -98,12 +98,12 @@
}
::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 {
color: #2e75b6;
background-color: #2e75b6;
color: #00b29f;
background-color: #00b29f;
}
.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 {
color: #4687e6;
color: #00b29f;
}
h4 {
@ -44,7 +44,7 @@ h4 > span {
}
.datasets-counter :hover {
color: #4687e6 !important;
color: #089dbb !important;
}
.about-item .title {
@ -70,5 +70,6 @@ h4 > span {
.published-icon {
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 {
color: #4687e6;
color: #00b29f;
}
.menu-item {
@ -54,7 +54,7 @@
.researchers-title {
width: 120px;
color: #4687e6;
color: #089dbb;
background-color: white;
padding: 0px 10px;
margin-top: -16px;
@ -78,7 +78,7 @@
}
.container-header :hover {
color: #4687e6;
color: #00b29f;
}
.dataset-card {
@ -105,13 +105,13 @@
.show-more {
background-color: #ffffff00;
color: #4687f0;
color: #00b29f;
font-weight: 700;
justify-self: center;
}
.visit-website {
background-color: #4687f0;
background-color: #00b29f;
color: #ffffff;
}
@ -132,7 +132,7 @@
}
h4 span {
color: #619ce3;
color: #089dbb;
font-weight: 600;
text-transform: uppercase;
}
@ -144,7 +144,8 @@ h4 span {
margin-left: 2.5em;
margin-right: 2.5em;
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);
color: #fff;
text-transform: uppercase;
@ -173,7 +174,7 @@ h4 span {
}
.datasets-counter :hover {
color: #4687e6 !important;
color: #00b29f !important;
}
.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 {
color: #4687f0 !important;
color: #00b29f !important;
}
.table-card .mat-grid-tile {

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

@ -32,5 +32,6 @@ mat-row:hover {
// }
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 {
color: #2e75b6;
color: #089dbb;
margin-top: 8px;
margin-bottom: 12px;
}
@ -30,7 +30,7 @@
.filters-title {
width: 90px;
color: #2e75b6;
color: #089dbb;
background-color: white;
padding: 0px 20px;
margin-top: -10px;
@ -47,7 +47,7 @@
}
::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important;
color: #00b29f !important;
}
::ng-deep.mat-form-field-underline {
@ -55,7 +55,7 @@
}
::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important;
background-color: #00b29f !important;
}
// ::ng-deep .mat-checkbox {
@ -72,7 +72,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
background-color: #2e75b6;
background-color: #00b29f;
}
::ng-deep .mat-ripple-element {
@ -89,12 +89,12 @@
}
::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 {
color: #2e75b6;
background-color: #2e75b6;
color: #00b29f;
background-color: #00b29f;
}
.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 {
color: rgb(70, 135, 240);
color: #00b29f;
// color: #089dbb;
}
.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 {
color: #2e75b6;
color: #089dbb;
margin-top: 8px;
margin-bottom: 12px;
}
@ -30,7 +30,7 @@
.filters-title {
width: 90px;
color: #2e75b6;
color: #089dbb;
background-color: white;
padding: 0px 20px;
margin-top: -10px;
@ -47,7 +47,7 @@
}
::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important;
color: #00b29f !important;
}
::ng-deep.mat-form-field-underline {
@ -55,7 +55,7 @@
}
::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important;
background-color: #00b29f !important;
}
// ::ng-deep .mat-checkbox {
@ -72,7 +72,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
background-color: #2e75b6;
background-color: #00b29f;
}
::ng-deep .mat-ripple-element {
@ -89,12 +89,12 @@
}
::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 {
color: #2e75b6;
background-color: #2e75b6;
color: #00b29f;
background-color: #00b29f;
}
.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 {
color: rgb(70, 135, 240);
color: #00b29f;
// color: #089dbb;
}
.about-item .title {
@ -47,7 +48,8 @@
.published-icon {
padding-top: 1px;
color: #92d050;
color: #08bd63;
// color: #92d050;
}
// .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 {
color: #2e75b6;
color: #089dbb;
margin-top: 8px;
margin-bottom: 12px;
}
@ -44,7 +44,7 @@
.filters-title {
width: 90px;
color: #2e75b6;
color: #089dbb;
background-color: white;
padding: 0px 20px;
margin-top: -10px;
@ -61,7 +61,7 @@
}
::ng-deep .mat-focused .mat-form-field-label {
color: #2e75b6 !important;
color: #00b29f !important;
}
::ng-deep.mat-form-field-underline {
@ -69,7 +69,7 @@
}
::ng-deep.mat-form-field-ripple {
background-color: #2e75b6 !important;
background-color: #00b29f !important;
}
// ::ng-deep .mat-checkbox {
@ -86,7 +86,7 @@
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
background-color: #2e75b6;
background-color: #00b29f;
}
::ng-deep .mat-ripple-element {
@ -103,12 +103,12 @@
}
::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 {
color: #2e75b6;
background-color: #2e75b6;
color: #00b29f;
background-color: #00b29f;
}
.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 {
color: #4687f0;
color: #00b29f;
}
.icon {

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

@ -17,7 +17,7 @@
}
.sidebar-footer :hover {
color: #4687e6;
color: #00b29f;
}
.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 {
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); */
/* 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;
@ -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 {
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 {
@ -347,5 +348,5 @@ table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .
}
.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 '../node_modules/@angular/material/theming';
@import '~@angular/material/theming'; // @import '../../../node_modules/@angular/material/theming';
$app-blue-theme-primary-palette: (
50: #e8eaf6,
100: #c5cae9,
200: #9fa8da,
300: #7986cb,
400: #5c6bc0,
500: #3f51b5,
600: #3949ab,
700: #303f9f,
800: #283593,
900: #1a237e,
A100: #8c9eff,
A200: #536dfe,
A400: #3d5afe,
A700: #304ffe,
50: #e2eef1,
100: #b6d5dc,
200: #86bac4,
300: #559eac,
400: #30899b,
500: #0c7489,
600: #0a6c81,
700: #086176,
800: #06576c,
900: #034459,
A100: #8bddff,
A200: #58cfff,
A400: #25c0ff,
A700: #0bb9ff,
contrast: (
50: $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-primary: $purple-500 !default;
$brand-primary: $indigo-500 !default;
$brand-info: $cyan-500 !default;
$brand-success: $green-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: $deep-purple-500 !default;
$indigo-50: #e8eaf6 !default;
$indigo-100: #c5cae9 !default;
$indigo-200: #9fa8da !default;
$indigo-300: #7986cb !default;
$indigo-400: #5c6bc0 !default;
$indigo-500: #3f51b5 !default;
$indigo-600: #3949ab !default;
$indigo-700: #303f9f !default;
$indigo-800: #283593 !default;
$indigo-900: #1a237e !default;
$indigo-a100: #8c9eff !default;
$indigo-a200: #536dfe !default;
$indigo-a400: #3d5afe !default;
$indigo-a700: #304ffe !default;
$indigo-50: #e2eef1 !default;
$indigo-100: #b6d5dc !default;
$indigo-200: #86bac4 !default;
$indigo-300: #559eac !default;
$indigo-400: #30899b !default;
$indigo-500: #0c7489 !default;
$indigo-600: #0a6c81 !default;
$indigo-700: #086176 !default;
$indigo-800: #06576c !default;
$indigo-900: #034459 !default;
$indigo-a100: #8bddff !default;
$indigo-a200: #58cfff !default;
$indigo-a400: #25c0ff !default;
$indigo-a700: #0bb9ff !default;
$indigo: $indigo-500 !default;
$blue-50: #e3f2fd !default;

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

@ -15,12 +15,22 @@
*/
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "~@angular/material/theming"; // @import '../../../node_modules/@angular/material/theming';
@import "./blue-theme.scss";
@include mat-core();
// 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);
@import "core/variables";
@import "core/mixins";
@import "~bootstrap/scss/bootstrap";
// Core Components
@import "core/buttons";
@import "core/checkboxes";

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