Opinionated GitHub-based light and dark themes for Gitea

  • By Patrick Schratz
  • Last update: Oct 12, 2022
  • Comments: 2

gitea-github-theme

Opinionated GitHub-based light and dark themes for Gitea

Created and tested with Gitea v1.15. The theme might work with future versions though Gitea devs might change some CSS classes in the meantime and things might potentially look odd - just try yourself :)

I might update the theme over time to fix oversights and other issues - no guarantee though.

Installation

  1. If you do not have admin access to a Gitea instance, you can use the Stylus browser extension and use the CSS provided in this repo for the Gitea URL
  2. If you are an admin and want to make this theme available to all users:
    1. Put theme-github.css into $GITEA_PUBLIC/public/css/theme-github.css where $GITEA_PUBLIC is the "CustomPath" of your instance reported by gitea help.
    2. Add github to the comma-separated list in the setting THEMES in app.ini
    3. Now users can select this theme in their settings under "account"
    4. (optional) If you want to make this theme the default of your instance, set it in DEFAULT_THEME in app.ini

Changes to default Gitea theme

  • Aligned primary green, grey, red and blue colors with GitHub
  • Aligned border-radius with GitHub
  • Related theme by removing a lot of hover colors and dominant button background-colors
  • Aligned markup background to GitHub's value

Screenshots

Github

https://github.com/pat-s/gitea-github-theme

Comments(2)

  • 1

    Dark Theme: User card colors are still in light mode

    Hi, like shown in the image below the card shown in the profile of the user is still white, thus the text results a bit hard to read

    image

    Edit: The version of gitea used is 1.15.4

  • 2

    dark theme: add some missing color definitions

    Thanks for your dark theme, which I really like!

    Unfortunately at several places, the original/official light theme is shining through – this PR hopefully fixes most of them. There are probably still several things missing (the official dark theme, arc-green, theme has plenty more color definitions – some of those I "borrowed" here) – and there are places I was not able to fix (like label coloring on the main issues page, or in other places where they appear on dark ground: despite of the text color being applied directly to labels, some !important class definitions seem to overwrite that). Still I think this improves github-dark, so I decided to give something back. Hope you enjoy it.

    PS: Tested on Gitea 1.15.3 with Waterfox.

Popular Tag

Related