XF 2.2 Is there a dark mode button feature for Xenforo?

[DigNap15]

Is there a dark mode button feature for Xenforo?

I have seen other forums with a button in the top right hand corner to enable dark mode for nightime viewing.

Does Xenforo have this as part of the basic style/theme?

 

[duderuud]

Not yet. The next version does and there are styles available that do support dark mode.

 

[TPerry]

I have seen other forums with a button in the top right hand corner to enable dark mode for nightime viewing.

Generally those are specific to a style... bothof mine with PixelExit that I use have the ability to switch between two defined styles (usually a light & dark version of the same style). It is not built into XF, as is evident by the "night vision" style I created based off the default style.

 

[Suzanne O]

XF 2.3 - A first look at XenForo 2.3

Well, here we are with our first Have you seen thread for XenForo 2.3. It's been a long time coming, and for various reasons that we will go into later, it has changed quite a bit from what we had originally intended it to be, but it's finally ready to start showing you what's new. tl;dr...

xenforo.com

 

[bennylava]

XF 2.3 - A first look at XenForo 2.3

Well, here we are with our first Have you seen thread for XenForo 2.3. It's been a long time coming, and for various reasons that we will go into later, it has changed quite a bit from what we had originally intended it to be, but it's finally ready to start showing you what's new. tl;dr...

xenforo.com

Instead of creating a new thread I'll just ask here. This video was 6 months ago, where dark mode was talked about:

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

Until 2.3 is released, can we just use an addon so that users can see a dark mode button somewhere? Or perhaps it's included in some themes? I'm something of a newb. Thank you

 

[Vercingetorix]

Instead of creating a new thread I'll just ask here. This video was 6 months ago, where dark mode was talked about:

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

Until 2.3 is released, can we just use an addon so that users can see a dark mode button somewhere? Or perhaps it's included in some themes? I'm something of a newb. Thank you

Have you got a Dark theme set-up and ready to go?

(*Sorry, I cannot see whatever is under the 'Accept Third Parties Cookies' notice)

 

[bennylava]

Have you got a Dark theme set-up and ready to go?

(*Sorry, I cannot see whatever is under the 'Accept Third Parties Cookies' notice)

Not yet, I'm trying to come up with some kind of toggle switch for users. Some people like the lighter themes, and I don't want to force a dark theme on those people. I'd like to start with a light theme, then when the people who like dark mode go hunting for it, they can easily find it.

 

[Vercingetorix]

Not yet, I'm trying to come up with some kind of toggle switch for users. Some people like the lighter themes, and I don't want to force a dark theme on those people. I'd like to start with a light theme, then when the people who like dark mode go hunting for it, they can easily find it.

No worries mate.

Would you like to have a go at creating a simple widget button?

 

[Suzanne O]

Instead of creating a new thread I'll just ask here. This video was 6 months ago, where dark mode was talked about:

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

Until 2.3 is released, can we just use an addon so that users can see a dark mode button somewhere? Or perhaps it's included in some themes? I'm something of a newb. Thank you

You could try a third party provider that does this. @Pixel Exit does this. Bloke you might want to speak to is @Russ.

 

[Vercingetorix]

Not yet, I'm trying to come up with some kind of toggle switch for users. Some people like the lighter themes, and I don't want to force a dark theme on those people. I'd like to start with a light theme, then when the people who like dark mode go hunting for it, they can easily find it.

I actually assumed XF already had a Dark/Light mode toggle thing in the footer(?)

But if you are feeling a little adventurous.

Disclaimer: I am a newb too. I'm not sure if this will do exactly what you want, I'm hoping it will.
The button works but I am unsure if the Dark Mode link would work with this button.

•#1) Create an HTML Widget

Spoiler: (a)

Go into:

>ACP

then:

>left menu

then:

>Appearance

then:

>Widgets

then:

>Add Widget

then:

>HTML

Spoiler: (b)

Add :

Widget Key

for example:

bennys_dark_mode_button

then shoot down to the bottom, add:

<a href="https://xenforo.com/community/misc/style-variation" class="cxf button button-cta button"><span class="button-text"><i class="fa fa-moon-o"></i> Dark</span></a>

then scroll up, add it to whichever ever widget position you like, for example:

Public Sidebar Bottom

Almost done....

Spoiler: (c)

Once you've set up your Dark Mode replace the URL with your Dark Mode link:

<a href="http:/xenforo.com/community/misc/style-variatio" class="cxf button button-cta button"><span class="button-text"><i class="fa fa-moon-o"></i> Dark</span></a>

-optional: replace 'moon-o' fa icon code with any fa icon you prefer.

-optional: replace the word 'Dark' with any word or phrase you prefer.

Hit 'Save' and then go test it out.

 

[Vercingetorix]

Not yet, I'm trying to come up with some kind of toggle switch for users. Some people like the lighter themes, and I don't want to force a dark theme on those people. I'd like to start with a light theme, then when the people who like dark mode go hunting for it, they can easily find it.

Hey Bennylava, I'm thinking that if you first create your :

Dark Style,

And making sure to enable user selection for it.

Chances are the standard XF Dark/Light toggle might appear in your footer....(possibly(¿?))

 

[Mr Lucky]

Until 2.3 is released, can we just use an addon so that users can see a dark mode button somewhere?

There is an addon:

[cXF] Light and dark mode switch

Feb 17, 2020

Add an icon to easily switch between light and dark mode style with some extra features.

• BassMan
• bassman customizexf.com cxf dark light mode style switcher
• Add-ons [2.x]

 

[bennylava]

A bit of confusion here... Is version 2.3 already released?

 

[Paul B]

Only in beta form.

Announcements

Get the latest news and announcements about XenForo, including new releases and development updates.

xenforo.com