diff --git a/frontend/src/app/ui/dashboard/dashboard.component.scss b/frontend/src/app/ui/dashboard/dashboard.component.scss index 9ba1dc958..71a2126f1 100644 --- a/frontend/src/app/ui/dashboard/dashboard.component.scss +++ b/frontend/src/app/ui/dashboard/dashboard.component.scss @@ -89,7 +89,10 @@ font-weight: 300; font-size: 1rem; letter-spacing: 0px; - color: var(--primary-color-2); + color: #000000; + &:hover { + color: var(--primary-color) + } opacity: 1; } @@ -108,7 +111,7 @@ font-size: 1.25rem; letter-spacing: 0px; color: var(--dark-gray); - opacity: 0.6; + opacity: 0.7; padding-bottom: 1.2rem; } diff --git a/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss b/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss index 050b9f4d0..a6e4daa21 100644 --- a/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss +++ b/frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss @@ -107,7 +107,7 @@ input[type="text"] { line-height: 2.4; letter-spacing: 0px; color: var(--dark-gray); - opacity: 0.6; + opacity: 0.7; } .plan-label { diff --git a/frontend/src/app/ui/description/overview/description-overview.component.scss b/frontend/src/app/ui/description/overview/description-overview.component.scss index 088d61cd7..bb119f48c 100644 --- a/frontend/src/app/ui/description/overview/description-overview.component.scss +++ b/frontend/src/app/ui/description/overview/description-overview.component.scss @@ -153,10 +153,13 @@ } .researcher { - font-size: 0.875em; - color: var(--primary-color); - padding-right: 0.5em; - align-self: center; + color: unset; + font-size: 0.875em; + &:hover { + color: var(--primary-color); + } + padding-right: 0.5em; + align-self: center; } .header { diff --git a/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss b/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss index 4eefa35eb..5fff851d6 100644 --- a/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss +++ b/frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss @@ -138,7 +138,7 @@ input[type="text"] { line-height: 2.4; letter-spacing: 0px; color: var(--dark-gray); - opacity: 0.6; + opacity: 0.7; } .plan-label { diff --git a/frontend/src/app/ui/plan/overview/plan-overview.component.scss b/frontend/src/app/ui/plan/overview/plan-overview.component.scss index 3153badbf..3377e4a48 100644 --- a/frontend/src/app/ui/plan/overview/plan-overview.component.scss +++ b/frontend/src/app/ui/plan/overview/plan-overview.component.scss @@ -136,8 +136,11 @@ } .researcher { + color: unset; font-size: 0.875em; - color: var(--primary-color); + &:hover { + color: var(--primary-color); + } padding-right: 0.5em; align-self: center; } diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 9c391feb9..a4253350a 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -106,10 +106,10 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim ))); $mat-accessibility-theme: mat.m2-define-light-theme((color: (primary: $mat-theme-primary, -accent: $mat-theme-accent, -warn: $mat-theme-warn), -typography: $mat-accessibility-typography, -density: $mat-density)); + accent: $mat-theme-accent, + warn: $mat-theme-warn), + typography: $mat-accessibility-typography, + density: $mat-density)); @include mat.all-component-themes($mat-core-theme); @@ -121,7 +121,7 @@ density: $mat-density)); @include mat.all-component-themes($mat-accessibility-theme); // change individual classes set in components' scss .frame-txt, .action-list-text, .stepper-back, .nav-row, .nav-subrow, .center-content, .form-check, - .nav-row, .nav-subrow, .sidebar-footer .option, label.mdc-label { + .nav-row, .nav-subrow, .sidebar-footer .option, label.mdc-label,.description-label { font-size: max(1rem, 16px) !important; } .action-list-label, .actions-list, small { @@ -145,6 +145,7 @@ density: $mat-density)); // Guided Tour style @import '../node_modules/ngx-guided-tour/scss/guided-tour-base-theme.scss'; + .required-text { font-size: 13px; }