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 {
width: 50% !important;
font-size: 14px;
color: #848484;
color: var(--gray-text);
height: min-content;
margin-right: 2rem;
border: none;

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

@ -218,12 +218,12 @@ input[type="text"] {
flex-direction: row;
border-top: 1px solid #dbdbdb;
line-height: 4;
color: #848484;
color: var(--gray-text);
}
.description-card-actions a,
.plan-card-actions a {
color: #848484 !important;
color: var(--gray-text) !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;
border-top: 1px solid #dbdbdb;
line-height: 4;
color: #848484;
color: var(--gray-text);
}
.description-card-actions,
@ -43,12 +43,12 @@ input[type="text"] {
flex-direction: row;
border-top: 1px solid #dbdbdb;
line-height: 4;
color: #848484;
color: var(--gray-text);
}
.description-card-actions a,
.plan-card-actions a {
color: #848484 !important;
color: var(--gray-text) !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 {
border: none;
color: #aaaaaa;
color: var(--gray-text);
background-color: #ffffff00;
cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -123,7 +123,7 @@
.label-txt,
.label2-txt {
color: #848484;
color: var(--gray-text);
font-weight: 400;
}
@ -268,7 +268,7 @@
}
::ng-deep .mat-select-value {
color: #848484 !important;
color: var(--gray-text) !important;
}
.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 {
border: none;
color: #aaaaaa;
color: var(--gray-text);
background-color: #ffffff00;
cursor: pointer;
}

3
frontend/src/styles.scss
View File

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