Theme
This commit is contained in:
parent
90c16d2ea5
commit
66cd896a99
7
src/assets/styles/common-color-picker.scss
Normal file
7
src/assets/styles/common-color-picker.scss
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
.color-picker {
|
||||||
|
background-color: var(--iqser-background) !important;
|
||||||
|
|
||||||
|
input {
|
||||||
|
color: var(--iqser-text) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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';
|
||||||
|
|||||||
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user