Dashboards & Visualizations

How to change icons of App based on light/dark mode?

LAI
New Member

Hi,

I have an App that has a set of icons that work fine on light mode, but if I switch to dark mode, they become invisible. If I add the lighter icons and dark mode, then the icons become invisible in light mode.

Is there a way to have both sets of icons and have them change based on the active mode?

Labels (1)
0 Karma

dural_yyz
Motivator

Developer guide does not provide any evidence of loading different icons based on selected theme.  The documentation states the order the Icons are loaded which are triggered based on quality of display and location in the app.

https://dev.splunk.com/enterprise/docs/developapps/createapps#Add-icons-to-your-app

File name Image size (pixels) Placement Example image

appIcon_2x.png72 x 72App list on the Splunk Web home page for high-resolution displaysdural_yyz_0-1726515084585.png

 

appIcon.png36 x 36App list on the Splunk Web home page for standard-resolution displaysdural_yyz_1-1726515084585.png

 

appIconAlt_2x.png72 x 72App menus for Splunk bar and search bar for high-resolution displaysdural_yyz_2-1726515084586.png

 

appIconAlt.png36 x 36App menus for Splunk bar and search bar for standard-resolution displaysdural_yyz_3-1726515084586.png

 

appLogo.png160 x 40 (maximum size)App bar on standard-resolution displays
appLogo_2x.png320 x 80 (maximum size)App bar on high-resolution displays
Get Updates on the Splunk Community!

Observe and Secure All Apps with Splunk

  Join Us for Our Next Tech Talk: Observe and Secure All Apps with SplunkAs organizations continue to innovate ...

Splunk Decoded: Business Transactions vs Business IQ

It’s the morning of Black Friday, and your e-commerce site is handling 10x normal traffic. Orders are flowing, ...

Fastest way to demo Observability

I’ve been having a lot of fun learning about Kubernetes and Observability. I set myself an interesting ...