A modern theme with a dark mode option.
Go to file
Kris 3cd4e7ff80
DEV: prepare for search banner headline update (#83)
2025-06-30 16:42:48 -04:00
.github/workflows DEV: Update linting (#47) 2024-03-27 16:15:52 +00:00
common DEV: prepare for search banner headline update (#83) 2025-06-30 16:42:48 -04:00
desktop
javascripts/discourse/initializers DEV: Remove legacy topic-list code (#78) 2025-04-14 14:38:37 +01:00
locales UX: Update theme description to match core install modal (#60) 2024-10-22 10:04:53 +10:00
mobile DEV: prepare for search banner headline update (#83) 2025-06-30 16:42:48 -04:00
screenshots UX: Add theme screenshots (#61) 2024-10-23 15:17:34 +10:00
scss DEV: Update linting config and run gjs-codemod (#81) 2025-06-05 11:57:54 +01:00
spec/system DEV: Add system spec to check core features are working fine (#77) 2025-04-09 15:02:54 +02:00
.discourse-compatibility DEV: Update linting config and run gjs-codemod (#81) 2025-06-05 11:57:54 +01:00
.gitignore
.npmrc DEV: Switch to use pnpm (#56) 2024-10-07 16:29:10 +08:00
.prettierrc.cjs DEV: Update linting (#47) 2024-03-27 16:15:52 +00:00
.rubocop.yml DEV: Update linting setup (#59) 2024-10-17 11:06:38 +02:00
.streerc DEV: Update linting setup (#59) 2024-10-17 11:06:38 +02:00
.template-lintrc.cjs DEV: Update linting (#47) 2024-03-27 16:15:52 +00:00
Gemfile DEV: Update linting setup (#59) 2024-10-17 11:06:38 +02:00
Gemfile.lock Bump rack from 3.1.12 to 3.1.16 (#82) 2025-06-21 18:00:17 +02:00
HELP
LICENSE
README.md
about.json UX: general styling improvements, maintenance (#72) 2025-02-11 17:35:36 -05:00
eslint.config.mjs DEV: Update eslint config (#62) 2024-11-19 11:34:46 +01:00
package.json DEV: Update linting config and run gjs-codemod (#81) 2025-06-05 11:57:54 +01:00
pnpm-lock.yaml DEV: Update linting config and run gjs-codemod (#81) 2025-06-05 11:57:54 +01:00
settings.yml
stylelint.config.mjs DEV: Update linting (#76) 2025-03-17 11:46:35 +00:00

README.md

A clean & modern theme with a handful of theme-components included to enhance your forum!

Light Mode

image

Dark Mode

image

Categories Page

image

This theme includes a handful of components to enhance your forum as well.

  • Dark Light Scheme Toggle
  • Clickable Topics
  • Discourse Loading Slider
  • Discourse Search Banner
  • Modern Category + Group Boxes

Please read through these tips upon installation, as there are a couple of settings that NEED TO BE ENABLED for this to theme to render properly.


Tips

Dark Light Scheme Toggle

image

For this to work properly, at least 2 color scheme choices need to be enabled in your https://discourse.jordanvidrine.com/admin/customize/colors area. At least two colors need to have color scheme can be selected by users enabled.

image

Once this is done, users should be able to choose between two color schemes as their light and dark preferences in their user preferences interface menu.

image


Discourse Search Banner

In the options for the discourse-search-banner theme component, the plugin-outlet options needs to be set to BELOW-SITE-HEADER for this theme to render properly.

image


Modern Category + Group Boxes

This theme component requires your categories to use the CATEGORY BOXES WITH SUBCATEGORIES setting in your /admin/site_settings/category/all_results?filter=categories area.

image

This theme component also allows the forum admin to organize their category page with header titles, and choose which categories appear under each header. To keep things simple, I have only allowed up to 5 headings to be used. If no categories + heading settings are chosen, all categories will render as they do above, this is the default rendering option.


Feel free to post any issues here :grinning_face_with_smiling_eyes:

I hope you enjoy!

👓 Preview https://discourse.jordanvidrine.com/
🛠️ Repository https://github.com/discourse/discourse-air.git
Install Guide How to install a theme or theme component
📖 New to Discourse Themes? Beginners guide to using Discourse Themes