The compass north should always stay red
cbrunnkvist opened this issue · 4 comments
The north pointing end of a compass needle is always painted red, and the south may be any shade of white or black. (Ref.)
I guess the relevant change would be in this block
BlueMap/common/webapp/src/components/ControlBar/Compass.vue
Lines 47 to 69 in 91e0cdf
I was actually finding this to be a bit of a hassle while I using the map to navigate an area and trying to explain to my kids how to use the compass .. I got lost spectating on the map view instead ;-)
BlueMap's compass needle is grayscale by design-choice, and i personally don't know if i like how it looks like when it is red.

But fortunately you can easily paint your own bluemap's needle-north red by adding a custom-css file like this to your bluemap webroot:
.compass svg .north {
fill: #ff0000;
}and registering it in your webapp.conf:
# Here you can add URLs to custom styles (css) so they will be loaded by the webapp
# You can place them somewhere in bluemap's webroot and add the (relative) link here
styles: [
"assets/my-custom-style.css"
]If you have another suggestion or want to discuss this further, please do so on our discords #suggestions channel, as GitHub issues are for bug-reports or planned features :)
Oh that seems very doable, I'll just do that then. Thanks for the tip! (And my intention was not to suggest "#F00"-red, I should've written "bright red tone", but yeah...)
Either way, thank you again / and for creating an awesome "just works"-plugin!
For future reference, I was able to solve this using the custom css rule as suggested by @TBlueF (sorry, no Discording for me, thanks)
$ cat bluemap/web/assets/red-compass-north.css
.compass svg .north {
fill: #C0452C;
}
.compass svg .south {
fill: #E3E2E7;
}
$ grep -C1 red-compass plugins/BlueMap/webapp.conf
styles: [
"assets/red-compass-north.css"
]

