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.
Created and tested with Gitea v1.15 - 1.17.
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 :)
Tested with Gitea v1.20.
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.
@ -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
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`
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`
@ -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):
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
resource "kubernetes_secret" "gitea-themes" {
@ -47,16 +48,42 @@ resource "kubernetes_secret" "gitea-themes" {
}
data = {
"theme-github.css" = "${file("files/gitea/gitea-github-theme-light.css")}"
"theme-github-dark.css" = "${file("files/gitea/gitea-github-theme-dark.css")}"
"theme-github-auto.css" = "${file("files/gitea/gitea-github-theme-auto.css")}"
"theme-github.css" = data.http.gitea-theme-light.body
"theme-github-dark.css" = data.http.gitea-theme-dark.body
"theme-github-auto.css" = data.http.gitea-theme-auto.body
}
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
extraVolumes:
@ -65,7 +92,7 @@ extraVolumes:
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
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