Splunk Search

Geo Stats: Change color of description popup in geo stats

hawifaris
Loves-to-Learn

I have used the geostats command to show the number of blackouts and brownouts by country and have set the pie chart color to black. The pop up description that comes when you hoover over a pie chart has a background color of black, is there a way to change this to white so that the field Blackout can be seen better.
Note: I have tried to change the dashboardalt text to a dark theme but did not like the way it looked

0 Karma
1 Solution

niketn
Legend

@hawifaris try the following CSS which is applied using map with id="map_with_light_tooltip_background". I have changed the color to grey in the example.

  <html depends="$alwaysHideCSSPanel$">
    <style>
      #map_with_light_tooltip_background div.leaflet-popup-pane div.leaflet-popup div.leaflet-popup-content-wrapper{
        background: grey !important;
      }
    </style>
  </html>
  <map id="map_with_light_tooltip_background">
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

0 Karma

niketn
Legend

@hawifaris try the following CSS which is applied using map with id="map_with_light_tooltip_background". I have changed the color to grey in the example.

  <html depends="$alwaysHideCSSPanel$">
    <style>
      #map_with_light_tooltip_background div.leaflet-popup-pane div.leaflet-popup div.leaflet-popup-content-wrapper{
        background: grey !important;
      }
    </style>
  </html>
  <map id="map_with_light_tooltip_background">
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

hawifaris
Loves-to-Learn

Worked amazing thank you !

0 Karma

hawifaris
Loves-to-Learn

Is there a way I can change the text color within the pop up?

0 Karma

niketn
Legend

If you want static color CSS override can be used for CSS selector for the tooltip text. Refer to Clarafication Blog for Simple XML CSS Extension for identifying the CSS selector for tooltip text that needs to be overridden: https://www.splunk.com/en_us/blog/tips-and-tricks/splunk-clara-fication-customizing-simplexml-dashbo...

Let us know if you need further details!

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...