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

[DE forms] Fix Bug 53788

Browse source
This commit is contained in:
Julia Radzhabova 2021-12-02 14:57:27 +03:00
parent e15e50d21e
commit a6b41b9c63
6 changed files with 31 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/common/main/lib/controller/Themes.js
View file

@ -53,6 +53,7 @@ define([
"background-loader", "background-loader",
"background-accent-button", "background-accent-button",
"background-contrast-popover", "background-contrast-popover",
"shadow-contrast-popover",
"highlight-button-hover", "highlight-button-hover",
"highlight-button-pressed", "highlight-button-pressed",

4
apps/common/main/resources/less/colors-table-classic.less
View file

@ -15,7 +15,7 @@
--background-notification-badge: #ffd112; --background-notification-badge: #ffd112;
--background-scrim: fade(#000, 20%); --background-scrim: fade(#000, 20%);
--background-loader: fade(#000, 65%); --background-loader: fade(#000, 65%);
--background-contrast-popover: #444444; --background-contrast-popover: #fff;
--highlight-button-hover: #d8dadc; --highlight-button-hover: #d8dadc;
--highlight-button-pressed: #7d858c; --highlight-button-pressed: #7d858c;
@ -37,7 +37,7 @@
--border-control-focus: #848484; --border-control-focus: #848484;
--border-color-shading: fade(#000, 20%); --border-color-shading: fade(#000, 20%);
--border-error: #d9534f; --border-error: #d9534f;
--border-contrast-popover: #444444; --border-contrast-popover: #fff;
--text-normal: #444; --text-normal: #444;
--text-normal-pressed: #fff; --text-normal-pressed: #fff;

2
apps/common/main/resources/less/colors-table-dark.less
View file

@ -9,7 +9,7 @@
--background-toolbar: #404040; --background-toolbar: #404040;
--background-toolbar-additional: #505050; --background-toolbar-additional: #505050;
--background-primary-dialog-button: #ddd; --background-primary-dialog-button: #ddd;
--background-accent-button: #6194d0; --background-accent-button: #486F9E;
--background-tab-underline: #ddd; --background-tab-underline: #ddd;
--background-notification-popover: #3e5968; --background-notification-popover: #3e5968;
--background-notification-badge: #ffd112; --background-notification-badge: #ffd112;

5
apps/common/main/resources/less/colors-table-ie-fix.less
View file

@ -14,7 +14,8 @@
@background-loader-ie: fade(#000, 65%); @background-loader-ie: fade(#000, 65%);
@background-alt-key-hint-ie: #FFD938; @background-alt-key-hint-ie: #FFD938;
@background-accent-button-ie: #446995; @background-accent-button-ie: #446995;
@background-contrast-popover-ie: #444444; @background-contrast-popover-ie: #fff;
@shadow-contrast-popover-ie: rgba(0, 0, 0, 0.3);
@highlight-button-hover-ie: #d8dadc; @highlight-button-hover-ie: #d8dadc;
@highlight-button-pressed-ie: #7d858c; @highlight-button-pressed-ie: #7d858c;
@ -36,7 +37,7 @@
@border-control-focus-ie: #848484; @border-control-focus-ie: #848484;
@border-color-shading-ie: fade(#000, 20%); @border-color-shading-ie: fade(#000, 20%);
@border-error-ie: #d9534f; @border-error-ie: #d9534f;
@border-contrast-popover-ie: #444444; @border-contrast-popover-ie: #fff;
@text-normal-ie: #444; @text-normal-ie: #444;
@text-normal-pressed-ie: #fff; @text-normal-pressed-ie: #fff;

6
apps/common/main/resources/less/colors-table.less
View file

@ -26,7 +26,8 @@
--background-scrim: fade(#000, 20%); --background-scrim: fade(#000, 20%);
--background-loader: fade(#181818, 90%); --background-loader: fade(#181818, 90%);
--background-alt-key-hint: #FFD938; --background-alt-key-hint: #FFD938;
--background-contrast-popover: #444444; --background-contrast-popover: #fff;
--shadow-contrast-popover: rgba(0, 0, 0, 0.3);
--highlight-button-hover: #e0e0e0; --highlight-button-hover: #e0e0e0;
--highlight-button-pressed: #cbcbcb; --highlight-button-pressed: #cbcbcb;
@ -48,7 +49,7 @@
--border-control-focus: #848484; --border-control-focus: #848484;
--border-color-shading: fade(#000, 15%); --border-color-shading: fade(#000, 15%);
--border-error: #f62211; --border-error: #f62211;
--border-contrast-popover: #444444; --border-contrast-popover: #fff;
--text-normal: fade(#000, 80%); --text-normal: fade(#000, 80%);
--text-normal-pressed: fade(#000, 80%); --text-normal-pressed: fade(#000, 80%);
@ -161,6 +162,7 @@
@background-alt-key-hint: var(--background-alt-key-hint); @background-alt-key-hint: var(--background-alt-key-hint);
@background-accent-button: var(--background-accent-button); @background-accent-button: var(--background-accent-button);
@background-contrast-popover: var(--background-contrast-popover); @background-contrast-popover: var(--background-contrast-popover);
@shadow-contrast-popover: var(--shadow-contrast-popover);
// Highlight // Highlight
// ------------------------- // -------------------------

36
apps/common/main/resources/less/synchronize-tip.less
View file

@ -93,16 +93,18 @@
.asc-synchronizetip { .asc-synchronizetip {
background-color: @background-contrast-popover-ie; background-color: @background-contrast-popover-ie;
background-color: @background-contrast-popover; background-color: @background-contrast-popover;
color: @text-contrast-background-ie; color: @text-normal-ie;
color: @text-contrast-background; color: @text-normal;
border-color: @border-contrast-popover-ie; border-color: @border-contrast-popover-ie;
border-color: @border-contrast-popover; border-color: @border-contrast-popover;
.close { .close {
&:before, &:after { &:before, &:after {
background-color: @text-contrast-background-ie; background-color: @text-normal-ie;
background-color: @text-contrast-background; background-color: @text-normal;
} }
} }
.box-shadow(0 0 40px 0 @shadow-contrast-popover-ie);
.box-shadow(0 0 40px 0 @shadow-contrast-popover);
} }
.tip-arrow:before { .tip-arrow:before {
@ -124,31 +126,33 @@
padding: 3px 12px; padding: 3px 12px;
margin-top: 10px; margin-top: 10px;
&:hover { &:hover {
background-color: @highlight-header-button-hover-ie; background-color: @highlight-button-hover-ie;
background-color: @highlight-header-button-hover; background-color: @highlight-button-hover;
} }
&:active { &:active {
background-color: @highlight-header-button-pressed-ie; background-color: @highlight-button-pressed-ie;
background-color: @highlight-header-button-pressed; background-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
} }
} }
.show-link label { .show-link label {
border-bottom: @scaled-one-px-value-ie dotted @text-contrast-background-ie; border-bottom: @scaled-one-px-value-ie dotted @text-normal-ie;
border-bottom: @scaled-one-px-value dotted @text-contrast-background; border-bottom: @scaled-one-px-value dotted @text-normal;
color: @text-contrast-background-ie; color: @text-normal-ie;
color: @text-contrast-background; color: @text-normal;
cursor: pointer; cursor: pointer;
&:hover:not(:disabled) { &:hover:not(:disabled) {
color: @text-contrast-background; color: @text-normal;
border-bottom-color: dotted @text-contrast-background; border-bottom-color: dotted @text-normal;
} }
&:active { &:active {
color: @text-contrast-background; color: @text-normal;
border-bottom-color: dotted @text-contrast-background; border-bottom-color: dotted @text-normal;
} }
} }
} }