Tutorial Light/Dark Theme Selection & Customization

[Nebulous]

Greetings members,

In this thread I will show you how to change and adjust your themes. Switching between themes will drastically change the forum's appearance during your visit. We have 14 themes installed on this forum, three light themes and three dark themes. All of our themes have a Light/Dark button so you can quickly switch between the light and the dark version of that theme. Four of our themes (illuminate Light, illuminate Dark, Uniform Light and Uniform Dark) have Customize menus so you can customize your theme preferences even further! Below I will walk through each theme and their features.

---

At the bottom left corner of every page on this forum you'll find the style chooser. Look for the paint brush icon (and you see the name of the theme you're currently using next to it).

Click on that to open the style chooser menu.

Here you'll see all of our themes. Feel free to try them all out and switch between them whenever you want a fresh look for the forum.

---

illuminate - Light Theme

Here is a preview of the illuminate Light Theme. illuminate themes have a unique color scheme for each category on the forum and tons of other options!

Click on the moon icon in the top right corner of any page to switch to the dark version of this theme. There is also another moon icon at the bottom of every page (next to the style chooser).

Click on the toggle switch icon in the top right corner of any page to open the Customize menu. There is also another toggle switch icon at the bottom of every page (next to the style chooser).

In this menu you'll be able to change the background of this theme. illuminate - Light has five different backgrounds to choose from. You'll find thumbnails previewing each background choice at the top of the Customize menu.

In this menu there are some additional theme customization options:

• Fluid width - Enabling this will increase the width of the site so it occupies the width of your browser. Useful for larger screens.
• Grid layout - If enabled, the forums will be displayed as a grid instead of a table.
• Sticky sidebar - If enabled, the sidebar will stick to the top of the screen for easy access.
• Flip sidebar - Flip the sidebar between the left and right sides.

---

illuminate - Dark Theme

Here is a preview of the illuminate Dark Theme. illuminate themes have a unique color scheme for each category on the forum and tons of other options!

Click on the lightbulb icon in the top right corner of any page to switch to the light version of this theme. There is also another lightbulb icon at the bottom of every page (next to the style chooser).

Click on the toggle switch icon in the top right corner of any page to open the Customize menu. There is also another toggle switch icon at the bottom of every page (next to the style chooser).

In this menu you'll be able to change the background of this theme. illuminate - Dark has six different backgrounds to choose from. You'll find thumbnails previewing each background choice at the top of the Customize menu.

In this menu there are some additional theme customization options:

• Fluid width - Enabling this will increase the width of the site so it occupies the width of your browser. Useful for larger screens.
• Grid layout - If enabled, the forums will be displayed as a grid instead of a table.
• Sticky sidebar - If enabled, the sidebar will stick to the top of the screen for easy access.
• Flip sidebar - Flip the sidebar between the left and right sides.

---

XenForo - Light Theme

Here is a preview of the XenForo Light Theme. XenForo themes are for the classic minimalist.

Click on the moon icon in the top right corner of any page to switch to the dark version of this theme.

---

XenForo - Dark Theme

Here is a preview of the XenForo Dark Theme. XenForo themes are for the classic minimalist.

Click on the lightbulb icon in the top right corner of any page to switch to the light version of this theme.

---

XenForo - Dark (Blue)

Here is a preview of the XenForo Dark Blue Theme. XenForo themes are for the classic minimalist.

Click on the lightbulb icon in the top right corner of any page to switch to the light version of this theme.

---

Baisik - Light Theme

Here is a preview of the Baisik Light Theme.

---

Thankful - Light Theme

Here is a preview of the Thankful - Light Theme. We're thankful for our amazing members! Features a countdown to Thanksgiving day (USA). Switch to this theme if you dig autumn vibes and would like to get into the Thanksgiving spirit.

---

Thankful - Dark Theme

Here is a preview of the Thankful - Dark Theme. We're thankful for our amazing members! Features a countdown to Thanksgiving day (USA). Switch to this theme if you dig autumn vibes and would like to get into the Thanksgiving spirit.

---

Gift - Light Theme

Here is a preview of the Gift - Light Theme. The best gift of all is the wonderful members here! Choose this theme if you love winter vibes and would like to get into the Christmas spirit.

---

Gift - Dark Theme

Here is a preview of the Gift - Dark Theme. The best gift of all is the wonderful members here! Choose this theme if you love winter vibes and would like to get into the Christmas spirit.

---

Wober Legacy - Light Theme

Here is a preview of the Wober Legacy (Light Theme). For nostalgic members wanting to experience that classic look & feel we had before the Off Topix rebrand.

---

Wober Legacy - Dark Theme

Here is a preview of the Wober Legacy (Dark Theme). For nostalgic members wanting to experience that classic look & feel we had before the Off Topix rebrand.

---

Uniform - Light Theme

Here is a preview of the Uniform Light Theme. Uniform themes have tons of background choices and lots of other features!

Click on the moon icon in the top right corner of any page to switch to the dark version of this theme. There is also another moon icon at the bottom of every page (next to the style chooser).

Click on the toggle switch icon in the top right corner of any page to open the Customize menu. There is also another toggle switch icon at the bottom of every page (next to the style chooser).

In this menu you'll be able to change the background of this theme. Uniform - Light has ten different backgrounds to choose from. You'll find thumbnails previewing each background choice at the top of the Customize menu.

In this menu there are some additional theme customization options:

• Fluid width - Enabling this will increase the width of the site so it occupies the width of your browser. Useful for larger screens.
• Grid layout - If enabled, the forums will be displayed as a grid instead of a table.
• Sticky sidebar - If enabled, the sidebar will stick to the top of the screen for easy access.
• Flip sidebar - Flip the sidebar between the left and right sides.

---

Uniform - Dark Theme

Here is a preview of the Uniform Dark Theme. Uniform themes have tons of background choices and lots of other features!

Click on the lightbulb icon in the top right corner of any page to switch to the light version of this theme. There is also another lightbulb icon at the bottom of every page (next to the style chooser).

Click on the toggle switch icon in the top right corner of any page to open the Customize menu. There is also another toggle switch icon at the bottom of every page (next to the style chooser).

In this menu you'll be able to change the background of this theme. Uniform - Dark has ten different backgrounds to choose from. You'll find thumbnails previewing each background choice at the top of the Customize menu.

In this menu there are some additional theme customization options:

• Fluid width - Enabling this will increase the width of the site so it occupies the width of your browser. Useful for larger screens.
• Grid layout - If enabled, the forums will be displayed as a grid instead of a table.
• Sticky sidebar - If enabled, the sidebar will stick to the top of the screen for easy access.
• Flip sidebar - Flip the sidebar between the left and right sides.

---

Note: You can also adjust your theme selection on your Preferences page.

---

We hope you enjoy all the themes we have to offer!

 

[Monica]

Nice selection! I like the Uniform Dark one the best. I am currently trying to decide on the best background for it.

 

[Nebulous]

Thank you! I spent countless hours tweaking and customizing them. My favorite is the illuminate dark theme (which is the default them).

 

[Sariki]

This is why I love about xenforo the theme selection is amazing and really gets the feel out. Plus it’s just easy to use

 

[Nebulous]

This is why I love about xenforo the theme selection is amazing and really gets the feel out. Plus it’s just easy to use

For the version we’re using I wasn’t a fan of many themes out there. Shout out to XenFocus, they have the best ones on the market right now (in my opinion). 4 of our themes were designed by them.

Which theme are you using?

 

[Sariki]

Yeah it can be hit and miss for sure. Thankfully the market place is huge so there is plenty of options.

 

[countryboy]

I am using the Default mod I kinda like it

 

[ZandraJoi]

I'm using the Illuminate Light Theme

 

[Nebulous]

XenForo - Dark (Blue)

Here is a preview of XenForo Dark Blue Theme. XenForo themes are for the classic minimalist.

Click on the lightbulb icon in the top right corner of any page to switch to the light version of this theme.

Installed a new theme! XenForo Dark (Blue)
It's just like the XenForo Dark Theme, except with shades of blue instead of shades of black/grey.

 

[Smiley]

 

[Nebulous]

Don't use that theme then

 

[Smiley]

Good advice. Why didn't I think of that?

 

[Nebulous]

Baisik - Light Theme

Here is a preview of the Baisik Light Theme.

I just installed a new light theme called Baisik.

 

[Jane]

Changed mine to the dark blue one, Nice theme

 

[Draconis]

Cool, looks great, thanks!

 

[Nebulous]

illuminate - Light Theme

Here is a preview of the illuminate Light Theme. illuminate themes have a unique color scheme for each category on the forum and tons of other options!

Click on the moon icon in the top right corner of any page to switch to the dark version of this theme. There is also another moon icon at the bottom of every page (next to the style chooser).

Click on the toggle switch icon in the top right corner of any page to open the Customize menu. There is also another toggle switch icon at the bottom of every page (next to the style chooser).

In this menu you'll be able to change the background of this theme. illuminate - Light has five different backgrounds to choose from. You'll find thumbnails previewing each background choice at the top of the Customize menu.

In this menu there are some additional theme customization options:

• Fluid width - Enabling this will increase the width of the site so it occupies the width of your browser. Useful for larger screens.
• Grid layout - If enabled, the forums will be displayed as a grid instead of a table.
• Sticky sidebar - If enabled, the sidebar will stick to the top of the screen for easy access.
• Flip sidebar - Flip the sidebar between the left and right sides.

---

illuminate - Dark Theme

Here is a preview of the illuminate Dark Theme. illuminate themes have a unique color scheme for each category on the forum and tons of other options!

Click on the lightbulb icon in the top right corner of any page to switch to the light version of this theme. There is also another lightbulb icon at the bottom of every page (next to the style chooser).

Click on the toggle switch icon in the top right corner of any page to open the Customize menu. There is also another toggle switch icon at the bottom of every page (next to the style chooser).

In this menu you'll be able to change the background of this theme. illuminate - Dark has six different backgrounds to choose from. You'll find thumbnails previewing each background choice at the top of the Customize menu.

In this menu there are some additional theme customization options:

• Fluid width - Enabling this will increase the width of the site so it occupies the width of your browser. Useful for larger screens.
• Grid layout - If enabled, the forums will be displayed as a grid instead of a table.
• Sticky sidebar - If enabled, the sidebar will stick to the top of the screen for easy access.
• Flip sidebar - Flip the sidebar between the left and right sides.

Just wanted to mention that we now have a variation of the Light and Dark illuminate themes with LARGE avatars showing on the thread-view pages.

Here's some screenshots to compare.

Regular sized avatars on thread view page:

Spoiler

vs.

Large sized avatars on thread view pages:

Spoiler

Simply choose "illuminate - Light (Large Avatars) or illuminate - Dark (Large Avatars)" from the Style Chooser / Theme Selector at the bottom of any page if you want to see those larger sized avatars.

Enjoy!

 

[passenger]

Very cool!! ...and I did not know about the MOON and the TOGGLE SWITCH.

 

[Nebulous]

Very cool!! ...and I did not know about the MOON and the TOGGLE SWITCH.

Thanks!

Yes, the moon icon switches you to the dark version of that theme. The light bulb icon switches you to the light version of that theme.

 

[Gargamel]

So you're telling me I could have changed to a lighter theme all along? I've always been using the dark theme thinking that was all there was. Doh!

 

[Nebulous]

So you're telling me I could have changed to a lighter theme all along?

Yes, that's what we are telling you.

 

[Gargamel]

Yes, that's what we are telling you.

I used to always look for the themes! I can't believe I don't do that anymore

 

[Nebulous]

Back by popular demand!

We have resurrected an old theme from several years ago!

---

Wober Legacy - Light Theme

Here is a preview of the Wober Legacy (Light Theme). For nostalgic members wanting to experience that classic look & feel we had before the Off Topix rebrand.

Also, we didn't have a dark version of this theme back in the day but we do now:

Spoiler

---

Wober Legacy - Dark Theme

---

Simply choose "Wober Legacy - Light Theme" or "Wober Legacy - Dark Theme" from the Style Chooser / Theme Selector at the bottom of any page if you want to travel back in time.

Enjoy!

 

[Gargamel]

YAY Wober <3

 

[Cedric]

Nice work and thanks to @Phillip for making this happen!

 

[Phillip]

Nice work and thanks to @Phillip for making this happen!

Not a problem.

 

[Ste_Macca]

Started using the Wober theme, absolutely rocks. Love it

 

[Nebulous]

YAY Wober <3

Nice work and thanks to @Phillip for making this happen!

Not a problem.

@Phillip rocks!

Started using the Wober theme, absolutely rocks. Love it

Glad you like it

 

[Phillip]

@Phillip rocks!

Any other styles you want on here?

 

[Nebulous]

Any other styles you want on here?

Lets leave that up to member suggestions, if they have any.

 

[Phillip]

Lets leave that up to member suggestions, if they have any.

Fair enough, boss.

 

[Nebulous]

NEW THEMES ALERT!! NEW THEMES ALERT!!

We've installed 4 new themes here to celebrate the holidays! Check them out!

---

Thankful - Light Theme

Here is a preview of the Thankful - Light Theme. We're thankful for our amazing members! Features a countdown to Thanksgiving day (USA). Switch to this theme if you dig autumn vibes and would like to get into the Thanksgiving spirit.

---

Thankful - Dark Theme

Here is a preview of the Thankful - Dark Theme. We're thankful for our amazing members! Features a countdown to Thanksgiving day (USA). Switch to this theme if you dig autumn vibes and would like to get into the Thanksgiving spirit.

---

Gift - Light Theme

Here is a preview of the Gift - Light Theme. The best gift of all is the wonderful members here! Choose this theme if you love winter vibes and would like to get into the Christmas spirit.

---

Gift - Dark Theme

Here is a preview of the Gift - Dark Theme. The best gift of all is the wonderful members here! Choose this theme if you love winter vibes and would like to get into the Christmas spirit.

---

Enjoy!