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

cohesive gray text color throughout app > change from #848484 and #aaaaa to #757575, keep #aaaa borders/backgrounds

This commit is contained in:
mchouliara 2024-09-23 11:41:08 +03:00
parent a8fb61195f
commit 04ce5d1665
13 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss
View File

@ -45,7 +45,7 @@
.select-role { .select-role {
width: 50% !important; width: 50% !important;
font-size: 14px; font-size: 14px;
color: #848484; color: var(--gray-text);
height: min-content; height: min-content;
margin-right: 2rem; margin-right: 2rem;
border: none; border: none;

4
frontend/src/app/ui/dashboard/dashboard.component.scss
View File

@ -218,12 +218,12 @@ input[type="text"] {
flex-direction: row; flex-direction: row;
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
line-height: 4; line-height: 4;
color: #848484; color: var(--gray-text);
} }
.description-card-actions a, .description-card-actions a,
.plan-card-actions a { .plan-card-actions a {
color: #848484 !important; color: var(--gray-text) !important;
text-decoration: none !important; text-decoration: none !important;
} }

6
frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.scss
View File

@ -34,7 +34,7 @@ input[type="text"] {
flex-direction: row; flex-direction: row;
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
line-height: 4; line-height: 4;
color: #848484; color: var(--gray-text);
} }
.description-card-actions, .description-card-actions,
@ -43,12 +43,12 @@ input[type="text"] {
flex-direction: row; flex-direction: row;
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
line-height: 4; line-height: 4;
color: #848484; color: var(--gray-text);
} }
.description-card-actions a, .description-card-actions a,
.plan-card-actions a { .plan-card-actions a {
color: #848484 !important; color: var(--gray-text) !important;
text-decoration: none !important; text-decoration: none !important;
} }

2
frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
View File

@ -44,7 +44,7 @@
.input-btn { .input-btn {
border: none; border: none;
color: #aaaaaa; color: var(--gray-text);
background-color: #ffffff00; background-color: #ffffff00;
cursor: pointer; cursor: pointer;
} }

4
frontend/src/app/ui/description/editor/description-editor.component.scss
View File

@ -75,7 +75,7 @@
.more-horiz { .more-horiz {
font-size: 28px; font-size: 28px;
color: #aaaaaa; color: var(--gray-text);
} }
.more-icon :hover { .more-icon :hover {
@ -224,7 +224,7 @@
padding-left: 0.5rem; padding-left: 0.5rem;
font-size: 0.875rem; font-size: 0.875rem;
letter-spacing: 0px; letter-spacing: 0px;
color: #848484; color: var(--gray-text);
opacity: 1; opacity: 1;
} }

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

@ -1,6 +1,6 @@
.gray-container { .gray-container {
letter-spacing: 5px; letter-spacing: 5px;
color: #aaaaaa; color: var(--gray-text);
} }
.container-header { .container-header {
@ -12,7 +12,7 @@
.container-header p { .container-header p {
letter-spacing: 5px; letter-spacing: 5px;
color: #aaaaaa; color: var(--gray-text);
padding-top: 10px; padding-top: 10px;
margin-bottom: 0px; margin-bottom: 0px;
} }
@ -57,7 +57,7 @@ h4 > span {
margin-left: auto; margin-left: auto;
margin-bottom: 0px; margin-bottom: 0px;
padding-top: 7px; padding-top: 7px;
color: #aaaaaa; color: var(--gray-text);
} }
p { p {
@ -151,7 +151,7 @@ input[type="text"] {
font-size: 0.875rem; font-size: 0.875rem;
opacity: 1; opacity: 1;
align-items: center; align-items: center;
color: #848484; color: var(--gray-text);
} }
.description-title-draft { .description-title-draft {
@ -185,12 +185,12 @@ input[type="text"] {
flex-direction: row; flex-direction: row;
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
line-height: 4; line-height: 4;
color: #848484; color: var(--gray-text);
} }
.description-card-actions a, .description-card-actions a,
.plan-card-actions a { .plan-card-actions a {
color: #848484 !important; color: var(--gray-text) !important;
text-decoration: none !important; text-decoration: none !important;
} }

2
frontend/src/app/ui/description/overview/description-overview.component.scss
View File

@ -139,7 +139,7 @@
.label-txt, .label-txt,
.label2-txt { .label2-txt {
color: #848484; color: var(--gray-text);
font-weight: 400; font-weight: 400;
} }

2
frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
View File

@ -45,7 +45,7 @@
.select-role { .select-role {
width: 50% !important; width: 50% !important;
font-size: 14px; font-size: 14px;
color: #848484; color: var(--gray-text);
height: min-content; height: min-content;
margin-right: 2rem; margin-right: 2rem;
border: none; border: none;

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

@ -1,6 +1,6 @@
.gray-container { .gray-container {
letter-spacing: 5px; letter-spacing: 5px;
color: #aaaaaa; color: var(--gray-text);
} }
.container-header { .container-header {
@ -12,7 +12,7 @@
.container-header p { .container-header p {
letter-spacing: 5px; letter-spacing: 5px;
color: #aaaaaa; color: var(--gray-text);
margin-bottom: 0px; margin-bottom: 0px;
} }
@ -53,7 +53,7 @@ h4 > span {
margin-left: auto; margin-left: auto;
margin-bottom: 0px; margin-bottom: 0px;
padding-top: 7px; padding-top: 7px;
color: #aaaaaa; color: var(--gray-text);
} }
p { p {
@ -61,7 +61,7 @@ p {
} }
.draft-icon { .draft-icon {
color: #aaaaaa; color: var(--gray-text);
} }
.lock-icon { .lock-icon {
@ -70,7 +70,7 @@ p {
.more-horiz { .more-horiz {
font-size: 28px; font-size: 28px;
color: #aaaaaa; color: var(--gray-text);
} }
.published-icon { .published-icon {
@ -170,7 +170,7 @@ input[type="text"] {
font-size: 0.875rem; font-size: 0.875rem;
opacity: 1; opacity: 1;
align-items: center; align-items: center;
color: #848484; color: var(--gray-text);
} }
.plan-title-draft, .plan-title-draft,
@ -205,12 +205,12 @@ input[type="text"] {
flex-direction: row; flex-direction: row;
border-top: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;
line-height: 4; line-height: 4;
color: #848484; color: var(--gray-text);
} }
.description-card-actions a, .description-card-actions a,
.plan-card-actions a { .plan-card-actions a {
color: #848484 !important; color: var(--gray-text) !important;
text-decoration: none !important; text-decoration: none !important;
} }

2
frontend/src/app/ui/plan/listing/plan-listing.component.scss
View File

@ -53,7 +53,7 @@
.more-horiz { .more-horiz {
font-size: 28px; font-size: 28px;
color: #aaaaaa; color: var(--gray-text);
} }
.more-icon :hover { .more-icon :hover {

4
frontend/src/app/ui/plan/overview/plan-overview.component.scss
View File

@ -123,7 +123,7 @@
.label-txt, .label-txt,
.label2-txt { .label2-txt {
color: #848484; color: var(--gray-text);
font-weight: 400; font-weight: 400;
} }
@ -268,7 +268,7 @@
} }
::ng-deep .mat-select-value { ::ng-deep .mat-select-value {
color: #848484 !important; color: var(--gray-text) !important;
} }
.versions-select { .versions-select {

2
frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
View File

@ -341,7 +341,7 @@ a:hover {
.input-btn { .input-btn {
border: none; border: none;
color: #aaaaaa; color: var(--gray-text);
background-color: #ffffff00; background-color: #ffffff00;
cursor: pointer; cursor: pointer;
} }

3
frontend/src/styles.scss
View File

@ -10,7 +10,8 @@
--secondary-color: #36900B; --secondary-color: #36900B;
--warning-color: #f44336; --warning-color: #f44336;
--primary-text: #ffffff; --primary-text: #ffffff;
--secondary-text: #000000 --secondary-text: #000000;
--gray-text: #757575; //previously #848484
} }
// Define your theme with color palettes, typography and density // Define your theme with color palettes, typography and density