Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Brettm12345/github-moonlight

A beatiful dark blue userstyle for GItHub. Made with :heart:
https://github.com/Brettm12345/github-moonlight

dark-github stylus usercss userstyle

Last synced: 5 days ago
JSON representation

A beatiful dark blue userstyle for GItHub. Made with :heart:

Awesome Lists containing this project

README

        

# Created 2020-04-12 Sun 15:49
#+OPTIONS: title:nil date:nil '
#+AUTHOR: Brett Mandler
#+startup: nofold
#+macro: badge #+HTML: $1
#+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:

* Github Moonlight

A dark userstyle for GitHub inspired by [[https://github.com/atomiks/moonlight-vscode-theme][moonlight-vscode-theme]]
made with :heart:

#+html: Install Directly with Stylus
#+html: Discord Server
#+html: Commit Activity
#+html: Stars
#+html: Latest Release
[[file:screenshots/repo.png]]
#+html:

** Installation

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

** 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$1

#+html: RepoRepo
#+html: ProfileProfile
#+html: CodeCode
#+html: Commit TreeCommit Tree
#+html: SearchSearch
#+html: Dashboard (with Refined GitHub)Dashboard (with Refined GitHub)
#+html: DashboardDashboard
#+html: Pull RequestsPull Requests
#+html: Pull Request ReviewPull Request Review
#+html: File FinderFile Finder
#+html: Contribution TreeContribution Tree
#+html: MarkdownMarkdown
#+html: IssuesIssues
#+html: DiffDiff
#+html: Gist UserGist User
#+html: Gist FileGist File
#+html: Gist File EditGist File Edit
#+html: ExploreExplore
#+html: Api DocsApi Docs
#+html: ActionsActions
#+html: File EditorFile Editor
#+html: ProjectsProjects
#+html: CommunityCommunity
#+html: GraphQL ExplorerGraphQL Explorer
** Issues

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]].