[themes] redactoring for mobile
This commit is contained in:
parent
a707da477c
commit
8d953f5dbb
|
@ -1,21 +1,22 @@
|
|||
|
||||
:root {
|
||||
.theme-dark {
|
||||
--brand-word: #208BFF;
|
||||
--brand-cell: #34C759;
|
||||
--brand-slide: #FF4A31;
|
||||
|
||||
--background-primary: #1C1C1E;
|
||||
--background-secondary: #2C2C2E;
|
||||
--background-tab-active: #636366;
|
||||
--text-tertiary: #48484A;
|
||||
--background-tab-normal: #757575;
|
||||
--background-menu-divider: fade(#545458, 36%);
|
||||
|
||||
--text-tertiary: #48484A;
|
||||
--text-normal: #FFF;
|
||||
--text-secondary: fade(#EBEBF5, 60%);
|
||||
--text-link: #1976D2;
|
||||
--text-error: #FF453A;
|
||||
|
||||
--background-menu-divider: fade(#545458, 36%);
|
||||
--brand-word: #208BFF;
|
||||
--brand-cell: #34C759;
|
||||
--brand-slide: #FF4A31;
|
||||
|
||||
--component-disabled-opacity: .4;
|
||||
}
|
||||
}
|
|
@ -1,19 +1,38 @@
|
|||
|
||||
:root {
|
||||
--brand-word: #446995;
|
||||
--brand-cell: #40865C;
|
||||
--brand-slide: #AA5252;
|
||||
|
||||
--background-primary: #FFF;
|
||||
--background-secondary: #FFF;
|
||||
--background-tab-active: #AEAEB2;
|
||||
--text-tertiary: #C7C7CC;
|
||||
--background-menu-divider: fade(#3C3C43, 36%);
|
||||
--background-tab-normal: fade(#FFF, 50%);
|
||||
|
||||
--text-tertiary: #C7C7CC;
|
||||
--text-normal: #000;
|
||||
--text-secondary: fade(#3C3C43, 60%);
|
||||
--text-link: #007AFF;
|
||||
--text-error: #FF3B30;
|
||||
|
||||
--background-menu-divider: fade(#3C3C43, 36%);
|
||||
--brand-word: #446995;
|
||||
--brand-cell: #40865C;
|
||||
--brand-slide: #AA5252;
|
||||
|
||||
--component-disabled-opacity: .4;
|
||||
}
|
||||
}
|
||||
|
||||
@brand-word: var(--brand-word);
|
||||
@brand-cell: var(--brand-cell);
|
||||
@brand-slide: var(--brand-slide);
|
||||
|
||||
@background-primary: var(--background-primary);
|
||||
@background-secondary: var(--background-secondary);
|
||||
@background-tab-active: var(--background-tab-active);
|
||||
@background-tab-normal: var(--background-tab-normal);
|
||||
@background-menu-divider: var(--background-menu-divider);
|
||||
|
||||
@text-tertiary: var(--text-tertiary);
|
||||
@text-normal: var(--text-normal);
|
||||
@text-secondary: var(--text-secondary);
|
||||
@text-link: var(--text-link);
|
||||
@text-error: var(--text-error);
|
||||
|
||||
@component-disabled-opacity: var(--component-disabled-opacity);
|
||||
|
|
Loading…
Reference in a new issue