[theme] added new theme's values

This commit is contained in:
Maxim Kadushkin 2021-04-24 23:20:55 +03:00
parent c4b69233e5
commit 9795ebde57
6 changed files with 56 additions and 0 deletions

View file

@ -61,6 +61,9 @@ define([
"text-secondary",
"text-tertiary",
"text-link",
"text-link-hover",
"text-link-active",
"text-link-visited",
"text-inverse",
"text-toolbar-header",
"text-contrast-background",

View file

@ -39,6 +39,9 @@
--text-secondary: #a5a5a5;
--text-tertiary: #a5a5a5;
--text-link: #acbfff;
--text-link-hover: #acbfff;
--text-link-active: #acbfff;
--text-link-visited: #acbfff;
--text-inverse: #fff;
--text-toolbar-header: #fff;
--text-contrast-background: #fff;
@ -116,6 +119,11 @@
--component-active-hover-icon-opacity: .8;
--component-disabled-opacity: .3;
--header-component-normal-icon-opacity: 1;
--header-component-hover-icon-opacity: 1;
--header-component-active-icon-opacity: 1;
--header-component-active-hover-icon-opacity: 1;
--menu-icon-item-checked-offset-x: -20px;
}
}

View file

@ -39,6 +39,9 @@
--text-secondary: fade(#fff, 60%);
--text-tertiary: fade(#fff, 40%);
--text-link: #b5e4ff;
--text-link-hover: #b5e4ff;
--text-link-active: #b5e4ff;
--text-link-visited: #b5e4ff;
--text-inverse: #333;
--text-toolbar-header: fade(#fff, 80%);
--text-contrast-background: #fff;
@ -116,6 +119,11 @@
--component-active-hover-icon-opacity: 1;
--component-disabled-opacity: .3;
--header-component-normal-icon-opacity: .8;
--header-component-hover-icon-opacity: .8;
--header-component-active-icon-opacity: 1;
--header-component-active-hover-icon-opacity: 1;
--menu-icon-item-checked-offset-x: -20px;
}
}

View file

@ -49,6 +49,9 @@
--text-secondary: fade(#000, 60%);
--text-tertiary: fade(#000, 40%);
--text-link: #445799;
--text-link-hover: #445799;
--text-link-active: #445799;
--text-link-visited: #445799;
--text-inverse: #fff;
--text-toolbar-header: #fff;
--text-contrast-background: #fff;
@ -127,6 +130,11 @@
--component-active-icon-opacity: 1;
--component-active-hover-icon-opacity: 1;
--component-disabled-opacity: .4;
--header-component-normal-icon-opacity: 1;
--header-component-hover-icon-opacity: 1;
--header-component-active-icon-opacity: 1;
--header-component-active-hover-icon-opacity: 1;
//--button-icon-opacity: 1;
}
@ -172,6 +180,9 @@
@text-secondary: var(--text-secondary);
@text-tertiary: var(--text-tertiary);
@text-link: var(--text-link);
@text-link-hover: var(--text-link-hover);
@text-link-active: var(--text-link-active);
@text-link-visited: var(--text-link-visited);
@text-inverse: var(--text-inverse);
@text-toolbar-header: var(--text-toolbar-header);
@text-contrast-background: var(--text-contrast-background);
@ -207,6 +218,11 @@
@component-disabled-opacity: var(--component-disabled-opacity, .4);
//@button-icon-opacity: var(--button-icon-opacity, 1);
@header-component-normal-icon-opacity: var(--header-component-normal-icon-opacity, 1);
@header-component-hover-icon-opacity: var(--header-component-hover-icon-opacity, 1);
@header-component-active-icon-opacity: var(--header-component-active-icon-opacity, 1);
@header-component-active-hover-icon-opacity: var(--header-component-active-hover-icon-opacity, 1);
@menu-icon-item-checked-offset-x: var(--menu-icon-item-checked-offset-x, 0);
// Canvas

View file

@ -327,13 +327,24 @@
}
.btn& {
&:not(:disabled) .icon {
opacity: @header-component-normal-icon-opacity;
}
&:active, &.active {
.icon.toolbar__icon {
&.icon--inverse {
background-position-x: @button-header-active-icon-offset-x-ie;
opacity: @header-component-active-icon-opacity;
}
}
}
&:hover:not(:disabled) {
.icon {
opacity: @header-component-hover-icon-opacity;
}
}
}
svg.icon {

View file

@ -360,6 +360,16 @@
color: @text-link-ie;
color: @text-link;
cursor: pointer;
&:hover:not(:disabled) {
color: @text-link-hover;
border-bottom-color: dotted @text-link-hover;
}
&:active {
color: @text-link-active;
border-bottom-color: dotted @text-link-hover;
}
}
.asc-synchronizetip .close {