Compare commits

..

1 Commits
main ... v3.0.0

Author SHA1 Message Date
pat-s
cdc164d1a7
release v3.0 2022-08-22 12:55:26 +02:00
6 changed files with 7 additions and 234 deletions

11
Jenkinsfile vendored
View File

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

View File

@ -2,30 +2,19 @@
**Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option.
Created and tested with Gitea v1.15 - 1.17. (v1.19+dev)
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 :)
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-based-on-system-preference)
* [Changes to default Gitea theme](#changes-to-default-gitea-theme)
* [Helm chart instructions](#helm-chart-instructions)
* [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` ; (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`.
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`
## Using automatic theme switching based on system preference
@ -46,11 +35,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](https://gitea.com/gitea/helm-chart):
To use custom themes with the Gitea helm chart:
1. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work)
```hcl
```bash
resource "kubernetes_secret" "gitea-themes" {
metadata {
name = "gitea-themes"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 185 KiB

View File

@ -372,33 +372,6 @@
.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;
}
}
@media (prefers-color-scheme: dark) {
:root {
@ -425,7 +398,6 @@
--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` */
@ -1211,78 +1183,4 @@
.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,7 +22,6 @@
--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` */
@ -801,77 +800,3 @@ 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

@ -366,31 +366,3 @@ 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;
}