82 lines
2.4 KiB
Markdown
82 lines
2.4 KiB
Markdown
# Changes made to gitea source (as of `v1.15.0`) to make arc-blu theme
|
|
|
|
## Theme Files
|
|
Same as for v1.13.0, applied to 1.15.0 source file,
|
|
but with small change to customizations from 1.14.0 (see below)
|
|
```
|
|
.ui.blue.button:hover,
|
|
.ui.blue.buttons .button:hover,
|
|
.ui.primary.button:hover,
|
|
.ui.primary.buttons .button:hover {
|
|
background-color: var(--color-primary-light-1) !important;
|
|
color: var(--color-white) !important;
|
|
}
|
|
```
|
|
|
|
|
|
## Dark Theme detection
|
|
#### Same as for v1.13.0, applied to 1.15.0 source file
|
|
|
|
# Changes made to gitea source (as of `v1.14.0`) to make arc-blu theme
|
|
|
|
## Theme Files (File is overhauled so had to be rw-writen)
|
|
* Changed/updated root color pallet
|
|
* updated background for: buttons to 86acd1 and buttons:hover to 1e70bf
|
|
* Updated text collor for: .ui.bottom.attached.message .pull-right, .repository.file.list #repo-files-table tbody .svg.octicon-file-directory to 1e70bf and .ui.positive.message to 86acd1
|
|
* Added customizations (see below) to botom
|
|
|
|
addition to web_src/less/themes/theme-arc-blue.less
|
|
```
|
|
a:hover {
|
|
color: var(--color-primary-light-1) !important;
|
|
}
|
|
|
|
a.item:hover {
|
|
color: var(--color-text-dark) !important;
|
|
}
|
|
|
|
a.ui:hover {
|
|
color: var(--color-secondary-dark-11) !important;
|
|
}
|
|
|
|
.ui.blue.button:hover,
|
|
.ui.blue.buttons .button:hover,
|
|
.ui.primary.button:hover,
|
|
.ui.primary.buttons .button:hover {
|
|
background-color: var(--color-primary-light-1) !important;
|
|
}
|
|
|
|
thead {
|
|
background-color: var(--color-card);
|
|
}
|
|
```
|
|
|
|
|
|
## Dark Theme detection
|
|
#### Same as for v1.13.0, applied to 1.14.0 source file
|
|
|
|
# Changes made to gitea source (as of `v1.13.0`) to make arc-blu theme
|
|
|
|
## Theme Files
|
|
* Copy `web_src/less/themes/theme-arc-green.less` to `web_src/less/themes/theme-arc-blue.less`
|
|
* Relplace `#a0cc75` to `#1e70bf` in `web_src/less/themes/theme-arc-blue.less`
|
|
* Relplace `#87ab63` to `#86acd1` in `web_src/less/themes/theme-arc-blue.less`
|
|
* Relplace `#7c9b5e` to `#1e70bf` in `web_src/less/themes/theme-arc-blue.less`
|
|
|
|
|
|
## Dark Theme detection
|
|
Replace in `web_src/js/utils.js`
|
|
|
|
```
|
|
// returns whether a dark theme is enabled
|
|
export function isDarkTheme() {
|
|
return document.documentElement.classList.contains('theme-arc-green');
|
|
}
|
|
```
|
|
With
|
|
```
|
|
// returns whether a dark theme is enabled
|
|
export function isDarkTheme() {
|
|
return (document.documentElement.classList.contains('theme-arc-green') == true || document.documentElement.classList.contains('theme-arc-blue') == true || document.documentElement.classList.contains('theme-testblu') == true);
|
|
}
|
|
``` |