Theme updated for Version 1.17.*

Theme updated for Version 1.16.*
Fixed mistake in ChangeLog
2022-09-11 02:23:32 +02:00 · 2022-02-25 15:55:24 +01:00 · 2021-08-29 17:03:45 +00:00 · 2021-08-29 18:56:18 +02:00
9 changed files with 105 additions and 407 deletions
--- a/FileChanges_LOG.md
+++ b/FileChanges_LOG.md
@@ -1,3 +1,30 @@
+# Changes made to gitea source (as of `v1.16.2`) to make arc-blu theme
+## Dark Theme detection
+A beter way to do this was added so changes to `web_src/js/utils.js` are no longer needed
+
+## Theme Files
+The themes have been steamlined so a lot of line have become unnecessary
+But most customizations previous releases are still used
+
+# 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)
@@ -34,7 +61,7 @@ thead {


 ## Dark Theme detection
-#### Same as for v1.13.0
+#### 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

--- a/ThemeDev.md
+++ b/ThemeDev.md
@@ -1,8 +1,8 @@
 # Setting up system for developing for gitea frondend
-* Install go(1.15 =>), node.js(10.13 => or latest lts), npm, git, make
+* Install go(1.19 =>), node.js(16.16 => or latest lts), npm, gcc git, make
 * Clone gitea repo `git clone https://github.com/go-gitea/gitea`
 * Cd into repo folder `cd gitea`
-* Checkout last stable (1.14.0 at this point) `git checkout v1.14.0`
+* Checkout last stable (1.16.2 at this point) `git checkout v1.17.2`
 * Build backend run: `TAGS="sqlite sqlite_unlock_notify" make backend`


--- a/custom_public_bin/css/theme-arc-blue.css
+++ b/custom_public_bin/css/theme-arc-blue.css
--- a/custom_public_bin/js/index.js
+++ b/custom_public_bin/js/index.js
--- a/custom_public_bin/js/index.js.map
+++ b/custom_public_bin/js/index.js.map
--- a/custom_public_bin/js/theme-arc-blue.js
+++ b/custom_public_bin/js/theme-arc-blue.js
@@ -0,0 +1 @@
+(function(){"use strict";var _={}})();
--- a/readme.md
+++ b/readme.md
@@ -13,16 +13,11 @@ gitea is setup as a sevice as described in `https://docs.gitea.io/en-us/install-
 ```
 mkdir -p /var/lib/gitea/custom/public/css/ /opt/gitea_blue-theme
 ```
-* Remove old custom css/js
-```
-mv /var/lib/gitea/custom/public/js /var/lib/gitea/custom/public/js.old
-mv /var/lib/gitea/custom/public/css /var/lib/gitea/custom/public/css.old
-```

 ### Install 
 * Download the repo to the opt directory
 ```
-git clone https://git.bprieshof.nl/DarkTheme/Gitea-Arc_blue-Theme.git /opt/gitea_blue-theme/
+git clone https://git.bprieshof.nl/DarkTheme/Gitea-Arc_blue-Theme.git /opt/gitea_blue-theme
 ```
 * Link custom files to gitea installation
 ```
@@ -32,7 +27,7 @@ ln -sfn /opt/gitea_blue-theme/custom_public_bin/js /var/lib/gitea/custom/public/
 * add to gitea config file `/etc/gitea/app.ini` to enable the theme 
 ```
 [ui]
-THEMES = gitea,arc-green,arc-blue
+THEMES = auto,gitea,arc-green,arc-blue
 ```
 ### Finalize
 * Restart gitea
--- a/src/web_src/js/utils.js
+++ b/src/web_src/js/utils.js
@@ -1,43 +0,0 @@
-// transform /path/to/file.ext to file.ext
-export function basename(path = '') {
-  return path ? path.replace(/^.*\//, '') : '';
-}
-
-// transform /path/to/file.ext to .ext
-export function extname(path = '') {
-  const [_, ext] = /.+(\.[^.]+)$/.exec(path) || [];
-  return ext || '';
-}
-
-// test whether a variable is an object
-export function isObject(obj) {
-  return Object.prototype.toString.call(obj) === '[object Object]';
-}
-
-// 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);
-}
-
-// removes duplicate elements in an array
-export function uniq(arr) {
-  return Array.from(new Set(arr));
-}
-
-// strip <tags> from a string
-export function stripTags(text) {
-  return text.replace(/<[^>]*>?/gm, '');
-}
-
-// searches the inclusive range [minValue, maxValue].
-// credits: https://matthiasott.com/notes/write-your-media-queries-in-pixels-not-ems
-export function mqBinarySearch(feature, minValue, maxValue, step, unit) {
-  if (maxValue - minValue < step) {
-    return minValue;
-  }
-  const mid = Math.ceil((minValue + maxValue) / 2 / step) * step;
-  if (matchMedia(`screen and (min-${feature}:${mid}${unit})`).matches) {
-    return mqBinarySearch(feature, mid, maxValue, step, unit); // feature is >= mid
-  }
-  return mqBinarySearch(feature, minValue, mid - step, step, unit); // feature is < mid
-}
--- a/src/web_src/less/themes/theme-arc-blue.less
+++ b/src/web_src/less/themes/theme-arc-blue.less
@@ -1,6 +1,8 @@
@import "../chroma/dark.less";
+@import "../codemirror/dark.less";

 :root {
+  --is-dark-theme: true;
  --color-primary: #86acd1;
  --color-primary-dark-1: #86ACD1;
  --color-primary-dark-2: #9ABAD9;
@@ -19,7 +21,7 @@
  --color-primary-alpha-10: #87ab6319;
  --color-primary-alpha-20: #87ab6333;
  --color-primary-alpha-30: #87ab634b;
-  --color-primary-alpha-40: #87ab6366;
+  --color-primary-alpha-40: #1E70BF66;
  --color-primary-alpha-50: #87ab6380;
  --color-primary-alpha-60: #87ab6399;
  --color-primary-alpha-70: #87ab63b3;
@@ -33,12 +35,12 @@
  --color-secondary-dark-5: #8c93a4;
  --color-secondary-dark-6: #9aa0af;
  --color-secondary-dark-7: #a8adba;
-  --color-secondary-dark-7: #b6bac5;
-  --color-secondary-dark-8: #c4c7d0;
-  --color-secondary-dark-8: #d2d4db;
-  --color-secondary-dark-9: #dfe1e6;
-  --color-secondary-dark-10: #edeef1;
-  --color-secondary-dark-11: #fbfbfc;
+  --color-secondary-dark-8: #b6bac5;
+  --color-secondary-dark-9: #c4c7d0;
+  --color-secondary-dark-10: #d2d4db;
+  --color-secondary-dark-11: #dfe1e6;
+  --color-secondary-dark-12: #edeef1;
+  --color-secondary-dark-13: #fbfbfc;
  --color-secondary-light-1: #373b46;
  --color-secondary-light-2: #292c34;
  --color-secondary-light-3: #1c1e23;
@@ -75,67 +77,66 @@
  --color-diff-removed-row-border: #634343;
  --color-diff-added-row-border: #314a37;
  --color-diff-inactive: #353846;
+  --color-error-border: #a53a37;
+  --color-error-bg: #482c2c;
+  --color-error-text: #ff4433;
+  --color-success-border: #458a57;
+  --color-success-bg: #284034;
+  --color-success-text: #6cc664;
+  --color-warning-border: #bb9d00;
+  --color-warning-bg: #3a3a30;
+  --color-warning-text: #fbbd08;
+  --color-info-border: #306090;
+  --color-info-bg: #26354c;
+  --color-info-text: #38a8e8;
  /* target-based colors */
  --color-body: #383c4a;
  --color-box-header: #404652;
-  --color-box-body: #353945;
+  --color-box-body: #303440;
  --color-text-dark: #dbe0ea;
  --color-text: #bbc0ca;
  --color-text-light: #a6aab5;
  --color-text-light-2: #8a8e99;
  --color-text-light-3: #707687;
-  --color-footer: #2a2e3a;
+  --color-footer: #2e323e;
  --color-timeline: #4c525e;
-  --color-input-text: #dbdbdb;
-  --color-input-background: #404552;
-  --color-input-border: #4b505f;
-  --color-input-border-hover: #6a737d;
+  --color-input-text: #d5dbe6;
+  --color-input-background: #292d39;
+  --color-input-border: #454a57;
+  --color-input-border-hover: #505667;
  --color-navbar: #2a2e3a;
  --color-light: #00000028;
+  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: #ffffff28;
  --color-hover: #ffffff10;
  --color-active: #ffffff16;
-  --color-menu: #2a2e3a;
-  --color-card: #2a2e3a;
-  --color-markdown-table-row: #ffffff06;
-  --color-markdown-code-block: #2a2e3a;
+  --color-menu: #2e323e;
+  --color-card: #2e323e;
+  --color-markup-table-row: #ffffff06;
+  --color-markup-code-block: #292d39;
  --color-button: #353846;
  --color-code-bg: #2a2e3a;
+  --color-code-sidebar-bg: #2e323e;
  --color-shadow: #00000060;
  --color-secondary-bg: #2a2e3a;
  --color-text-focus: #fff;
  --color-expand-button: #3c404d;
  --color-placeholder-text: #6a737d;
  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  --color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
+  --color-reaction-bg: #ffffff12;
+  --color-reaction-active-bg: var(--color-primary-alpha-40);
+}
+
+::-webkit-calendar-picker-indicator {
+  filter: invert(.8);
 }

 .ui.horizontal.segments > .segment {
  background-color: #383c4a;
 }

-.repository .segment.reactions .ui.label.basic.blue {
-  background: var(--color-primary-alpha-20) !important;
-}
-
-[data-tooltip]::before,
-[data-tooltip]::after {
-  background: #1b1c1d !important; /* .ui.inverted.popup */
-  border-color: #1b1c1d !important; /* .ui.inverted.popup */
-  color: #dbdbdb !important;
-}
-
-[data-tooltip]::before {
-  box-shadow: 1px 1px 0 0 #1b1c1d !important; /* .ui.inverted.popup */
-}
-
-.ui.green.progress .bar {
-  background-color: #668844;
-}
-
-.ui.progress.success .bar {
-  background-color: #7b9e57 !important;
-}
-
 .following.bar.light {
  background: #2e323e;
  border-color: var(--color-secondary-alpha-40);
@@ -149,12 +150,6 @@
  background: #353945;
 }

-.ui.link.list .item,
-.ui.link.list a.item,
-.ui.link.list .item a:not(.ui) {
-  color: #dbdbdb;
-}
-
 .ui.red.label,
 .ui.red.labels .label {
  background-color: #7d3434 !important;
@@ -288,19 +283,6 @@ a.ui.basic.green.label:hover {
  background-color: #393d4a !important;
 }

-.repository.file.editor.edit,
-.repository.wiki.new .CodeMirror {
-  .editor-preview,
-  .editor-preview-side,
-  & + .editor-preview-side {
-    background: #353945;
-
-    .markdown:not(code).ui.segment {
-      border-width: 0;
-    }
-  }
-}
-
 .overflow.menu .items .item {
  color: #9d9d9d;
 }
@@ -313,28 +295,11 @@ a.ui.basic.green.label:hover {
  color: var(--color-secondary-dark-6) !important;
 }

-.ui.active.button:active,
-.ui.button:active,
-.ui.button:focus,
-.ui.active.button {
-  background-color: #2e3e4e;
-  color: #dbdbdb;
-}
-
-.ui.active.button:hover {
-  background-color: #475e75;
-  color: #dbdbdb;
-}
-
 .repository .navbar .active.item,
 .repository .navbar .active.item:hover {
  border-color: transparent !important;
 }

-.ui .info.segment.top {
-  background-color: var(--color-secondary) !important;
-}
-
 .repository .diff-stats li {
  border-color: var(--color-secondary);
 }
@@ -353,57 +318,6 @@ td.blob-hunk {
  color: #dbdbdb !important;
 }

-.ui.attached.info.message,
-.ui.info.message {
-  box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
-}
-
-.ui.bottom.attached.message {
-  background-color: #2c662d;
-  color: #86acd1;
-}
-
-.ui.bottom.attached.message .pull-right {
-  color: #86acd1;
-}
-
-.ui.info.message {
-  background-color: #2c3b4a;
-  color: #9ebcc5;
-}
-
-.ui .warning.header,
-.ui.warning.message {
-  background-color: #542 !important;
-  border-color: #ec8;
-}
-
-.ui.warning.message {
-  color: #ec8;
-  box-shadow: 0 0 0 1px #ec8;
-}
-
-.ui.warning.segment {
-  border-color: #ec8;
-}
-
-.ui.red.message,
-.ui.error.message {
-  background-color: #522;
-  color: #f9cbcb;
-  box-shadow: 0 0 0 1px #a04141 inset;
-}
-
-.ui .error.header,
-.ui.error.message {
-  background-color: #522 !important;
-  border-color: #a04141;
-}
-
-.ui.error.segment {
-  border-color: #a04141;
-}
-
 .ui.red.button,
 .ui.red.buttons .button {
  background-color: #7d3434;
@@ -414,18 +328,6 @@ td.blob-hunk {
  background-color: #984646;
 }

-.ui.positive.message {
-  background-color: #0d491b;
-  color: #86acd1;
-  box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent;
-}
-
-.ui.negative.message {
-  background-color: rgba(80, 23, 17, .6);
-  color: #f9cbcb;
-  box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
-}
-
 .ui.list .list > .item .header,
 .ui.list > .item .header {
  color: #dedede;
@@ -436,20 +338,10 @@ td.blob-hunk {
  color: var(--color-secondary-dark-6);
 }

-.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
-.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
-  color: #1e70bf;
-}
-
 .repository.labels .ui.basic.black.label {
  background-color: #bbbbbb !important;
 }

-.lines-commit,
-.blame .lines-num {
-  background: #2e323e !important;
-}
-
 .lines-num {
  color: var(--color-secondary-dark-6) !important;
  border-color: var(--color-secondary) !important;
@@ -475,59 +367,6 @@ td.blob-excerpt {
  color: #dbdbdb;
 }

-.repository .ui.attached.message.isSigned.isVerified {
-  background-color: #394829;
-  color: var(--color-secondary-dark-6);
-
-  &.message {
-    color: #87ab63;
-    .ui.text {
-      color: var(--color-secondary-dark-6);
-    }
-    .pull-right {
-      color: #87ab63;
-    }
-  }
-}
-
-.repository .ui.attached.message.isSigned.isVerifiedUntrusted {
-  background-color: #4a3903;
-  color: var(--color-secondary-dark-6);
-  &.message {
-    color: #c2c193;
-    .ui.text {
-      color: var(--color-secondary-dark-6);
-    }
-    a {
-      color: #c2c193;
-    }
-  }
-}
-
-.repository .ui.attached.message.isSigned.isVerifiedUnmatched {
-  background-color: #4e3321;
-  color: var(--color-secondary-dark-6);
-  &.message {
-    color: #c2a893;
-    .ui.text {
-      color: var(--color-secondary-dark-6);
-    }
-    a {
-      color: #c2a893;
-    }
-  }
-}
-
-.repository .ui.attached.message.isSigned.isWarning {
-  background-color: rgba(80, 23, 17, .6);
-  &.message {
-    color: #d07d7d;
-    .ui.text {
-      color: #d07d7d;
-    }
-  }
-}
-
 .ui.header .sub.header {
  color: var(--color-secondary-dark-6);
 }
@@ -576,7 +415,7 @@ td.blob-excerpt {
 .emoji[aria-label="paw prints"],
 .emoji[aria-label="musical note"],
 .emoji[aria-label="musical notes"] {
-  filter: invert(100%);
+  filter: invert(100%) hue-rotate(180deg);
 }

 .edit-diff > div > .ui.table {
@@ -584,116 +423,15 @@ td.blob-excerpt {
  border-right-color: var(--color-secondary) !important;
 }

-/* code mirror dark theme */
-
-.CodeMirror {
-  &.cm-s-default,
-  &.cm-s-paper {
-    .cm-property {
-      color: #a0cc75;
-    }
-
-    .cm-header {
-      color: #9daccc;
-    }
-
-    .cm-quote {
-      color: #009900;
-    }
-
-    .cm-keyword {
-      color: #cc8a61;
-    }
-
-    .cm-atom {
-      color: #ef5e77;
-    }
-
-    .cm-number {
-      color: #ff5656;
-    }
-
-    .cm-def {
-      color: #e4e4e4;
-    }
-
-    .cm-variable-2 {
-      color: #00bdbf;
-    }
-
-    .cm-variable-3 {
-      color: #008855;
-    }
-
-    .cm-comment {
-      color: #8e9ab3;
-    }
-
-    .cm-string {
-      color: #a77272;
-    }
-
-    .cm-string-2 {
-      color: #ff5500;
-    }
-
-    .cm-meta,
-    .cm-qualifier {
-      color: #ffb176;
-    }
-
-    .cm-builtin {
-      color: #b7c951;
-    }
-
-    .cm-bracket {
-      color: #999977;
-    }
-
-    .cm-tag {
-      color: #f1d273;
-    }
-
-    .cm-attribute {
-      color: #bfcc70;
-    }
-
-    .cm-hr {
-      color: #999999;
-    }
-
-    .cm-url {
-      color: #c5cfd0;
-    }
-
-    .cm-link {
-      color: #d8c792;
-    }
-
-    .cm-error {
-      /* color: #ff6e00; */
-      color: #dbdbeb;
-    }
-  }
-}
-
 footer .container .links > * {
  border-left-color: #888;
 }

-.repository.file.list #repo-files-table tbody .svg {
-  color: var(--color-secondary-dark-6);
-}
-
 .repository.release #release-list > li .detail .dot {
  background-color: #505667;
  border-color: #383c4a;
 }

-.board-column {
-  background-color: rgba(0, 0, 0, .2) !important;
-}
-
 .tribute-container {
  box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6);
 }
@@ -706,59 +444,17 @@ img[src$="/img/matrix.svg"] {
  filter: invert(80%);
 }

-#git-graph-container li .time {
-  color: #6a737d;
-}
-
-#git-graph-container.monochrome #rel-container .flow-group {
-  stroke: dimgrey;
-  fill: dimgrey;
-}
-
-#git-graph-container.monochrome #rel-container .flow-group.highlight {
-  stroke: darkgrey;
-  fill: darkgrey;
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group {
-  &.flow-color-16-5 {
-    stroke: #5543b1;
-    fill: #5543b1;
-  }
-}
-
-#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight {
-  &.flow-color-16-5 {
-    stroke: #7058e6;
-    fill: #7058e6;
-  }
-}
-
-#git-graph-container #rev-list li.highlight.hover {
-  background-color: rgba(255, 255, 255, .1);
-}
-
-#git-graph-container .ui.buttons button#flow-color-monochrome.ui.button {
-  border-left-color: rgb(76, 80, 92);
-  border-left-style: solid;
-  border-left-width: 1px;
-}
-
-.mermaid-chart {
-  filter: invert(84%) hue-rotate(180deg);
-}
-
 .is-loading::after {
  border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
 }

-.markdown-block-error {
+.markup-block-error {
  border: 1px solid rgba(121, 71, 66, .5) !important;
  border-bottom: none !important;
 }

-a:hover {
-  color: var(--color-primary-light-1) !important;
+a:hover, .issue.list > .item .title:hover {
+  color: var(--color-blue-light) !important;
 }

 a.item:hover {
@@ -774,8 +470,33 @@ a.ui:hover {
 .ui.primary.button:hover,
 .ui.primary.buttons .button:hover {
  background-color: var(--color-primary-light-1) !important;
+  color: var(--color-white) !important;
 }

 thead {
  background-color: var(--color-card);
 }
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+  color: var(--color-primary-light-1);
+}
+
+span.tag.text.blue {
+  color: var(--color-primary) !important;
+}
+
+a.index {
+    color: var(--color-text) !important;
+}
+
+.issue.list > .item .title  {
+  color: var(--color-primary);
+}
+
+.issue.list > .item .title:hover  {
+  text-decoration: underline !important;
+}
+
+a.muted:hover {
+  color: white !important;
+}
Author	SHA1	Message	Date
Bram Prieshof	50a21315f0	Theme updated for Version 1.17.*	2022-09-11 02:23:32 +02:00
Bram Prieshof	1e8c65ec7f	Theme updated for Version 1.16.*	2022-02-25 15:55:24 +01:00
Bram Prieshof	fa2e3f8828	Fixed mistake in ChangeLog	2021-08-29 17:03:45 +00:00
Gitea	7b106a7647	Theme updated for Version 1.15.*	2021-08-29 18:56:18 +02:00