Darkmode Switcher

5.0
Breton Rafael [redcrested.net] 3 weeks ago

Darkmode Swich

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 versions 6.4 and 6.6 using Awesome and GoBlue themes. Older versions or different components may require adjustments.

Version

  • 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.

Comments
Breton Rafael [redcrested.net] Replied 2 weeks ago

I'd like to submit more free components, but spontaneous donations haven't brought the result I expected. Who knows, maybe I'll try again soon.

ma Melo lobo Replied 3 weeks ago

We miss your free components Mr Rafael ;)

Component

Developer: Rafael
License select license
Type: Themes
Requires Ossn Version : 6.4
Latest Version:
Last Updated
Repository Url View Repository

Versions