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

View File

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

View File

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

View File

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

View File

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

View File

@ -69,7 +69,7 @@
padding-left: 100px; padding-left: 100px;
padding-right: 21px; padding-right: 21px;
z-index: 1; 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 { mat-icon {
width: 14px; width: 14px;