# 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

# 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.15.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);
}
```