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

[dark theme] changed colors definition in common stylesheets

Browse source
This commit is contained in:
Maxim Kadushkin 2020-11-20 16:03:31 +03:00
parent 32442a7b11
commit c90d98a7ab
19 changed files with 70 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/resources/less/buttons.less
View file

@ -94,7 +94,7 @@
&::after { &::after {
content: ' '; content: ' ';
position: absolute; position: absolute;
border: 1px solid #000; // need variable in colors table border: 1px solid @icon-notification-badge;
border-left: 0 none; border-left: 0 none;
border-right: 0 none; border-right: 0 none;
width: 6px; width: 6px;
@ -109,7 +109,7 @@
width: 10px; width: 10px;
height: 7px; height: 7px;
bottom: 2px; bottom: 2px;
background-color: #ffd112; // need variable in colors table background-color: @background-notification-badge;
border-radius: 2px; border-radius: 2px;
right: 0; right: 0;
} }

2
apps/common/main/resources/less/checkbox.less
View file

@ -12,7 +12,7 @@
+ label { + label {
width: 14px; width: 14px;
height: 14px; height: 14px;
background: #fff; background: @background-normal;
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
border-radius: 2px; border-radius: 2px;
position: absolute; position: absolute;

2
apps/common/main/resources/less/combo-border-size.less
View file

@ -23,7 +23,7 @@
} }
img, .image { img, .image {
background: ~"url(@{common-image-const-path}/combo-border-size/BorderSize.png) no-repeat 0 0 #fff"; background: ~"url(@{common-image-const-path}/combo-border-size/BorderSize.png) no-repeat 0 0 @background-normal";
@media only screen { @media only screen {
//@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9), //@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9),

4
apps/common/main/resources/less/common.less
View file

@ -1,6 +1,6 @@
label { label {
&.link { &.link {
border-bottom: 1px dotted #aaa; border-bottom: 1px dotted @text-secondary;
cursor: pointer; cursor: pointer;
&.disabled { &.disabled {
@ -9,7 +9,7 @@ label {
} }
&.link-solid { &.link-solid {
border-bottom: 1px solid #aaa; border-bottom: 1px solid @text-secondary;
cursor: pointer; cursor: pointer;
&.disabled { &.disabled {

2
apps/common/main/resources/less/dataview.less
View file

@ -9,7 +9,7 @@
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
color: #b2b2b2; color: @text-tertiary;
td { td {
padding: 5px; padding: 5px;
} }

10
apps/common/main/resources/less/header.less
View file

@ -29,7 +29,7 @@
.toolbar { .toolbar {
.extra { .extra {
svg.icon { svg.icon {
fill: #fff; fill: @icon-toolbar-header;
} }
.btn-slot { .btn-slot {
@ -57,7 +57,7 @@
} }
label { label {
color: #fff; color: @text-toolbar-header;
} }
.dropdown-menu { .dropdown-menu {
@ -98,7 +98,7 @@
min-width: 50px; min-width: 50px;
text-align: center; text-align: center;
color: #fff; color: @text-toolbar-header;
background-color: transparent; background-color: transparent;
border: 0 none; border: 0 none;
cursor: default; cursor: default;
@ -344,7 +344,7 @@
background-color: @tabs-bg-color; background-color: @tabs-bg-color;
display: flex; display: flex;
height: 100%; height: 100%;
color:#fff; color: @text-toolbar-header;
position: relative; position: relative;
.btn-slot { .btn-slot {
@ -352,7 +352,7 @@
} }
svg.icon { svg.icon {
fill: #fff; fill: @icon-toolbar-header;
&.icon-save { &.icon-save {
&.btn-save-coauth, &.btn-synch { &.btn-save-coauth, &.btn-synch {

16
apps/common/main/resources/less/history.less
View file

@ -1,6 +1,6 @@
#history-box { #history-box {
position: relative; position: relative;
border-right: 1px solid #cbcbcb; border-right: 1px solid @border-toolbar;
} }
#history-header { #history-header {
@ -65,11 +65,6 @@
&:hover:not(.selected), &:hover:not(.selected),
&.over { &.over {
background-color: @highlight-button-hover; background-color: @highlight-button-hover;
.user-version {
color: #fff;
background-color: #ababab;
}
} }
&.selected { &.selected {
@ -77,7 +72,7 @@
.user-name, .user-name,
.user-date { .user-date {
color: #fff; color: @text-inverse;
} }
.revision-expand { .revision-expand {
@ -108,7 +103,8 @@
font-size: 10px; font-size: 10px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
background-color: #e6e6e6; color: @text-tertiary;
background-color: @background-normal;
text-align: center; text-align: center;
padding: 1px 5px; padding: 1px 5px;
border-radius: 2px; border-radius: 2px;
@ -148,8 +144,8 @@
} }
.revision-restore { .revision-restore {
color: #fff; color: @text-normal;
border-bottom: 1px dotted #fff; border-bottom: 1px dotted @text-normal;
height: 16px; height: 16px;
margin-top: 5px; margin-top: 5px;
white-space: pre-wrap; white-space: pre-wrap;

4
apps/common/main/resources/less/input.less
View file

@ -87,8 +87,8 @@ input[type="password"] {
} }
input[type="text"]::selection, textarea::selection { input[type="text"]::selection, textarea::selection {
background: #3494fb; background: @highlight-text-select;
color: white; color: @text-inverse;
} }
textarea.form-control:focus { textarea.form-control:focus {

12
apps/common/main/resources/less/listview.less
View file

@ -1,5 +1,5 @@
.listview { .listview {
border: 1px solid @input-border; border: 1px solid @border-regular-control;
.border-radius(@border-radius-small); .border-radius(@border-radius-small);
line-height: 15px; line-height: 15px;
@ -14,7 +14,7 @@
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
color: #b2b2b2; color: @text-tertiary;
td { td {
padding: 5px; padding: 5px;
} }
@ -32,11 +32,11 @@
cursor: pointer; cursor: pointer;
white-space: pre-wrap; white-space: pre-wrap;
background-color: @list-group-bg; background-color: @background-normal;
border-color: @list-group-border; border-color: @border-regular-control;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
border-top-color: #fafafa; border-top-color: transparent;
} }
&:not(.disabled) > .item { &:not(.disabled) > .item {
@ -49,7 +49,7 @@
&.selected { &.selected {
background-color: @highlight-button-pressed; background-color: @highlight-button-pressed;
color: #fff; color: @text-inverse;
border-color: @highlight-button-pressed; border-color: @highlight-button-pressed;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;

24
apps/common/main/resources/less/multislider-gradient.less
View file

@ -12,19 +12,19 @@
left: 2px; left: 2px;
width: 9px; width: 9px;
height: 9px; height: 9px;
background-color: #ffffff; background-color: @background-normal;
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
-o-transform: rotate(45deg); -o-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
border-top: solid 1px @border-preview-select; border-top: solid 1px @border-regular-control;
border-left: solid 1px @border-preview-select; border-left: solid 1px @border-regular-control;
border-radius: 0 3px; border-radius: 0 3px;
box-sizing: content-box; box-sizing: content-box;
.thumb-top-inner { .thumb-top-inner {
border-top: solid 1px #fff; border-top: solid 1px @background-normal;
border-left: solid 1px #fff; border-left: solid 1px @background-normal;
height: 100%; height: 100%;
} }
} }
@ -35,13 +35,13 @@
left: 1px; left: 1px;
width: 10px; width: 10px;
height: 9px; height: 9px;
background-color: #ffffff; background-color: @background-normal;
border: solid 1px @border-preview-select; border: solid 1px @border-regular-control;
border-top: none; border-top: none;
border-radius: 2px; border-radius: 2px;
box-sizing: content-box; box-sizing: content-box;
.thumb-bottom-inner { .thumb-bottom-inner {
border: solid 1px #fff; border: solid 1px @border-regular-control;
border-top: none; border-top: none;
height: 100%; height: 100%;
} }
@ -49,11 +49,11 @@
&.active { &.active {
.thumb-top { .thumb-top {
border-top: solid 1px #000; border-top: solid 1px @border-control-focus;
border-left: solid 1px #000; border-left: solid 1px @border-control-focus;
} }
.thumb-bottom { .thumb-bottom {
border: solid 1px #000; border: solid 1px @border-control-focus;
border-top: none; border-top: none;
} }
} }
@ -81,7 +81,7 @@
background-position: 0 0; background-position: 0 0;
outline: 1px solid rgba(162, 162, 162, 1); outline: 1px solid rgba(162, 162, 162, 1);
border: 1px solid #FFFFFF; border: 1px solid @border-regular-control;
cursor: copy; cursor: copy;
} }
} }

2
apps/common/main/resources/less/radiobox.less
View file

@ -18,7 +18,7 @@
width: 14px; width: 14px;
height: 14px; height: 14px;
background: #fff; background: @background-normal;
border: 1px solid @border-regular-control; border: 1px solid @border-regular-control;
border-radius: 50%; border-radius: 50%;
} }

2
apps/common/main/resources/less/switcher.less
View file

@ -27,7 +27,7 @@
right: auto; right: auto;
top: 0; top: 0;
height: 100%; height: 100%;
background-color: #ffffff; background-color: @background-normal;
border: 1px solid @highlight-button-pressed; border: 1px solid @highlight-button-pressed;
border-radius: 3px; border-radius: 3px;
} }

2
apps/common/main/resources/less/symboltable.less
View file

@ -9,7 +9,7 @@
height: 33px; height: 33px;
border-right: 1px solid @border-regular-control; border-right: 1px solid @border-regular-control;
border-bottom: 1px solid @border-regular-control; border-bottom: 1px solid @border-regular-control;
background: #ffffff; background: @background-normal;
align-content: center; align-content: center;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;

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

@ -99,7 +99,7 @@
.asc-synchronizetip { .asc-synchronizetip {
padding: 15px 8px 15px 15px; padding: 15px 8px 15px 15px;
border-radius: 5px; border-radius: 5px;
background-color: #fcfed7; background-color: @background-notification-popover;
overflow: visible; overflow: visible;
.right & { .right & {
@ -123,7 +123,7 @@
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 8px; left: 8px;
background-color: #fcfed7; background-color: @background-notification-popover;
width: 15px; width: 15px;
height: 15px; height: 15px;
@ -141,8 +141,8 @@
} }
.show-link label { .show-link label {
border-bottom: 1px dotted #445799; border-bottom: 1px dotted @text-link;
color: #445799; color: @text-link;
cursor: pointer; cursor: pointer;
} }

14
apps/common/main/resources/less/theme-colorpalette.less
View file

@ -16,7 +16,7 @@
a { a {
padding: 0; padding: 0;
border: 1px solid #fff; border: 1px solid @background-normal;
float: left; float: left;
text-decoration: none; text-decoration: none;
-moz-outline: 0 none; -moz-outline: 0 none;
@ -24,25 +24,25 @@
cursor: pointer; cursor: pointer;
em span { em span {
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid @border-color-shading;
} }
&:hover, &.selected { &:hover, &.selected {
border-color: #000; border-color: @icon-normal;
em span { em span {
border-color: #fff; border-color: @background-normal;
} }
} }
} }
.dynamic-empty-color em span { .dynamic-empty-color em span {
border:solid 1px #C0C0C0; border:solid 1px @border-color-shading;
background:#ffffff background: @background-normal;
} }
.color-transparent { .color-transparent {
em span { em span {
border:solid 1px #C0C0C0; border:solid 1px @border-color-shading;
} }
} }
} }

22
apps/common/main/resources/less/toolbar.less
View file

@ -89,12 +89,12 @@
cursor: default; cursor: default;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
color: #fff; color: @text-toolbar-header;
} }
&.active { &.active {
> a { > a {
color: #444; color: @text-normal;
} }
} }
} }
@ -387,7 +387,7 @@
} }
svg.icon { svg.icon {
fill: @text-normal; fill: @icon-toolbar-header;
} }
.caption { .caption {
@ -403,11 +403,11 @@
background-color: @highlight-button-pressed; background-color: @highlight-button-pressed;
svg.icon { svg.icon {
fill: #fff; fill: @icon-toolbar-header;
} }
.caption { .caption {
color: #fff; color: @text-inverse;
} }
} }
} }
@ -453,22 +453,22 @@
.btn-toolbar { .btn-toolbar {
&:active { &:active {
svg.icon { svg.icon {
fill: #fff; fill: @icon-toolbar-header;
} }
} }
svg.icon { svg.icon {
background-image: none; background-image: none;
fill: @text-normal; fill: @icon-normal;
} }
&.borders--small { &.borders--small {
border-radius: 2px; border-radius: 2px;
background-color: #fff; background-color: @background-normal;
&:not(:active) { &:not(:active) {
box-shadow: inset 0 0 0 1px #cbcbcb; box-shadow: inset 0 0 0 1px @border-regular-control;
} }
&, .icon { &, .icon {
@ -494,7 +494,7 @@
svg.icon { svg.icon {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
fill: #444444; fill: @icon-normal;
} }
width: 20px; width: 20px;
@ -524,7 +524,7 @@
svg.icon { svg.icon {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
fill: #444444; fill: @icon-normal;
} }
} }

6
apps/common/main/resources/less/tooltip.less
View file

@ -15,7 +15,7 @@
&.top-right .tooltip-arrow { &.top-right .tooltip-arrow {
bottom: 1px; bottom: 1px;
border-width: 5px 5px 0; border-width: 5px 5px 0;
border-top-color: @body-bg; border-top-color: @background-normal;
} }
&.top-left .tooltip-arrow, &.top-left .tooltip-arrow,
@ -32,13 +32,13 @@
&.bottom-right .tooltip-arrow { &.bottom-right .tooltip-arrow {
top: 1px; top: 1px;
border-width: 0 5px 5px; border-width: 0 5px 5px;
border-bottom-color: @body-bg; border-bottom-color: @background-normal;
} }
} }
.tooltip-inner { .tooltip-inner {
font-size: 11px; font-size: 11px;
background-color: @body-bg; background-color: @background-normal;
color: @text-normal; color: @text-normal;
padding: 5px 12px; padding: 5px 12px;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);

6
apps/common/main/resources/less/treeview.less
View file

@ -12,7 +12,7 @@
text-align: center; text-align: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
color: #b2b2b2; color: @text-tertiary;
td { td {
padding: 5px; padding: 5px;
} }
@ -35,7 +35,7 @@
} }
&.selected { &.selected {
background-color: #cbcdcf; background-color: @highlight-button-pressed;
} }
&.selected .empty { &.selected .empty {
@ -58,7 +58,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
&.empty { &.empty {
color: #999; color: @text-tertiary;
font-style: italic; font-style: italic;
} }
} }

3
apps/common/main/resources/less/window.less
View file

@ -50,7 +50,6 @@
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
text-shadow: 1px 1px #f8f8f8;
vertical-align: bottom; vertical-align: bottom;
line-height: 26px; line-height: 26px;
@ -93,7 +92,7 @@
line-height: 14px; line-height: 14px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #444; color: @text-normal;
opacity: 0.7; opacity: 0.7;
&:hover { &:hover {