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. **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 :) 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. 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 ## 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: 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/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` ; (e.g.: `THEMES = auto,gitea,arc-green,github-auto,github,github-dark`).
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`.
## Using automatic theme switching based on system preference ## 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 ## 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) 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" { resource "kubernetes_secret" "gitea-themes" {
metadata { metadata {
name = "gitea-themes" 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.buttons .button,
.ui.negative.button { .ui.negative.button {
background-color: none; background-color: none;
color: #db2828; color: #fff;
} }
.ui.green.button { .ui.green.button {
@@ -372,6 +372,42 @@
.ui.ui.ui.grey.label { .ui.ui.ui.grey.label {
line-height: 10px; 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) { @media (prefers-color-scheme: dark) {
:root { :root {
@@ -398,6 +434,7 @@
--is-dark-theme: true; --is-dark-theme: true;
--color-blue: #539bf5; --color-blue: #539bf5;
--color-input-background: #22272e; --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. */ /* 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` */ /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@@ -1183,4 +1220,78 @@
.ui.primary.labels .label { .ui.primary.labels .label {
background-color: #768390 !important; 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; --is-dark-theme: true;
--color-blue: #539bf5; --color-blue: #539bf5;
--color-input-background: #22272e; --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. */ /* 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` */ /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@@ -800,3 +801,77 @@ textarea:focus,
.ui.primary.labels .label { .ui.primary.labels .label {
background-color: #768390 !important; 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.buttons .button,
.ui.negative.button { .ui.negative.button {
background-color: none; background-color: none;
color: #db2828; color: #fff;
} }
.ui.green.button { .ui.green.button {
@@ -366,3 +366,41 @@ a.muted {
.ui.ui.ui.grey.label { .ui.ui.ui.grey.label {
line-height: 10px; 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;
}