Frontend.set_theme with mode doesn't work

Configuration Frontend
1

Hi all:

I’d like to control the theme mode (light/dark) based on sun.sun position. Following the instructions I have configured the UI with below settings. As I understand “Use default theme” means backend preferred theme:

Screen Shot 2025-11-19 at 17.20.31 PM
Screen Shot 2025-11-19 at 17.20.31 PM1378×572 41.9 KB

My theme looks like below with dark and light modes:

Floor Plan:
  element-bg-filter: "blur(1px)"
  overlay-bg-filter: "blur(6px)"
  ........
  modes:
    light:
      element-bg-color: "rgba(255,255,255,0.1)"
      dropdown-bg-color: "rgba(255,255,255,0.5)"
      nilan-card-bg-color: "#8CB36D"
      nilan-card-filter: "brightness(1)"
      charger-card-bg-color: "#03A9F4"
      charger-card-font-color: "#FFFFFF"
    dark:
      element-bg-color: "rgba(0,0,0,0.1)"
      dropdown-bg-color: "rgba(0,0,0,0.5)"
      nilan-card-bg-color: "#2E3A24"
      nilan-card-filter: "brightness(0.6)"
      charger-card-bg-color: "#0A2A42"
      charger-card-font-color: "#6C6C6C"

However the action doesn’t switch the theme from light to dark mode:

action: frontend.set_theme
data:
  mode: dark
  name: Floor Plan

Anything am I doing wrong here? Appreciate your help!

2

However the action doesn’t switch the theme from light to dark mode

This is expected, that’s not what that action does.

When you call the service with light/dark selected, you’re setting the default theme for when your client requests light/dark mode.

There’s nothing in the backend that can change the light/dark mode of a client.

3

Ok understood, thanks!
It’s because I have floor plan which shows dark/light modes based on sun position.
Is there anyway to know what the current theme mode user is in now?