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!

Technical Workshop Series: Splunk Data Management and SPL2 | Register here!

Hey, Splunk Community! Ready to take your data management skills to the next level? Join us for a 3-part ...

Spotting Financial Fraud in the Haystack: A Guide to Behavioral Analytics with Splunk

In today's digital financial ecosystem, security teams face an unprecedented challenge. The sheer volume of ...

Solve Problems Faster with New, Smarter AI and Integrations in Splunk Observability

Solve Problems Faster with New, Smarter AI and Integrations in Splunk Observability As businesses scale ...