[UIXPRESS] Styles at the end of the theme.css are overwriting user settings with !important

Hi!

These 4 styles at the end of the theme.css are overwriting the user settings in dark mode with !important rule:


.dark\:important\:text-zinc-300:where(.dark,.dark *) {

--tw-text-opacity: 1;

color: rgb(212 212 216 / var(--tw-text-opacity))!important;

transition: color .3s ease-in-out

}

.dark\:important\:bg-zinc-800:where(.dark,.dark *) {

--tw-bg-opacity: 1;

background-color: rgb(39 39 42 / var(--tw-bg-opacity))!important;

transition: background .3s ease-in-out

}

.dark\:important\:bg-zinc-900:where(.dark,.dark *) {

--tw-bg-opacity: 1;

background-color: rgb(24 24 27 / var(--tw-bg-opacity))!important;

transition: background .3s ease-in-out

}

.dark\:important\:border-zinc-700:where(.dark,.dark *) {

--tw-border-opacity: 1;

border-color: rgb(63 63 70 / var(--tw-border-opacity))!important;

transition: border .3s ease-in-out

}


I think these are wrongfully placed there and screw up the preferred colors of the user. Yes, we can overwrite them manually in the custom css editor, but this shouldn´t be necessary in the first place. Or do I get something wrong? Please let me know :) Thanks!

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board

🐛 Bug Reports

Date

8 days ago

Author

Maris Stoeppler (ViewStudio)

Subscribe to post

Get notified by email when there are changes.