Theme updated for Version 1.15.*

FileChanges_LOG.md

@@ -1,3 +1,22 @@
+# 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)
@@ -34,7 +53,7 @@ thead {
 
 
 ## Dark Theme detection
-#### Same as for v1.13.0
+#### 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
 

ThemeDev.md

@@ -2,7 +2,7 @@
 * Install go(1.15 =>), node.js(10.13 => or latest lts), npm, 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.15.0 at this point) `git checkout v1.15.0`
 * Build backend run: `TAGS="sqlite sqlite_unlock_notify" make backend`
 
 

src/web_src/js/utils.js

@@ -9,6 +9,16 @@ export function extname(path = '') {
   return ext || '';
 }
 
+// join a list of path segments with slashes, ensuring no double slashes
+export function joinPaths(...parts) {
+  let str = '';
+  for (const part of parts) {
+    if (!part) continue;
+    str = !str ? part : `${str.replace(/\/$/, '')}/${part.replace(/^\//, '')}`;
+  }
+  return str;
+}
+
 // test whether a variable is an object
 export function isObject(obj) {
   return Object.prototype.toString.call(obj) === '[object Object]';

src/web_src/less/themes/theme-arc-blue.less

@@ -33,12 +33,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;
@@ -78,45 +78,51 @@
   /* 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 */
@@ -149,12 +155,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;
@@ -295,7 +295,7 @@ a.ui.basic.green.label:hover {
   & + .editor-preview-side {
     background: #353945;
 
-    .markdown:not(code).ui.segment {
+    .markup.ui.segment {
       border-width: 0;
     }
   }
@@ -313,19 +313,6 @@ 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;
@@ -445,11 +432,6 @@ td.blob-hunk {
   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;
@@ -690,10 +672,6 @@ footer .container .links > * {
   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);
 }
@@ -752,7 +730,7 @@ img[src$="/img/matrix.svg"] {
   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;
 }
@@ -774,6 +752,7 @@ 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 {