Skip to content

ahmaxed/alien-night-discourse-dark-theme

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alien Night | A Dark Theme for Discourse 2.0

After 2 years (scary), I finally got time to update this theme! Over the time I developed a new theme based on that, which I migrated now to Alien Night. I hope you like it!

I wanna share a dark discourse theme I created for my HWS server empyrion forum. It should be a combination of a dark space with the main color teal, secondary color orange and tertiary color green.

Preview screenshots

Main Dark page

alien-night-theme--main

Main Light page

alien-night-theme--post

Dark Admin Dashboard

alien-night-theme--post

Dark Topic page

alien-night-theme--main-mobile

Dark Composer

alien-night-theme--poll

Dark Notification Panel

alien-night-theme--poll

Main Dark Mobile page

alien-night-theme--poll

Topic Dark Mobile page

alien-night-theme--poll

Installation

https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682

Basically pretty easy and straight forward:

  1. Go to Admin
  2. Customize
  3. Themes
  4. Import
  5. From the web > github repro URL: https://github.com/B-iggy/alien-night-discourse-dark-theme
  6. Adjust as you wish. A Color Scheme is inclusive

Additional feature: Theme Switcher

Included is a theme switcher at the top Discourse Header where people can choose between a Light (default) Theme and this Dark theme. I set a global modifier class in the html and store it in the local Storage. This way it is permanent and can react properly.

Work in Progress

Since Discourse has dynamic and a lot of classes there might be still some contrast issues here and there. Please create an Issue for that or write in the Forum topic about it and I'll try to fix it as soon as possible! :) https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175

About

A night friendly dark Discourse theme - dark/light switcher inclusive

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 94.1%
  • HTML 5.9%