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

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

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

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

@ -23,7 +23,7 @@
}
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 (-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 {
&.link {
border-bottom: 1px dotted #aaa;
border-bottom: 1px dotted @text-secondary;
cursor: pointer;
&.disabled {
@ -9,7 +9,7 @@ label {
}
&.link-solid {
border-bottom: 1px solid #aaa;
border-bottom: 1px solid @text-secondary;
cursor: pointer;
&.disabled {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -16,7 +16,7 @@
a {
padding: 0;
border: 1px solid #fff;
border: 1px solid @background-normal;
float: left;
text-decoration: none;
-moz-outline: 0 none;
@ -24,25 +24,25 @@
cursor: pointer;
em span {
border: 1px solid rgba(0, 0, 0, 0.2);
border: 1px solid @border-color-shading;
}
&:hover, &.selected {
border-color: #000;
border-color: @icon-normal;
em span {
border-color: #fff;
border-color: @background-normal;
}
}
}
.dynamic-empty-color em span {
border:solid 1px #C0C0C0;
background:#ffffff
border:solid 1px @border-color-shading;
background: @background-normal;
}
.color-transparent {
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;
font-size: 12px;
text-align: center;
color: #fff;
color: @text-toolbar-header;
}
&.active {
> a {
color: #444;
color: @text-normal;
}
}
}
@ -387,7 +387,7 @@
}
svg.icon {
fill: @text-normal;
fill: @icon-toolbar-header;
}
.caption {
@ -403,11 +403,11 @@
background-color: @highlight-button-pressed;
svg.icon {
fill: #fff;
fill: @icon-toolbar-header;
}
.caption {
color: #fff;
color: @text-inverse;
}
}
}
@ -453,22 +453,22 @@
.btn-toolbar {
&:active {
svg.icon {
fill: #fff;
fill: @icon-toolbar-header;
}
}
svg.icon {
background-image: none;
fill: @text-normal;
fill: @icon-normal;
}
&.borders--small {
border-radius: 2px;
background-color: #fff;
background-color: @background-normal;
&:not(:active) {
box-shadow: inset 0 0 0 1px #cbcbcb;
box-shadow: inset 0 0 0 1px @border-regular-control;
}
&, .icon {
@ -494,7 +494,7 @@
svg.icon {
display: inline-block;
vertical-align: middle;
fill: #444444;
fill: @icon-normal;
}
width: 20px;
@ -524,7 +524,7 @@
svg.icon {
display: inline-block;
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 {
bottom: 1px;
border-width: 5px 5px 0;
border-top-color: @body-bg;
border-top-color: @background-normal;
}
&.top-left .tooltip-arrow,
@ -32,13 +32,13 @@
&.bottom-right .tooltip-arrow {
top: 1px;
border-width: 0 5px 5px;
border-bottom-color: @body-bg;
border-bottom-color: @background-normal;
}
}
.tooltip-inner {
font-size: 11px;
background-color: @body-bg;
background-color: @background-normal;
color: @text-normal;
padding: 5px 12px;
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;
height: 100%;
width: 100%;
color: #b2b2b2;
color: @text-tertiary;
td {
padding: 5px;
}
@ -35,7 +35,7 @@
}
&.selected {
background-color: #cbcdcf;
background-color: @highlight-button-pressed;
}
&.selected .empty {
@ -58,7 +58,7 @@
text-overflow: ellipsis;
&.empty {
color: #999;
color: @text-tertiary;
font-style: italic;
}
}

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

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