From c3087d3ae704822442d4c94b9805e7306c7fb221 Mon Sep 17 00:00:00 2001 From: g <63980406+gugulet-hu@users.noreply.github.com> Date: Mon, 28 Sep 2020 20:27:14 +0200 Subject: [PATCH] Changing map colors --- stylesheets/components/_charts.less | 8 -- stylesheets/components/_maps.less | 116 ++++++++++++++++++++++++++++ stylesheets/theme.less | 1 + 3 files changed, 117 insertions(+), 8 deletions(-) create mode 100644 stylesheets/components/_maps.less diff --git a/stylesheets/components/_charts.less b/stylesheets/components/_charts.less index 4c454b4..a83495c 100644 --- a/stylesheets/components/_charts.less +++ b/stylesheets/components/_charts.less @@ -1,11 +1,3 @@ canvas.jqplot-piwik-ticks-canvas { background: @theme-color-background-base !important; } - -.UserCountryMap.card-content.dataTable { - background: @theme-color-background-base; -} - -td .label img { - display: none; -} diff --git a/stylesheets/components/_maps.less b/stylesheets/components/_maps.less new file mode 100644 index 0000000..d58a141 --- /dev/null +++ b/stylesheets/components/_maps.less @@ -0,0 +1,116 @@ +.UserCountryMap.card-content.dataTable { + background: @theme-color-background-base; +} + +td .label img { + display: none; +} + +// Visitor map colors +.visitor-map[data-name="no-data-color"] { + color: @theme-color-background-base; +} + +.visitor-map[data-name="one-country-color"] { + color: #e6e6e6; +} + +.visitor-map[data-name="color-range-start-choropleth"] { + color: #ceccd2; +} + +.visitor-map[data-name="color-range-start-normal"] { + color: #828089; +} + +.visitor-map[data-name="color-range-end-choropleth"] { + color: #323036; +} + +.visitor-map[data-name="color-range-end-normal"] { + color: rgb(0, 0, 0); +} + +.visitor-map[data-name="country-highlight-color"] { + color: #f4f45b; +} + +.visitor-map[data-name="country-selected-color"] { + color: #f4f45b; +} + +.visitor-map[data-name="unknown-region-fill-color"] { + color: @theme-color-background-base; +} + +.visitor-map[data-name="unknown-region-stroke-color"] { + color: #bbb; +} + +.visitor-map[data-name="region-stroke-color"] { + color: #3c6fb6; +} + +.visitor-map[data-name="region-selected-color"] { + color: #f4f45b; +} + +.visitor-map[data-name="region-highlight-color"] { + color: #f4f45b; +} + +.visitor-map[data-name="invisible-region-background"] { + color: @theme-color-background-base; +} + +.visitor-map[data-name="city-label-color"] { + color: @theme-color-background-base; +} + +.visitor-map[data-name="city-stroke-color"] { + color: @theme-color-background-base; +} + +.visitor-map[data-name="city-highlight-stroke-color"] { + color: #000000; +} + +.visitor-map[data-name="city-highlight-fill-color"] { + color: #f4f45b; +} + +.visitor-map[data-name="city-highlight-label-color"] { + color: #000; +} + +.visitor-map[data-name="city-label-fill-color"] { + color: @theme-color-background-base; +} + +.visitor-map[data-name="city-selected-color"] { + color: #f4f45b; +} + +.visitor-map[data-name="city-selected-label-color"] { + color: #000; +} + +.visitor-map[data-name="region-layer-stroke-color"] { + color: #aaa; +} + +.visitor-map[data-name="special-metrics-color-scale-1"] { + color: #385993; +} + +.visitor-map[data-name="special-metrics-color-scale-2"] { + color: #385993; +} + +.visitor-map[data-name="special-metrics-color-scale-3"] { + color: #e87500; +} + +.visitor-map[data-name="special-metrics-color-scale-4"] { + color: #e87500; +} diff --git a/stylesheets/theme.less b/stylesheets/theme.less index 9311613..96c8d46 100644 --- a/stylesheets/theme.less +++ b/stylesheets/theme.less @@ -14,6 +14,7 @@ @import "components/_login"; @import "components/_charts"; +@import "components/_maps"; @theme-color-brand: #ceccd2; @theme-color-background-base: #faf9f6;