Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[mobile] changed colors table

Browse source
This commit is contained in:
Maxim Kadushkin 2021-11-01 23:29:27 +03:00
parent 6fa0b98d30
commit 8bef7f6c15
2 changed files with 50 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
apps/common/mobile/resources/less/colors-table-dark.less
View file

@ -1,21 +1,32 @@
:root { :root {
.theme-type-dark,
.theme-dark { .theme-dark {
--background-primary: #232323;
--background-secondary: #333;
--background-tertiary: #131313;
--background-menu-divider: fade(#545458, 65%);
--text-normal: fade(#FFF, 87%);
--text-secondary: fade(#FFF, 60%);
--text-tertiary: fade(#FFF, 40%);
--text-link: #1976D2;
--text-error: #FF453A;
--fill-black: #000;
--fill-white: #FFF;
--brand-word: #208BFF; --brand-word: #208BFF;
--brand-cell: #34C759; --brand-cell: #34C759;
--brand-slide: #FF4A31; --brand-slide: #FF4A31;
--brand-primary: #3E9CF0;
--brand-secondary: #FFAF49;
--brand-text-on-brand: #000;
--background-primary: #1C1C1E; --toolbar-background: #232323;
--background-secondary: #2C2C2E; --toolbar-icons: #208BFF;
--background-tab-active: #636366; --toolbar-segment: #FFF;
--background-tab-normal: #757575; --toolbar-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;
--component-disabled-opacity: .4; --component-disabled-opacity: .4;
} }

36
apps/common/mobile/resources/less/colors-table.less
View file

@ -3,36 +3,56 @@
--brand-word: #446995; --brand-word: #446995;
--brand-cell: #40865C; --brand-cell: #40865C;
--brand-slide: #AA5252; --brand-slide: #AA5252;
--brand-primary: #3880BE;
--brand-secondary: #ED7309;
--brand-text-on-brand: #FFF;
--background-primary: #FFF; --background-primary: #FFF;
--background-secondary: #FFF; --background-secondary: #FFF;
--background-tab-active: #AEAEB2; --background-tertiary: #EFF0F5;
--background-menu-divider: fade(#3C3C43, 36%); --background-menu-divider: fade(#3C3C43, 36%);
--background-tab-normal: fade(#FFF, 50%);
--text-tertiary: #C7C7CC; --text-normal: #000000;
--text-normal: #000; --text-secondary: fade(#000, 60%);
--text-secondary: fade(#3C3C43, 60%); --text-tertiary: fade(#000, 40%);
--text-link: #007AFF; --text-link: #007AFF;
--text-error: #FF3B30; --text-error: #FF3B30;
--fill-black: #000;
--fill-white: #FFF;
--toolbar-background: #446995;
--toolbar-icons: #FFF;
--toolbar-segment: #446995;
--toolbar-tab-normal:fade(#FFF, 50%);
--component-disabled-opacity: .4; --component-disabled-opacity: .4;
} }
@brand-word: var(--brand-word); @brand-word: var(--brand-word);
@brand-cell: var(--brand-cell); @brand-cell: var(--brand-cell);
@brand-slide: var(--brand-slide); @brand-slide: var(--brand-slide);
@brand-primary: var(--brand-primary);
@brand-secondary: var(--brand-secondary);
@brand-text-on-brand: var(--brand-text-on-brand);
@background-primary: var(--background-primary); @background-primary: var(--background-primary);
@background-secondary: var(--background-secondary); @background-secondary: var(--background-secondary);
@background-tab-active: var(--background-tab-active); @background-tertiary: var(--background-tertiary);
@background-tab-normal: var(--background-tab-normal);
@background-menu-divider: var(--background-menu-divider); @background-menu-divider: var(--background-menu-divider);
@text-tertiary: var(--text-tertiary);
@text-normal: var(--text-normal); @text-normal: var(--text-normal);
@text-secondary: var(--text-secondary); @text-secondary: var(--text-secondary);
@text-tertiary: var(--text-tertiary);
@text-link: var(--text-link); @text-link: var(--text-link);
@text-error: var(--text-error); @text-error: var(--text-error);
@fill-black: var(--fill-black);
@fill-white: var(--fill-white);
@toolbar-background: var(--toolbar-background);
@toolbar-icons: var(--toolbar-icons);
@toolbar-segment: var(--toolbar-segment);
@toolbar-tab-normal: var(--toolbar-tab-normal);
@component-disabled-opacity: var(--component-disabled-opacity); @component-disabled-opacity: var(--component-disabled-opacity);