Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
cdc164d1a7 |
11
Jenkinsfile
vendored
11
Jenkinsfile
vendored
@ -1,11 +0,0 @@
|
|||||||
pipeline {
|
|
||||||
agent any
|
|
||||||
|
|
||||||
stages {
|
|
||||||
stage('Do nothing') {
|
|
||||||
steps {
|
|
||||||
sh '/bin/true'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
25
README.md
25
README.md
@ -2,30 +2,19 @@
|
|||||||
|
|
||||||
**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. (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 :)
|
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-based-on-system-preference)
|
|
||||||
* [Changes to default Gitea theme](#changes-to-default-gitea-theme)
|
|
||||||
* [Helm chart instructions](#helm-chart-instructions)
|
|
||||||
* [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` ; (e.g.: `THEMES = auto,gitea,arc-green,github-auto,github,github-dark`).
|
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`
|
||||||
|
|
||||||
## Using automatic theme switching based on system preference
|
## 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
|
## 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)
|
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" {
|
resource "kubernetes_secret" "gitea-themes" {
|
||||||
metadata {
|
metadata {
|
||||||
name = "gitea-themes"
|
name = "gitea-themes"
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 185 KiB |
@ -372,33 +372,6 @@
|
|||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
@ -425,7 +398,6 @@
|
|||||||
--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` */
|
||||||
@ -1211,78 +1183,4 @@
|
|||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@ -22,7 +22,6 @@
|
|||||||
--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` */
|
||||||
@ -801,77 +800,3 @@ 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;
|
|
||||||
}
|
|
||||||
|
@ -366,31 +366,3 @@ 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;
|
|
||||||
}
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user