inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-12872] custom css variables replaced with theme related variables (#8332)

Browse Source 
* AAE-12872 replaced global variables related to foreground text

* AAE-12872 replaced global css variables related to foreground

* AAE-12872 replaced global css variables related to background,palette colors
This commit is contained in:
tomasz hanaj
2023-03-09 00:40:48 +01:00
committed by GitHub
parent 9863149a28
commit a39480bc48
83 changed files with 277 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/process-services/src/lib/form/start-form.component.scss
View File

@@ -21,7 +21,7 @@
line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px;
text-align: left;
color: var(--theme-text-color);
color: var(--theme-foreground-text-color-054);
text-transform: uppercase;
}

2
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
View File

@@ -12,7 +12,7 @@
.adf-choose-action {
&[disabled] {
color: var(--theme-secondary-text-color);
color: var(--theme-foreground-secondary-text-color);
}
&:enabled {

14
lib/process-services/src/lib/form/widgets/dynamic-table/dynamic-table.widget.scss
View File

@@ -26,7 +26,7 @@ dynamic-table-widget .adf-label {
&-dynamic-table {
width: 100%;
position: relative;
border: 1px solid var(--theme-border-color);
border: 1px solid var(--theme-foreground-text-color-007);
white-space: nowrap;
font-size: $dynamic-table-font-size;
@@ -78,12 +78,12 @@ dynamic-table-widget .adf-label {
}
td {
color: var(--theme-text-fg-color);
color: var(--theme-foreground-text-color);
position: relative;
vertical-align: middle;
height: $dynamic-table-row-height;
border-top: 1px solid var(--theme-border-color);
border-bottom: 1px solid var(--theme-border-color);
border-top: 1px solid var(--theme-foreground-text-color-007);
border-bottom: 1px solid var(--theme-foreground-text-color-007);
padding-top: $dynamic-table-cell-top;
box-sizing: border-box;
@@ -104,7 +104,7 @@ dynamic-table-widget .adf-label {
letter-spacing: 0;
height: $dynamic-table-row-height;
font-size: $dynamic-table-header-font-size;
color: var(--theme-text-fg-color);
color: var(--theme-foreground-text-color);
padding-bottom: 8px;
box-sizing: border-box;
@@ -118,7 +118,7 @@ dynamic-table-widget .adf-label {
&.adf-dynamic-table__header--sorted-asc,
&.adf-dynamic-table__header--sorted-desc {
color: var(--theme-text-fg-color);
color: var(--theme-foreground-text-color);
&::before {
@include typo-icon;
@@ -133,7 +133,7 @@ dynamic-table-widget .adf-label {
cursor: pointer;
&::before {
color: var(--theme-disabled-text-color);
color: var(--theme-foreground-disabled-text-color);
}
}
}

4
lib/process-services/src/lib/form/widgets/people/people.widget.scss
View File

@@ -25,7 +25,7 @@
width: 40px;
height: 40px;
border-radius: 100px;
color: var(--theme-text-fg-color);
color: var(--theme-foreground-text-color);
font-weight: bolder;
font-size: var(--theme-adf-picture-1-font-size);
text-transform: uppercase;
@@ -34,7 +34,7 @@
&-people-widget-image {
margin-left: -44px;
left: 21px;
background: var(--theme-dialog-bg-color);
background: var(--theme-background-dialog-color);
border-radius: 100px;
width: 40px;
height: 40px;

6
lib/process-services/src/lib/people/components/people/people.component.scss
View File

@@ -1,5 +1,5 @@
.adf-assignment-header {
border-bottom: 1px solid var(--theme-fg-divider);
border-bottom: 1px solid var(--theme-foreground-divider-color);
padding: 6px 20px;
}
@@ -25,7 +25,7 @@
}
.adf-assignment-top-container.mat-card {
border-top: 1px solid var(--theme-fg-divider);
border-top: 1px solid var(--theme-foreground-divider-color);
margin: 0;
padding: 0;
display: flex;
@@ -43,7 +43,7 @@
.adf-assignment-container {
padding: 10px 20px;
border-bottom: 1px solid var(--theme-fg-divider);
border-bottom: 1px solid var(--theme-foreground-divider-color);
max-width: 100%;
}

4
lib/process-services/src/lib/process-comments/process-comments.component.scss
View File

@@ -32,13 +32,13 @@
padding: 10px 20px;
font-size: var(--theme-body-1-font-size);
font-weight: 600;
border-bottom: 1px solid var(--theme-fg-divider);
border-bottom: 1px solid var(--theme-foreground-divider-color);
}
.adf-comments-input-container {
width: calc(100% - 30px);
padding: 8px 15px 0;
border-bottom: 1px solid var(--theme-fg-divider);
border-bottom: 1px solid var(--theme-foreground-divider-color);
}
.adf-full-width {

2
lib/process-services/src/lib/process-list/components/start-process.component.scss
View File

@@ -10,7 +10,7 @@
}
.mat-form-field-label {
color: var(--theme-colors-mat-grey-dark);
color: var(--theme-mat-grey-color-a200-dark);
}
.mat-content-actions {

8
lib/process-services/src/lib/process-user-info/process-user-info.component.scss
View File

@@ -18,7 +18,7 @@
}
&-userinfo-pic {
background: var(--adf-user-info-color);
background: var(--theme-primary-300);
display: inline-block;
width: 40px;
height: 40px;
@@ -32,7 +32,7 @@
}
&-userinfo-profile-image {
background: var(--adf-user-info-color);
background: var(--theme-primary-300);
text-align: center;
border-radius: 90%;
width: 40px;
@@ -132,7 +132,7 @@
}
&-userinfo-profile-picture {
background: var(--adf-user-info-color);
background: var(--theme-primary-300);
background-size: cover;
border-radius: 50%;
height: 80px;
@@ -144,7 +144,7 @@
&-userinfo-profile-initials {
text-transform: uppercase;
background-size: cover;
background-color: var(--adf-user-info-color);
background-color: var(--theme-primary-300);
border-radius: 50%;
height: 80px;
width: 80px;

2
lib/process-services/src/lib/task-list/components/start-task.component.scss
View File

@@ -1,7 +1,7 @@
/* stylelint-disable no-descending-specificity */
.adf-new-task-heading {
padding-top: 12px;
border-bottom: 1px solid var(--theme-fg-divider);
border-bottom: 1px solid var(--theme-foreground-divider-color);
.mat-card-title {
font-weight: bold;

2
lib/process-services/src/lib/task-list/components/task-standalone.component.scss
View File

@@ -5,7 +5,7 @@
margin: 16px auto;
.mat-card-actions {
border-top: solid 1px var(--theme-status-bar-bg-color);
border-top: solid 1px var(--theme-background-status-bar-color);
}
}