ThemeStyle, bir kullanıcının sayfayı görüntülemekte olduğu temaya bağlı olarak, bir ögenin birkaç niteliğinden birini stil özelliğine ekleyen bir betiktir.
Installation
Usage
Temaya özgü stili kullanmak için, stilin hangi temaya uygulanmasını istediğinize bağlı olarak bir öğede aşağıdaki mzniteliklerden birini oluşturun:
- Oasis için:
data-oasis-style - FandomDesktop açık tema için:
data-light-style - FandomDesktop koyu tema için:
data-dark-style
Bu özniteliklerin değeri, style özniteliğiyle aynı normal satır içi CSS'dir.
Örneğin, <span data-oasis-style="color: white;">Test</span>, "color: white;" yalnızca kullanıcı Oasis görünümünü kullanırken stiline sahip olacaktır.
CSS'nin temadan bağımsız olarak uygulanmasını sağlamak için style özniteliğini yukarıdaki özniteliklerle birlikte de kullanabilirsiniz.
Örneğin, <span data-dark-style="color: white;" style="color: black; font-size: 20px;">Test</span>, FandomDesktop koyu kullanırken "color: white; font-size: 20px;" stiline ve başka herhangi bir tema/görünüm kullanırken "color: black; font-size: 20px;" stiline sahip olacaktır.