<commit_before># Dark Theme "Alien Night Theme" for Discourse

I wanna share a dark discourse theme I created for my [empyrion forum](https://forum.empyrion-homeworld.net).
It should be a combination of a dark space with the main color green and secondary color orange.

## Preview screenshots
![alien-night-theme--main](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--main.png)
![alien-night-theme--post](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--post.png)
![alien-night-theme--poll](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--poll.png)

## Installation
![alien-night-theme--installation](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--installation.png)

As seen in the screenshot follow the 0-5 steps. Then paste following CSS either in the Desktop view or Mobile view

## CSS
https://github.com/B-iggy/discourse-dark-theme/blob/master/alien-night-theme.css

## Additional feature: Theme Switcher
Initially I build a theme switcher at the top right where people can choose between a Light and this Dark theme.
I set a global modifier class in the html and store it in their localStorage. 
This way it is permanent and can react properly.

### HTML
https://github.com/B-iggy/discourse-dark-theme/blob/master/alien-night-theme--theme-switcher.html

### CSS
https://github.com/B-iggy/discourse-dark-theme/blob/master/alien-night-theme--theme-switcher.css

### JS
https://github.com/B-iggy/discourse-dark-theme/blob/master/alien-night-theme--theme-switcher.js<commit_msg>Update links to latest version<commit_after># Dark Theme "Alien Night Theme" for Discourse

I wanna share a dark discourse theme I created for my [empyrion forum](https://forum.empyrion-homeworld.net).
It should be a combination of a dark space with the main color green and secondary color orange.

## Preview screenshots
![alien-night-theme--main](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--main.png)
![alien-night-theme--post](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--post.png)
![alien-night-theme--poll](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--poll.png)

## Installation
![alien-night-theme--installation](https://raw.githubusercontent.com/B-iggy/discourse-dark-theme/master/alien-night-theme--installation.png)

As seen in the screenshot follow the 0-5 steps. Then paste following CSS either in the Desktop view or Mobile view.

## Theme for Desktop 
### CSS 
https://github.com/B-iggy/discourse-dark-theme/blob/master/theme-switcher--desktop.css

### HTML 
https://github.com/B-iggy/discourse-dark-theme/blob/master/theme-switcher--desktop.html


## Theme for Mobile 
### CSS 
https://github.com/B-iggy/discourse-dark-theme/blob/master/theme-switcher--mobile.css

### HTML 
https://github.com/B-iggy/discourse-dark-theme/blob/master/theme-switcher--mobile.html

## Additional feature: Theme Switcher
Initially I build a theme switcher at the top right where people can choose between a Light and this Dark theme.
I set a global modifier class in the html and store it in their localStorage. 
This way it is permanent and can react properly.

### JS
https://github.com/B-iggy/discourse-dark-theme/blob/master/alien-night-theme--theme-switcher.js
{'fraction_non_alphanumeric': 0.1311570970562518, 'fraction_numerical': 0.0011658408627222385, 'mean_word_length': 4.438985736925515, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 19, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4053823', 'n_tokens_mistral': 1099, 'n_tokens_neox': 1090, 'n_words': 261}