[dark theme] changed @primary and @primary-hover
This commit is contained in:
parent
c78ef1d2cc
commit
25f56d381a
|
@ -304,7 +304,7 @@
|
||||||
&:active:not(.disabled),
|
&:active:not(.disabled),
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
color: @text-normal;
|
color: @text-normal;
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(.icon-top)
|
&:not(.icon-top)
|
||||||
|
@ -382,7 +382,7 @@
|
||||||
|
|
||||||
&:active:not(.disabled),
|
&:active:not(.disabled),
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -490,10 +490,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@color-dark: @primary;
|
|
||||||
//@color-gray: #079e2f;
|
|
||||||
//@color-dark: #c52c0e;
|
|
||||||
|
|
||||||
&.split {
|
&.split {
|
||||||
|
|
||||||
&.over:not(.disabled),
|
&.over:not(.disabled),
|
||||||
|
@ -515,7 +511,7 @@
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&:active:hover {
|
&:active:hover {
|
||||||
background-color: @color-dark;
|
background-color: @highlight-button-pressed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -523,7 +519,7 @@
|
||||||
&.open {
|
&.open {
|
||||||
> button:not(.active) {
|
> button:not(.active) {
|
||||||
&:last-of-type {
|
&:last-of-type {
|
||||||
background-color: @color-dark;
|
background-color: @highlight-button-pressed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -533,7 +529,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
button.active:not(.disabled) {
|
button.active:not(.disabled) {
|
||||||
background-color: @color-dark;
|
background-color: @highlight-button-pressed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn + .btn {
|
.btn + .btn {
|
||||||
|
@ -626,7 +622,7 @@
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&.active {
|
&.active {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -650,8 +646,8 @@
|
||||||
|
|
||||||
&:active:not(.disabled),
|
&:active:not(.disabled),
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
background-color: @primary !important;
|
background-color: @highlight-button-pressed !important;
|
||||||
border-color: @primary;
|
border-color: @highlight-button-pressed;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -685,7 +681,7 @@
|
||||||
|
|
||||||
&:active:not(.disabled),
|
&:active:not(.disabled),
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
background-color: @primary !important;
|
background-color: @highlight-button-pressed !important;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -717,8 +713,8 @@
|
||||||
|
|
||||||
&:active:not(.disabled),
|
&:active:not(.disabled),
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
background-color: @primary !important;
|
background-color: @highlight-button-pressed !important;
|
||||||
border-color: @primary;
|
border-color: @highlight-button-pressed;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -755,7 +751,7 @@
|
||||||
|
|
||||||
&:active:not(.disabled),
|
&:active:not(.disabled),
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
background-color: @primary !important;
|
background-color: @highlight-button-pressed !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&[disabled],
|
&[disabled],
|
||||||
|
@ -844,11 +840,11 @@
|
||||||
|
|
||||||
&.primary {
|
&.primary {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: @primary;
|
background-color: @background-primary-dialog-button;
|
||||||
|
|
||||||
&:hover:not(.disabled),
|
&:hover:not(.disabled),
|
||||||
&.hover:not(.disabled) {
|
&.hover:not(.disabled) {
|
||||||
background-color: @primary-hover;
|
background-color: @highlight-primary-dialog-button-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&.selected {
|
&.selected {
|
||||||
.box-shadow(0 0 0 1px @primary);
|
.box-shadow(0 0 0 1px @highlight-button-pressed);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -86,7 +86,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
|
@ -95,7 +95,7 @@
|
||||||
&.hover,
|
&.hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&.focus {
|
&.focus {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&.selected {
|
&.selected {
|
||||||
.box-shadow(0 0 0 2px @primary);
|
.box-shadow(0 0 0 2px @highlight-button-pressed);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -62,7 +62,7 @@
|
||||||
|
|
||||||
&:hover:not(.disabled),
|
&:hover:not(.disabled),
|
||||||
&.selected:not(.disabled) {
|
&.selected:not(.disabled) {
|
||||||
.box-shadow(0 0 0 2px @primary);
|
.box-shadow(0 0 0 2px @highlight-button-pressed);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -80,7 +80,7 @@
|
||||||
|
|
||||||
.no-checkmark.checked {
|
.no-checkmark.checked {
|
||||||
.menu-item-icon {
|
.menu-item-icon {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -73,7 +73,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
.user-name,
|
.user-name,
|
||||||
.user-date {
|
.user-date {
|
||||||
|
@ -104,7 +104,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 60px;
|
max-width: 60px;
|
||||||
height: 18px;
|
height: 18px;
|
||||||
color: @primary;
|
color: @highlight-button-pressed;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -23,7 +23,7 @@ li {
|
||||||
&:before {
|
&:before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
&, &:hover, &:focus {
|
&, &:hover, &:focus {
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
|
|
|
@ -48,9 +48,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: @primary;
|
border-color: @highlight-button-pressed;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px 0;
|
border-width: 1px 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -30,7 +30,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
.sw-left {
|
.sw-left {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
border-top-left-radius: 2px;
|
border-top-left-radius: 2px;
|
||||||
border-bottom-left-radius: 2px;
|
border-bottom-left-radius: 2px;
|
||||||
}
|
}
|
||||||
|
@ -28,7 +28,7 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border: 1px solid @primary;
|
border: 1px solid @highlight-button-pressed;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -400,7 +400,7 @@
|
||||||
|
|
||||||
&:active, &.active {
|
&:active, &.active {
|
||||||
&:not(.disabled) {
|
&:not(.disabled) {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
svg.icon {
|
svg.icon {
|
||||||
fill: #fff;
|
fill: #fff;
|
||||||
|
|
|
@ -21,8 +21,8 @@
|
||||||
//@gray-lighter: #ededed; //rgb(237, 237, 237)
|
//@gray-lighter: #ededed; //rgb(237, 237, 237)
|
||||||
//@gray-soft: #adadad; //rgb(173, 173, 173)
|
//@gray-soft: #adadad; //rgb(173, 173, 173)
|
||||||
|
|
||||||
@primary: #7d858c; //rgb(125, 133, 140)
|
//@primary: #7d858c; //rgb(125, 133, 140)
|
||||||
@primary-hover: #666d73; //rgb(102, 109, 115)
|
//@primary-hover: #666d73; //rgb(102, 109, 115)
|
||||||
//@secondary: #d8dadc; //rgb(216, 218, 220)
|
//@secondary: #d8dadc; //rgb(216, 218, 220)
|
||||||
//@secondary-hover: #cbced1; //rgb(203, 206, 209)
|
//@secondary-hover: #cbced1; //rgb(203, 206, 209)
|
||||||
|
|
||||||
|
@ -114,7 +114,7 @@
|
||||||
@border-radius-small: 2px;
|
@border-radius-small: 2px;
|
||||||
|
|
||||||
@component-active-color: #fff;
|
@component-active-color: #fff;
|
||||||
@component-active-bg: @primary;
|
@component-active-bg: #7d858c; // @primary;
|
||||||
|
|
||||||
@caret-width-base: 4px;
|
@caret-width-base: 4px;
|
||||||
@caret-width-large: 5px;
|
@caret-width-large: 5px;
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
|
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
> a {
|
> a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -303,7 +303,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,7 +53,7 @@
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&.selected {
|
&.selected {
|
||||||
.box-shadow(0 0 0 2px @primary);
|
.box-shadow(0 0 0 2px @highlight-button-pressed);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -61,7 +61,7 @@
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
.box-shadow(0 0 0 2px @primary);
|
.box-shadow(0 0 0 2px @highlight-button-pressed);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -104,7 +104,7 @@
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
&, &:hover, &:focus {
|
&, &:hover, &:focus {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
span.color {
|
span.color {
|
||||||
border-color: rgba(255,255,255,0.7);
|
border-color: rgba(255,255,255,0.7);
|
||||||
|
|
|
@ -108,7 +108,7 @@
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
> a {
|
> a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -372,7 +372,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
&:hover,
|
&:hover,
|
||||||
&.selected {
|
&.selected {
|
||||||
.layout > div:first-child {
|
.layout > div:first-child {
|
||||||
.box-shadow(0 0 0 2px @primary);
|
.box-shadow(0 0 0 2px @highlight-button-pressed);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -76,7 +76,7 @@
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
&, &:hover, &:focus {
|
&, &:hover, &:focus {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
span.color {
|
span.color {
|
||||||
border-color: rgba(255,255,255,0.7);
|
border-color: rgba(255,255,255,0.7);
|
||||||
|
|
|
@ -108,7 +108,7 @@
|
||||||
|
|
||||||
&.active:not(.disabled) {
|
&.active:not(.disabled) {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
|
|
||||||
> a {
|
> a {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -236,7 +236,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
|
|
||||||
.settings-icon {
|
.settings-icon {
|
||||||
|
@ -436,7 +436,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -64,7 +64,7 @@
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
&, &:hover, &:focus {
|
&, &:hover, &:focus {
|
||||||
background-color: @primary;
|
background-color: @highlight-button-pressed;
|
||||||
color: @dropdown-link-active-color;
|
color: @dropdown-link-active-color;
|
||||||
span.color {
|
span.color {
|
||||||
border-color: rgba(255,255,255,0.7);
|
border-color: rgba(255,255,255,0.7);
|
||||||
|
|
Loading…
Reference in a new issue