diff --git a/apps/common/mobile/resources/less/colors-table-dark.less b/apps/common/mobile/resources/less/colors-table-dark.less index b788bc7bd..3c32e27d3 100644 --- a/apps/common/mobile/resources/less/colors-table-dark.less +++ b/apps/common/mobile/resources/less/colors-table-dark.less @@ -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; } } \ No newline at end of file diff --git a/apps/common/mobile/resources/less/colors-table.less b/apps/common/mobile/resources/less/colors-table.less index a5474ece2..142875f1c 100644 --- a/apps/common/mobile/resources/less/colors-table.less +++ b/apps/common/mobile/resources/less/colors-table.less @@ -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; -} \ No newline at end of file +} + +@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);