schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-28 18:11:21 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #463 from pathmapper/color-contrast

Browse source 
Increase color contrast (fixes #318)
This commit is contained in:
Orange Mug 2018-11-04 09:08:30 +00:00 committed by GitHub
commit da17646b8d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/styles/_layer.scss
View file

@ -171,7 +171,7 @@
// PROPERTY // PROPERTY
.maputnik-default-property { .maputnik-default-property {
.maputnik-input-block-label { .maputnik-input-block-label {
color: darken($color-lowgray, 25%); color: darken($color-lowgray, 20%);
} }
.maputnik-string, .maputnik-string,
@ -180,7 +180,7 @@
.maputnik-select, .maputnik-select,
.maputnik-checkbox-wrapper { .maputnik-checkbox-wrapper {
background-color: darken($color-gray, 2%); background-color: darken($color-gray, 2%);
color: darken($color-lowgray, 25%); color: darken($color-lowgray, 20%);
} }
.maputnik-make-zoom-function svg { .maputnik-make-zoom-function svg {
@ -189,7 +189,7 @@
.maputnik-multibutton .maputnik-button { .maputnik-multibutton .maputnik-button {
background-color: darken($color-midgray, 10%); background-color: darken($color-midgray, 10%);
color: darken($color-lowgray, 25%); color: darken($color-lowgray, 20%);
&:hover { &:hover {
background-color: lighten($color-midgray, 12); background-color: lighten($color-midgray, 12);

8
src/styles/index.scss
View file

@ -1,7 +1,7 @@
$color-black: #1c1f24; $color-black: #191b20;
$color-gray: #26282e; $color-gray: #222429;
$color-midgray: #36383e; $color-midgray: #303237;
$color-lowgray: #8e8e8e; $color-lowgray: #a4a4a4;
$color-white: #f0f0f0; $color-white: #f0f0f0;
$color-red: #cf4a4a; $color-red: #cf4a4a;
$color-green: #53b972; $color-green: #53b972;