# Gitea-Red

_(Update: I no longer utilize Gitea as my daily driver. However, if anyone encounters any problem with the theme, open an issue and I'll be happy to take a look. I'll also continue to accept pull requests.)_

~~Soft~~, Lite and dark red theme. Utilizes Gitea's default themes but with some colors and images from the Gitea-Red-Silver fork.

**Theme featured in [Awesome Gitea](https://gitea.com/gitea/awesome-gitea/)!** :tada:

<!-- emoji displayed only online -->

## Prerequisites

[Self-hosted instance of Gitea](https://about.gitea.com/products/gitea/)

## Directions

1.  Locate your custom directory: Site Administration > Configuration > Custom File Root Path (e.g., /var/lib/gitea/custom)
2.  Verify if a public and templates directory exist within the custom directory
3.  If the public and templates directory exist, make sure the public directory contains two directories: css and img, and make sure the templates directory contains one directory: base
4.  If the css, img and base directories do not exist, then create them
5.  To add just the themes (not the red Gitea logos or kid-friendly Comic fonts), copy [theme-auto-red.css](./public/css/theme-auto-red.css), [theme-red.css](./public/css/theme-red.css), and [theme-arc-red.css](./public/css/theme-arc-red.css) into the css directory
6.  To add the red Gitea logos, backup any existing img directory, and copy all the [logos](./public/img/) into your img directory
7.  To add the kid-friendly Comic fonts, copy [head_style.tmpl](./templates/base/head_style.tmpl) into the base directory
8.  Locate your configuration file: Site Administration > Configuration > Configuration File Path (e.g., /etc/gitea/app.ini)
9.  Add to the configuration file:
    ```ini
    [ui]
    THEMES = auto,gitea,arc-green,auto-red,red,arc-red
    DEFAULT_THEME = auto-red
    ```
10. Restart Gitea
11. Existing users: Go to user Settings > Appearance > change default theme
    > Comic fonts (if added) will display automatically.

## Photos

Red (Original) \
<img src='./screenshots/home_lite.png' alt="home lite" width="704"/> \
<img src='./screenshots/repo_lite.png' alt="repo lite" width="704"/> \
(redacted)

<table>
    <tr>
        <td>Stylized collapsible elements</td>
        <td>Comic fonts</td>
    </tr>
    <tr>
        <td style="vertical-align: top"><img src='./screenshots/details_lite.png' alt="details lite" width="200"/></td>
        <td style="vertical-align: top"><img src='./screenshots/comic_fonts_lite.png' alt="comic fonts lite" width="250"/></td>
    </tr>
</table>

Arc-Red \
<img src='./screenshots/home_dark.png' alt="home dark" width="704"/> \
<img src='./screenshots/repo_dark.png' alt="repo dark" width="704"/> \
(redacted)

<table>
    <tr>
        <td>Stylized collapsible elements</td>
        <td>Comic fonts</td>
    </tr>
    <tr>
        <td style="vertical-align: top"><img src='./screenshots/details_dark.png' alt="details dark" width="200"/></td>
        <td style="vertical-align: top"><img src='./screenshots/comic_fonts_dark.png' alt="comic fonts dark" width="250"/></td>
    </tr>
</table>

> Disable the Dark Reader web browser extension for your website.

## Known Issue

- [x] Checkmark is not displayed, when fork a repository and select "Make Repository Private." I submitted an issue: [https://github.com/go-gitea/gitea/issues/25076](https://github.com/go-gitea/gitea/issues/25076) ~~Now, a fix is coming: [pull request #25573](https://github.com/go-gitea/gitea/pull/25573).~~ Fixed in [Gitea 1.20.0](https://github.com/go-gitea/gitea/releases/tag/v1.20.0)

Theme coded with &#9829; in Visual Studio Code