Gitea-Arc_blue-Theme/FileChanges_LOG.md

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);
}