ThemeStyle is a script that appends one of several attributes of an element to its style attribute, depending on the theme a user is viewing the page with.
Installation
Usage
To use theme-specific styling, create one of the following attributes on an element, depending on which theme you want the style to apply to:
- For Oasis:
data-oasis-style - For FandomDesktop light theme:
data-light-style - For FandomDesktop dark theme:
data-dark-style
The value of these attributes is regular inline CSS, same as the style attribute.
For example, <span data-oasis-style="color: white;">Test</span> will have the styling "color: white;" only when the user is using the Oasis skin.
You can also use the style attribute in combination with the attributes above to have CSS apply regardless of theme.
For example, <span data-dark-style="color: white;" style="color: black; font-size: 20px;">Test</span> will have the styling "color: white; font-size: 20px;" when using FandomDesktop dark and "color: black; font-size: 20px;" when using any other theme/skin.
See also
Text above can be found here (edit)