Skip to content

Update dynamic theme fixes for *.sloggi.com and *.triumph.com - #16134

Merged
Myshor merged 2 commits into
darkreader:mainfrom
arturstat:patch-56415
Oct 24, 2026
Merged

Myshor merged 2 commits into
darkreader:mainfrom
arturstat:patch-56415

Conversation

@arturstat

Copy link
Copy Markdown
Contributor

No description provided.

@arturstat
arturstat marked this pull request as draft October 23, 2026 21:43

INVERT
div.header__logo a.header__logo--triumph svg.svgIcon__brandlogo path
div.switcher-logo svg.svgIcon__brandlogo path

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

div.switcher-logo svg.svgIcon__brandlogo path
div.footer__logos svg
div.brand-switcher svg.svgIcon__triumph
section.footer svg.svgIcon__triumph

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Modified in order to avoid interfering with top left logos at:
https://storelocator.sloggi.com/en

IGNORE INLINE STYLE
div.footer__logos svg *
div.brand-switcher svg.svgIcon__triumph *
section.footer svg.svgIcon__triumph *

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Modified in order to avoid interfering with top left logos at:
https://storelocator.sloggi.com/en

button.navbar-toggler
div.header__icon svg.svgIcon.svgIcon__menuClose
div.help-content-entry img
div.productCard__cta > img.icon

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

div.header__icon svg.svgIcon.svgIcon__menuClose
div.help-content-entry img
div.productCard__cta > img.icon
div[role="search"] svg

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Search icon above the comments at some product pages:
https://uk.triumph.com/amourette/10214770.html?color=0004_Black

div.productCard__cta > img.icon
div[role="search"] svg
div[class^="bv-rnr__ppunu1"]:not(:has(div))
a.next svg

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Next icon after the comments at some product pages:
https://uk.triumph.com/amourette/10214770.html?color=0004_Black

div[role="search"] svg
div[class^="bv-rnr__ppunu1"]:not(:has(div))
a.next svg
a.prev svg

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Previous icon after the comments at some product pages:
https://uk.triumph.com/amourette/10214770.html?color=0004_Black

div[class^="bv-rnr__ppunu1"]:not(:has(div))
a.next svg
a.prev svg
button.next svg

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Next icon after the comments at some product pages:
https://uk.triumph.com/amourette/10214770.html?color=0004_Black

a.next svg
a.prev svg
button.next svg
button.prev svg

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Previous icon after the comments at some product pages:
https://uk.triumph.com/amourette/10214770.html?color=0004_Black

background-color: white !important;
background-color: #ffffff !important;
}
:is(a, button).button,

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Force button background and text color in order to fix text invisibility in the mobile version:
https://uk.triumph.com/
https://uk.sloggi.com/

@arturstat
arturstat marked this pull request as ready for review October 23, 2026 21:49
@Myshor

Myshor commented Oct 24, 2026 •

Copy link
Copy Markdown
Collaborator

Identified two minor anomalies during inspection:

  • Added span.bv-user-experience-date svg to INVERT to restore proper contrast for the icon in Bazaarvoice reviews.
    Screen with fix added:
obraz
  • Added .svgIcon__brandlogo * to IGNORE INLINE STYLE to prevent the Sloggi brand logo from being inverted.
    Screen with fix added (I had this black in dark mode and white in light)
obraz

Pushing these two adjustments directly and merging. Thanks for the contribution!

@Myshor
Myshor merged commit 7d31891 into darkreader:main Oct 24, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants