Darkmode Swicher

Give your users the convenience of switching to dark mode with just one click! The dark mode component integrates seamlessly with Awesome and GoBlue themes, adding a stylish switch to the top-right dropdown menu.

If you need to add some selector in your CSS file, duplicate your selector and add [data-theme="dark"] before the name of selector. Here an example:

Light mode

body {
    background-color: #ffffff; 
}

Dark mode

[data-theme="dark"] body {
     background-color: #eaeaea; 
} 

Awesome theme

GoBlue theme (beta)

On Red Crested OSSN Sandbox it's possible to see the component in action. Use demouser as login and 123456789 as password.

Limitations

The component was tested in OSSN from 6.4 to 7.2 versions using Awesome and GoBlue themes. Older versions or different components may require adjustments.

Version

• 1.7
  
  
  • Added support to themes of OSSN 7.5
  • Minimum requirement for this component is 7.0
• 1.6
  
  
  • Added support to themes of OSSN 7.2
• 1.5.2
  
  
  • Fixed issues on user profile, wall and messages layout
  • Added support to OssnSmilies and OssnPostBackground in Awesome theme
• 1.4
  
  
  • Fixed issue on wall in Awesome theme
• 1.3
  
  
  • Fixed issue on privacy box in Awesome theme.
  • Fixed issues on notification in Awesome theme.
• 1.2
  
  
  • Fixed issue on text in comment box in Awesome theme.
• 1.1
  
  
  • Fixed small issues on colors of GoBlue theme
  • Improved documentation
• 1.0
  
  
  • Initial version

How to buy

I am selling this component for US$29.00 through the Buy me a coffee website. To purchase, visit https://www.buymeacoffee.com/redcrested/e/122267 or click on the button

Contributing

Send email to [email protected].

License

Go to Red Crested License to read the last version of our terms.

This component use the Dark Mode Switch under MIT license.