Created 2020-04-12 Sun 15:49

#+OPTIONS: title:nil date:nil ' #+AUTHOR: Brett Mandler #+startup: nofold #+macro: badge #+HTML: #+macro: install {{{badge(Install Directly with Stylus,https://raw.githubusercontent.com/brettm12345/github-moonlight/master/github.user.css,badge/Install%20directly%20with-Stylus-116b59.svg?longCache=true)}}} #+export_file_name: ../readme #+html:

** Installation

You have to install [[https://add0n.com/stylus.html][Stylus]] and then click on the install link below. #+html:

** Features **** Customization

All color and font variables are easily customizable check out [[file:build.ts][build.ts]] and [[file:github.user.css][github.user.css]] for reference.

**** Completeness

This theme changes 100% of the github ui. If you want to teak the colors to match the rest of your system go ahead! Forks and pull requests are welcome!

**** Speed

Github-Moonlight uses [[https://stylus-lang.com/docs/bifs.html#cachekeys][cached mixins]] from the stylus css preprocessor on top of compression to consolidate and minify selectors.

**** Transitions

This theme adds easings from [[https://easings.net][easings.net]] so that color changes appear smoother.

**** Clean Code

The theme being written in [[https://stylus-lang.com/][stylus-lang]] utilizing several [[https://github.com/Brettm12345/github-moonlight/blob/master/src/mixins.styl][mixins]] in order to minimize boilerplate.

**** Organization

Unlike virtually every other usercss. This project is organized into relevant files making it easy to manage and extend the code.

** Recommendations *** Fonts

These are the fonts used in the screenshots

• UI Font: [[https://rsms.me/inter/][Inter]]
• Code Font: [[https://www.jetbrains.com/lp/mono/][JetBrains Mono]]

*** Extensions

| Extension | Description | |-----------------------------------------------------------------------------+-----------------------------------------------| | [[https://github.com/EnixCoda/Gitako][Gitako]] | GitHub File tree | | [[https://github.com/sindresorhus/hide-files-on-github][Hide Files]] | Hides nonsensical files | | [[https://github.com/sindresorhus/refined-github][Refined Github]] | Adds a number of small enhancements to github | | [[https://github.com/musically-ut/lovely-forks][Lovely Forks]] | Displays notable forks on repo page | | [[https://github.com/dderevjanik/github-vscode-icons][github-vscode-icons]] | Adds vscode like icons to github | | [[https://github.com/OctoLinker/OctoLinker][OctoLinker]] | Links dependencies on github |

** Additional Screenshots #+macro: screenshot #+HTML:

$1

#+html:

Repo

Profile

Code

Commit Tree

Search

Dashboard (with Refined GitHub)

Dashboard

Pull Requests

Pull Request Review

File Finder

Contribution Tree

Markdown

Issues

Diff

Gist User

Gist File

Gist File Edit

Explore

Api Docs

Actions

File Editor

Projects

Community

GraphQL Explorer

If you find any places where this theme is incomplete please do not hesitate to create an issue. Most likely I have never visited the area of the site that is incomplete

** Discord Server

Feel free to join our [[https://discord.gg/n5meNsX][discord server]] for support/inquiries or just to chat.

** Contributions

Contributions are welcome! Please refer to the [[https://github.com/Brettm12345/github-moonlight/blob/master/.github/CONTRIBUTING.org][contribution guide]].