XF 2.3 Alerts drop-down styling - Where is the Style Property for this?

[BIG LLC]

Can anyone tell me where the Alerts navigation drop-down is styled? Our Dark version background is horrible.

This is the HTML:

<li data-alert-id="394008723" class="alert js-alert menu-row menu-row--separated menu-row--clickable is-unread">
<div data-template-name="public:svAlertImprov_macros::alert_row" class="contentRow" data-pop-up="1">
<div class="contentRow-figure contentRow-figure--user flex">
<a href="/forum/members/undefined.153753/" class="avatar avatar--xxs" data-user-id="153753" data-xf-init="member-tooltip" id="js-XFUniqueId12">
...
Etc etc

I just cannot find the style property that sets the background and text colours for it.

 

[BIG LLC]

Oh - it's under alert improvements options.

@Xon I'll post with more, but I cannot get the Unread Alerts style property to change.

 

[Xon]

@Xon I'll post with more, but I cannot get the Unread Alerts style property to change.

It really depends on what elements are triggering the styling issues. You may need to edit the svAlertImprovements.less template.

By default the add-on uses stock XF styling for the alert bits, and the unread alerts style property is empty. You can try disabling the add-on if the styling work in dark mode sanely, but it is likely it is a general styling issues around alerts in your custom style