meshviewer/scss/night.scss

143 lines
2.4 KiB
SCSS
Raw Normal View History

2017-10-26 19:40:55 +00:00
// Overwrite normal style (colors)
@import 'modules/variables';
@import 'custom/variables';
2018-07-25 21:46:32 +00:00
$color-white: #1c1c13;
$color-black: #fefefe;
2017-02-11 16:26:57 +00:00
$color-map-background: #0d151c;
2018-07-25 21:46:32 +00:00
$color-online: lighten($color-online, 25%);
2017-01-31 03:45:27 +00:00
html {
//@import 'modules/base';
2018-07-25 21:46:32 +00:00
body,
textarea,
input {
background: $color-white;
color: lighten($color-black, 100);
}
header {
background: transparentize($color-black, .98);
2017-04-14 12:43:46 +00:00
border-bottom-color: lighten($color-white, 10%);
}
2018-07-25 21:46:32 +00:00
a {
color: $color-online;
text-decoration: none;
&:focus {
color: darken($color-online, 15%);
}
}
2017-02-26 15:09:23 +00:00
//@import 'modules/leaflet';
.leaflet-container {
2017-02-11 16:26:57 +00:00
background: $color-map-background;
}
.leaflet-label {
&.leaflet-label-right {
background-color: $color-white;
}
}
2016-12-28 03:21:55 +00:00
.leaflet-control-container {
.leaflet-control-layers-toggle {
background: lighten($color-white, 10);
color: $color-black;
}
}
2017-02-26 15:09:23 +00:00
.leaflet-control-zoom {
a {
background: lighten($color-white, 10);
color: $color-black;
&:hover {
background: $color-white;
}
}
}
.leaflet-control-layers {
&.leaflet-control {
opacity: .9;
}
}
.language-switch {
color: $color-black;
option {
background: $color-white;
}
}
2017-02-01 21:13:06 +00:00
//@import 'modules/filter';
.filter-node {
input {
color: $color-black;
}
}
//@import 'modules/sidebar';
.sidebar {
2017-02-04 02:01:17 +00:00
.infobox,
.container {
background: transparentize($color-white, .03);
border-right: 1px solid darken($color-white, 10%);
}
img {
filter: invert(100%);
}
@media screen and (max-width: map-get($grid-breakpoints, xl) - 1) {
background: $color-white;
}
}
//@import 'modules/tabs';
.tabs {
background: transparentize($color-black, .98);
2017-04-14 12:43:46 +00:00
border-bottom-color: lighten($color-white, 10%);
li {
color: transparentize($color-black, .5);
&:hover {
color: $color-black;
}
}
}
//@import 'modules/node';
.bar {
background: mix($color-new, $color-white, 60);
&.warning {
background: mix($color-offline, $color-white, 60);
}
label {
color: $color-white;
}
}
//@import 'modules/button';
button {
background: lighten($color-white, 10);
color: $color-black;
&:hover {
background: $color-white;
}
&.close {
background: transparent;
color: transparentize($color-black, .5);
}
}
}