Compare commits

...

10 Commits

Author SHA1 Message Date
63b626845d
Add additional dark mode fixes 2024-05-03 17:52:43 +01:00
Neon
3bb00e9c8a Dark mode fixes (#7)
I found that my last PR #6 did not address all issues with the dark theme on GItea 1.21, as there were still some unstyled (bright) elements and conflicts with obsolete styling rules.

Changes:
- Corrections on issue and pull request pages: status labels, buttons, timeline items and sidebar spacing
- Highlighting colors in the diff view and code view
- Message box colors
- Modal colors
- Minor corrections of various elements

Let me know if you find any other issues.

Reviewed-on: https://codeberg.org/pat-s/gitea-github-theme/pulls/7
Co-authored-by: Neon <1169307+neon-dev@users.noreply.github.com>
Co-committed-by: Neon <1169307+neon-dev@users.noreply.github.com>
2024-05-02 08:31:28 +00:00
pat-s
974d4e3304
update css installation path and dark screenshot 2024-04-29 09:41:11 +02:00
Neon
5014b7d0aa Update dark theme (#6)
Updated everything to match GitHub's current design. This also fixes various inconsistencies and visual issues with some elements.

Reviewed-on: https://codeberg.org/pat-s/gitea-github-theme/pulls/6
Reviewed-by: Patrick Schratz <pat-s@noreply.codeberg.org>
Co-authored-by: Neon <1169307+neon-dev@users.noreply.github.com>
Co-committed-by: Neon <1169307+neon-dev@users.noreply.github.com>
2024-04-28 13:04:40 +00:00
pat-s
d41573fb0f
dark: fix timeline icon colors 2023-08-15 21:59:03 +02:00
pat-s
c451fefe58
update terraform instructions 2023-07-20 09:48:37 +02:00
pat-s
6b55736d6c
dark: fix border color for expanding lists 2023-07-20 09:42:30 +02:00
pat-s
9f36d3f154
add dark changes to auto theme 2023-07-20 09:16:24 +02:00
pat-s
7c3ba98a29
dark: use text-light color for text-grey 2023-07-20 09:15:53 +02:00
pat-s
d77b911846
dark: remove border around feed items 2023-07-20 09:14:12 +02:00
4 changed files with 1152 additions and 1123 deletions

View File

@ -2,8 +2,8 @@
**Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option. **Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option.
Created and tested with Gitea v1.15 - 1.17. Tested with Gitea v1.20.
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 :) Older Gitea versions can use previous releases from this repo.
I might update the theme over time to fix oversights and other issues - no guarantee though. I might update the theme over time to fix oversights and other issues - no guarantee though.
@ -11,7 +11,7 @@ I might update the theme over time to fix oversights and other issues - no guara
1. If you do not have admin access to a Gitea instance, you can use the [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne/related) browser extension and use the CSS provided in this repo for the Gitea URL 1. If you do not have admin access to a Gitea instance, you can use the [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne/related) 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: 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`. 1. Put `theme-github.css` into `$GITEA_PUBLIC/public/assets/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` 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" 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` 4. (optional) If you want to make this theme the default of your instance, set it in `DEFAULT_THEME` in `app.ini`
@ -37,7 +37,8 @@ If this is somehow possible and I did not managed to get it configured, please l
To use custom themes with the [Gitea helm chart](https://gitea.com/gitea/helm-chart): To use custom themes with the [Gitea helm chart](https://gitea.com/gitea/helm-chart):
1. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work) 1. Configure the [http](https://registry.terraform.io/providers/hashicorp/http/latest/docs/data-sources/http) provider
2. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work)
```hcl ```hcl
resource "kubernetes_secret" "gitea-themes" { resource "kubernetes_secret" "gitea-themes" {
@ -47,16 +48,42 @@ resource "kubernetes_secret" "gitea-themes" {
} }
data = { data = {
"theme-github.css" = "${file("files/gitea/gitea-github-theme-light.css")}" "theme-github.css" = data.http.gitea-theme-light.body
"theme-github-dark.css" = "${file("files/gitea/gitea-github-theme-dark.css")}" "theme-github-dark.css" = data.http.gitea-theme-dark.body
"theme-github-auto.css" = "${file("files/gitea/gitea-github-theme-auto.css")}" "theme-github-auto.css" = data.http.gitea-theme-auto.body
} }
type = "Opaque" type = "Opaque"
} }
data "http" "gitea-theme-light" {
url = "https://codeberg.org/pat-s/gitea-github-theme/raw/branch/main/theme-github.css"
request_headers = {
Accept = "application/json"
}
}
data "http" "gitea-theme-dark" {
url = "https://codeberg.org/pat-s/gitea-github-theme/raw/branch/main/theme-github-dark.css"
request_headers = {
Accept = "application/json"
}
}
data "http" "gitea-theme-auto" {
url = "https://codeberg.org/pat-s/gitea-github-theme/raw/branch/main/theme-github-auto.css"
request_headers = {
Accept = "application/json"
}
}
``` ```
2. Mount the secret via `extraVolumes` in `values.yaml`: 3. Mount the secret via `extraVolumes` in `values.yaml`:
```yml ```yml
extraVolumes: extraVolumes:
@ -65,7 +92,7 @@ extraVolumes:
secretName: gitea-themes secretName: gitea-themes
``` ```
3. Add the theme options into the config in `values.yaml`: 4. Add the theme options into the config in `values.yaml`:
```yml ```yml
gitea: gitea:

Binary file not shown.

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 233 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff