benedict/Gitea-Modern
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dedicate the repo to only Gitea Modern

Browse Source
This commit is contained in:
Freeplay
2022-01-15 18:40:15 -05:00
parent 8e82d1eb96
commit 144392e267
18 changed files with 24 additions and 2448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
readme.md
View File

@ -1,10 +1,28 @@
## [Gitea Modern](https://codeberg.org/Freeplay/CSS-Styles/src/branch/main/Gitea#gitea-modern)
| ![Gitea Modern Repository Page](https://codeberg.org/Freeplay/css-styles/raw/branch/main/images/codeberg-modern_repoPg.png) | ![Gitea Modern Explore Page](https://codeberg.org/Freeplay/css-styles/raw/branch/main/images/codeberg-modern_explorePg.png) | ![Gitea Modern Profile Page](https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/images/codeberg-modern_profilePg.png)
# Gitea Modern
Changes the layout of Gitea to give it a more modern look. Can be used with any other themes that change only colors!
| ![Gitea Modern Repository Page](images/codeberg-modern_repoPg.png) | ![Gitea Modern Explore Page](images/codeberg-modern_explorePg.png) | ![Gitea Modern Profile Page](images/codeberg-modern_profilePg.png)
|---|---|---|
---
**Note:** The [Stylus browser extension](https://add0n.com/stylus.html) and [Stylus preprocessor](https://stylus-lang.com/) are two different things.
#### Click into folders to view styles for that site.
### Usage as a Gitea theme, [or use Stylus to apply to any instance](https://userstyles.world/style/529)
To install the theme for all Gitea users:
| [Icon from Lucide](https://lucide.dev/) | [**View UserStyles list**](https://codeberg.org/Freeplay/UserStyles) | `.user.css` files can be applied using the [Stylus](https://add0n.com/stylus.html) browser extension. |
|---|---|---|
0. Make sure you're on the latest version of Gitea!
1. Download the [`theme-gitea-modern.css` file][theme-file] and add it to your custom folder in `$GITEA_CUSTOM/public/css/` ([learn how to find that directory][doc-dir]).
- The path has changed in Gitea 1.15, there the file needs to be placed in `$GITEA_CUSTOM/public/assets/css`
2. 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][doc-config] 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`.
3. Restart Gitea
4. Enjoy :)
### Contributing
To make changes, always base them on [`theme-gitea-modern.styl`](Gitea/theme-gitea-modern.styl), which requires the [Stylus preprocessor](https://stylus-lang.com/).
When making contributions, don't use the compiled version for your changes.
[theme-file]: Gitea/theme-gitea-modern.css
[usertheme-file]: Gitea/theme-gitea-modern.user.css
[doc-config]: https://docs.gitea.io/en-us/config-cheat-sheet/#ui-ui
[doc-dir]: https://docs.gitea.io/en-us/faq/#where-does-gitea-store-what-file