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:
parent
0a62e1e29c
commit
a747429e92
2 changed files with 7 additions and 1 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue