set box-shadow on notification badge

[Mariusthvdb]

considering the notification badge we can set with eh available options, and not having a styling tool like UIX, we can only get flat badges

what I suggest / ask for is allowing us to set n=otification-box-shadow, and then do

notification-box-shadow: var(--box-shadow)

directly in custom-sidebar-configuration.yaml

would be sweet like

the type: button next to it in the middle is made with UIX Broker, and uses another box-shadow for comparison.

flat (and current) is like

hope this can be considered?
thx anyways

[Mariusthvdb]

silly me..
we can do a plain system wide styles:

styles: |

  :host([expanded]) ha-list-item-button > .badge {
    transform: translateX(50%);
    max-width: 44px;
    margin: 0 16px 0 0;
    box-shadow: var(--box-shadow);
  }

or eg use the HA native variants

styles: |

  :host([expanded]) ha-list-item-button > .badge {
    transform: translateX(50%);
    max-width: 44px;
    margin: 0 16px 0 0;

    box-shadow: var(--ha-box-shadow-m);
  }

closing.
apologies for wasting your time.