Gitea-Modern/Gitea
2021-11-06 16:46:22 +01:00
..
readme.md Update 'Gitea/readme.md' 2021-10-27 23:44:54 +02:00
theme-gitea-modern.css 1.0.11 2021-10-30 17:57:35 +02:00
theme-gitea-modern.styl 1.0.12 - Fixed search bar coloring on some dark modes 2021-11-06 16:46:22 +01:00
theme-gitea-modern.user.css 1.0.11 2021-10-30 17:58:25 +02:00

Gitea Modern

This style changes the layout of Gitea, and uses Gitea's color variables. It can be used with any theme that changes only colors.

Gitea Modern Repository Page Gitea Modern Explore Page Gitea Modern Profile Page

Note: The Stylus browser extension and Stylus preprocessor are two different things.

Usage as Gitea theme

To install the theme for all Gitea users:

  1. Make sure you're on the latest version of Gitea! (Working 1.15)
  2. Download the theme-gitea-modern.css file and add it to your custom folder in $GITEA_CUSTOM/public/css/ (learn how to find that directory).
  • The path has changed in Gitea 1.15, there the file needs to be placed in $GITEA_CUSTOM/public/assets/css
  1. Adapt your app.ini to make it the default theme or be user-selectable:
    • To change the default theme, change the value of DEFAULT_THEME in the ui section of app.ini to gitea-modern

    • To make a theme selectable by users in their profile settings, append ,gitea-modern to the list of THEMES in your app.ini.

  2. Restart Gitea
  3. Enjoy :)

Usage with Stylus

If you use the Stylus browser extension, you can use the theme-gitea-modern.user.css file to apply to any Gitea instance.

Contributing

To make changes, always base them on theme-gitea-modern.styl, which requires the Stylus preprocessor. When making contributions, don't use the compiled version for your changes.