Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Theme

Browse Source
This commit is contained in:
Adina Țeudan 2022-06-29 00:19:12 +03:00
parent 90c16d2ea5
commit 66cd896a99
5 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/styles/common-color-picker.scss Normal file
View File

@ -0,0 +1,7 @@
.color-picker {
background-color: var(--iqser-background) !important;
input {
color: var(--iqser-text) !important;
}
}

16
src/assets/styles/common-components.scss
View File

@ -23,22 +23,22 @@
}
&.gray-dark {
background-color: var(--iqser-grey-6);
color: var(--iqser-accent);
background-color: var(--iqser-user-avatar-1);
color: var(--iqser-text);
}
&.gray-primary {
background-color: var(--iqser-grey-6);
background-color: var(--iqser-user-avatar-1);
color: var(--iqser-primary);
}
&.lightgray-dark {
background-color: var(--iqser-grey-4);
color: var(--iqser-accent);
background-color: var(--iqser-user-avatar-2);
color: var(--iqser-text);
}
&.lightgray-primary {
background-color: var(--iqser-grey-4);
background-color: var(--iqser-user-avatar-2);
color: var(--iqser-primary);
}
@ -58,12 +58,12 @@
}
&.white-dark {
border: 1px solid var(--iqser-grey-4);
background-color: var(--iqser-user-avatar-2);
color: var(--iqser-accent);
}
&.inactive {
background-color: var(--iqser-grey-6);
background-color: var(--iqser-user-avatar-1);
color: var(--iqser-grey-7);
}
}

1
src/assets/styles/common-styles.scss
View File

@ -29,3 +29,4 @@
@use 'common-file-drop';
@use 'common-side-nav';
@use 'common-radio';
@use 'common-color-picker';

2
src/assets/styles/common-toggle-button.scss
View File

@ -6,7 +6,7 @@
.mat-button-toggle:not(.mat-button-toggle-checked) {
.mat-button-toggle-button {
background: var(--iqser-grey-6);
background: var(--iqser-btn-bg);
color: var(--iqser-grey-7);
}
}

2
src/lib/listing/table-content/table-item/table-item.component.scss
View File

@ -69,7 +69,7 @@
padding-left: 100px;
padding-right: 21px;
z-index: 1;
background: linear-gradient(to right, rgba(244, 245, 247, 0) 0%, var(--iqser-grey-2) 35%);
background: linear-gradient(to right, rgba(244, 245, 247, 0) 0%, var(--iqser-side-nav) 35%);
mat-icon {
width: 14px;