Fix shop theme link visibility with inline style override

Add dark mode override directly in ribbon template to ensure proper
CSS specificity. Shop theme links will now be white in dark mode
regardless of shop owner's configured link colors.
This commit is contained in:
Russell Ballestrini 2025-10-04 18:59:36 -04:00
parent 0a62e1e29c
commit a747429e92
2 changed files with 7 additions and 1 deletions

View file

@ -1304,7 +1304,8 @@ div.message-ribbon {
}
/* Override shop theme link colors to ensure visibility in dark mode */
[data-theme="dark"] a.shop-theme-link-color {
[data-theme="dark"] a.shop-theme-link-color,
[data-theme="dark"] .shop-theme-link-color {
color: #ffffff !important;
}

View file

@ -12,6 +12,11 @@ a.shop-theme-link-color {
font-weight: bold;
}
/* Override for dark mode to ensure link visibility */
[data-theme="dark"] a.shop-theme-link-color {
color: #ffffff !important;
}
</style>
{% if request.is_saas_domain %}