22 Commits

Author SHA1 Message Date
4a848a70c1 Merge remote-tracking branch 'mjo.lab/main' into 1.19.0+dev 2023-01-10 20:50:05 +01:00
3cdd23d6fa fix 2023-01-10 20:19:48 +01:00
540f30c317 update README.md 2023-01-10 20:18:32 +01:00
pat-s
f9f3462610 light: fix color of PR delete button 2023-01-10 20:18:32 +01:00
pat-s
0543439b47 light: modify branch listing in PR view 2023-01-10 20:18:32 +01:00
7ddf0d8de8 add .woodpecker.yml 2023-01-10 19:15:20 +01:00
pat-s
52e563e2c7 light: fix color of PR delete button 2022-12-14 14:17:26 +01:00
pat-s
59b09324ec light: modify branch listing in PR view 2022-12-13 09:22:34 +01:00
6f4827a7a2 fix
All checks were successful
Lila-Kuh/gitea-github-theme/pipeline/head This commit looks good
2022-12-08 22:53:35 +01:00
3802ffdc04 ci file 2022-12-08 22:52:50 +01:00
0043e83481 formating website url 2022-12-06 02:52:35 +01:00
4c36fad2c9 link fix README.md 2022-12-06 02:47:51 +01:00
58b4d76346 update README.md 2022-12-06 02:29:52 +01:00
3b9a00a852 "add color-header-bar"
add   --color-header-bar: #373e47; Update Fix Color Header-Bar
2022-12-06 01:08:35 +01:00
cf56b17498 "add color-header-bar"
add "--color-header-bar: #373e47;" for update Header-Bar Color Fix
2022-12-06 01:06:54 +01:00
pat-s
2bd47654dd update screenshot 2022-11-08 21:41:03 +01:00
pat-s
bdb38bc4b9 Dark: overhaul borders 2022-11-08 21:30:20 +01:00
pat-s
f0cafd6f01 light: align background color of branch names in PRs 2022-09-22 14:37:08 +02:00
pat-s
f6e48f9fe1 adjust box-shadow of ssh cloning button when not in focus 2022-09-20 13:17:57 +02:00
pat-s
1c8d2c1b70 light: fix font color of repo archival dialog buttons 2022-09-16 15:33:31 +02:00
pat-s
41746283cb dark: update color of timeline view icons in PR 2022-09-01 23:55:24 +02:00
pat-s
aff576e893 release v3.0 2022-08-22 12:57:34 +02:00
7 changed files with 260 additions and 9 deletions

5
.woodpecker.yml Normal file
View File

@@ -0,0 +1,5 @@
pipeline:
first-job:
image: busybox
commands:
- echo "first run"

11
Jenkinsfile vendored Normal file
View File

@@ -0,0 +1,11 @@
pipeline {
agent any
stages {
stage('Do nothing') {
steps {
sh '/bin/true'
}
}
}
}

View File

@@ -2,19 +2,30 @@
**Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option.
Created and tested with Gitea v1.15 - 1.17.
Created and tested with Gitea v1.15 - 1.17. (v1.19+dev)
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 :)
I might update the theme over time to fix oversights and other issues - no guarantee though.
---
### [Website](https://codeberg.org/pat-s/gitea-github-theme)
---
###### Index
* [Installation](#installation)
* [Using automatic theme switching](#using-automatic-theme-switching)
* [default Gitea theme](#default-gitea-theme)
* [Helm chart](#helm-chart)
* [Screenshots](#screenshots)
---
## Installation
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:
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`.
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`
2. Add `github` to the comma-separated list in the setting `THEMES` in `app.ini` ; (e.g.: `THEMES = auto,gitea,arc-green,github-auto,github,github-dark`).
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`.
## Using automatic theme switching based on system preference
@@ -35,11 +46,11 @@ If this is somehow possible and I did not managed to get it configured, please l
## Helm chart instructions
To use custom themes with the 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)
```bash
```hcl
resource "kubernetes_secret" "gitea-themes" {
metadata {
name = "gitea-themes"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 97 KiB

View File

@@ -346,7 +346,7 @@
.ui.negative.buttons .button,
.ui.negative.button {
background-color: none;
color: #db2828;
color: #fff;
}
.ui.green.button {
@@ -372,6 +372,42 @@
.ui.ui.ui.grey.label {
line-height: 10px;
}
/* yes/no dialog buttons for repo archival */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
color: #f9fafb !important;
}
// border color of SSH/https cloning buttons (non-focused)
.ui.basic.blue.button,
.ui.basic.blue.buttons .button,
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
box-shadow: inset 0 0 0 1px transparent !important;
}
// same for hover
ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
box-shadow: inset 0 0 0 0px transparent !important;
}
// background color of branch name in PRs
.issue.list .branches .branch {
background-color: #afb8c133;
border-radius: 6px;
}
// branch display in PRs
.issue.list .branches .branch {
background-color: #afb8c133;
border-radius: 6px;
}
.issue.list .branches .truncated-name {
color: #24292f;
padding: 2px;
}
}
@media (prefers-color-scheme: dark) {
:root {
@@ -398,6 +434,7 @@
--is-dark-theme: true;
--color-blue: #539bf5;
--color-input-background: #22272e;
--color-header-bar: #373e47;
/* code editor colors are set in https://github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97. */
/* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@@ -1183,4 +1220,78 @@
.ui.primary.labels .label {
background-color: #768390 !important;
}
// timeline view icon color
.repository.view.issue .comment-list .timeline-item .badge .svg {
fill: #fff !important;
}
/* borders -------------------------------------------------------------------*/
// border width of active item in repo view
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
border-width: initial;
}
// README border
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
border-width: inherit;
}
.ui.top.attached.header {
border-width: inherit;
}
.following.bar.light {
border-bottom: 0px solid var(--color-secondary);
}
.ui.action.input:not([class*="left action"]) > input {
border-width: inherit;
}
.ui.action.input > .dropdown:last-child,
.ui.action.input > .button:last-child,
.ui.action.input > .buttons:last-child > .button {
border-width: inherit;
}
.ui.action.input:not([class*="left action"])
> .ui.dropdown.selection:not(:focus):not(:hover) {
border-width: inherit;
}
.repository #clone-panel #repo-clone-https,
.repository #clone-panel #repo-clone-ssh {
border-width: inherit;
}
.ui.action.input > .dropdown:not(:first-child),
.ui.action.input > .button:not(:first-child),
.ui.action.input > .buttons:not(:first-child) > .button {
border-width: inherit;
}
.ui.segment,
.ui.segments,
.ui.attached.segment {
border-width: inherit;
}
.ui.table {
border-width: inherit;
}
footer {
border-width: inherit;
}
.page-content .ui.button {
border-width: inherit;
}
.repo-buttons .ui.labeled.button > .label {
border-width: inherit;
}
}

View File

@@ -22,6 +22,7 @@
--is-dark-theme: true;
--color-blue: #539bf5;
--color-input-background: #22272e;
--color-header-bar: #373e47;
/* code editor colors are set in https://github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97. */
/* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@@ -800,3 +801,77 @@ textarea:focus,
.ui.primary.labels .label {
background-color: #768390 !important;
}
// timeline view icon color
.repository.view.issue .comment-list .timeline-item .badge .svg {
fill: #fff !important;
}
/* borders -------------------------------------------------------------------*/
// border width of active item in repo view
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
border-width: initial;
}
// README border
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
border-width: inherit;
}
.ui.top.attached.header {
border-width: inherit;
}
.following.bar.light {
border-bottom: 0px solid var(--color-secondary);
}
.ui.action.input:not([class*="left action"]) > input {
border-width: inherit;
}
.ui.action.input > .dropdown:last-child,
.ui.action.input > .button:last-child,
.ui.action.input > .buttons:last-child > .button {
border-width: inherit;
}
.ui.action.input:not([class*="left action"])
> .ui.dropdown.selection:not(:focus):not(:hover) {
border-width: inherit;
}
.repository #clone-panel #repo-clone-https,
.repository #clone-panel #repo-clone-ssh {
border-width: inherit;
}
.ui.action.input > .dropdown:not(:first-child),
.ui.action.input > .button:not(:first-child),
.ui.action.input > .buttons:not(:first-child) > .button {
border-width: inherit;
}
.ui.segment,
.ui.segments,
.ui.attached.segment {
border-width: inherit;
}
.ui.table {
border-width: inherit;
}
footer {
border-width: inherit;
}
.page-content .ui.button {
border-width: inherit;
}
.repo-buttons .ui.labeled.button > .label {
border-width: inherit;
}

View File

@@ -335,7 +335,7 @@ a.muted {
.ui.negative.buttons .button,
.ui.negative.button {
background-color: none;
color: #db2828;
color: #fff;
}
.ui.green.button {
@@ -366,3 +366,41 @@ a.muted {
.ui.ui.ui.grey.label {
line-height: 10px;
}
/* yes/no dialog buttons for repo archival */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
color: #f9fafb !important;
}
// border color of SSH/https cloning buttons (non-focused)
.ui.basic.blue.button,
.ui.basic.blue.buttons .button,
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
box-shadow: inset 0 0 0 1px transparent !important;
}
// same for hover
ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
box-shadow: inset 0 0 0 0px transparent !important;
}
// background color of branch name in PRs
.issue.list .branches .branch {
background-color: #afb8c133;
border-radius: 6px;
}
// branch display in PRs
.issue.list .branches .branch {
background-color: #afb8c133;
border-radius: 6px;
}
.issue.list .branches .truncated-name {
color: #24292f;
padding: 2px;
}