From 0e88d3756e5d6e2b6b5a364bf3a2b1b4b0f37354 Mon Sep 17 00:00:00 2001
From: Ed Silkworth <ed.silkworth@icloud.com>
Date: Fri, 14 Jul 2023 23:56:54 +0800
Subject: [PATCH] rebased theme

---
 CHANGELOG                     |   3 +-
 public/css/theme-arc-red.css  | 134 ++++++++++++----------------------
 public/css/theme-auto-red.css | 134 ++++++++++++----------------------
 3 files changed, 92 insertions(+), 179 deletions(-)

diff --git a/CHANGELOG b/CHANGELOG
index 0a9cd53..64b2339 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -35,4 +35,5 @@ May 3, 2023 · `THEME_COLOR_META_TAG = none` no longer required, as of Gitea 1.1
 Jun 4, 2023 · remove highlight behind some codes that obscured them
 Jun 5, 2023 · hide center border more between table header columns, and remove tiny empty spaces between table header corner and table border
 Jun 7, 2023 · rebased theme
-Jun 15, 2023 · fixed theme regressions
\ No newline at end of file
+Jun 15, 2023 · fixed theme regressions
+Jul 14, 2023 · rebased theme
\ No newline at end of file
diff --git a/public/css/theme-arc-red.css b/public/css/theme-arc-red.css
index b7a6d55..eaff6d9 100644
--- a/public/css/theme-arc-red.css
+++ b/public/css/theme-arc-red.css
@@ -34,47 +34,34 @@
     --color-primary-alpha-70: #87ab63b3;
     --color-primary-alpha-80: #87ab63cc;
     --color-primary-alpha-90: #87ab63e1;
-    --color-primary-hover: var(--color-primary-light-1);
-    --color-primary-active: var(--color-primary-light-2);
-    --color-secondary: #525767;
-    --color-secondary-dark-1: #5c6374;
-    --color-secondary-dark-2: #666e81;
-    --color-secondary-dark-3: #7c8497;
-    --color-secondary-dark-4: #8990a1;
-    --color-secondary-dark-5: #959cab;
-    --color-secondary-dark-6: #a2a8b5;
-    --color-secondary-dark-7: #afb4c0;
-    --color-secondary-dark-8: #bcc0ca;
-    --color-secondary-dark-9: #c9cbd4;
-    --color-secondary-dark-10: #d6d7de;
-    --color-secondary-dark-11: #e2e3e8;
-    --color-secondary-dark-12: #eeeff2;
+    --color-secondary: #454a57;
+    --color-secondary-dark-1: #505665;
+    --color-secondary-dark-2: #5b6273;
+    --color-secondary-dark-3: #71798e;
+    --color-secondary-dark-4: #7f8699;
+    --color-secondary-dark-5: #8c93a4;
+    --color-secondary-dark-6: #9aa0af;
+    --color-secondary-dark-7: #a8adba;
+    --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: #454a57;
-    --color-secondary-light-2: #383c47;
-    --color-secondary-light-3: #2c2f37;
-    --color-secondary-light-4: #1f2226;
-    --color-secondary-alpha-10: #52576719;
-    --color-secondary-alpha-20: #52576733;
-    --color-secondary-alpha-30: #5257674b;
-    --color-secondary-alpha-40: #52576766;
-    --color-secondary-alpha-50: #52576780;
-    --color-secondary-alpha-60: #52576799;
+    --color-secondary-light-1: #373b46;
+    --color-secondary-light-2: #292c34;
+    --color-secondary-light-3: #1c1e23;
+    --color-secondary-light-4: #0e0f11;
+    --color-secondary-alpha-10: #454a5719;
+    --color-secondary-alpha-20: #454a5733;
+    --color-secondary-alpha-30: #454a574b;
+    --color-secondary-alpha-40: #454a5766;
+    --color-secondary-alpha-50: #454a5780;
+    --color-secondary-alpha-60: #454a5799;
     --color-secondary-alpha-70: #f7dede1b !important; /* was #525767b3, fewer contributions heatmap */
-    --color-secondary-alpha-80: #525767cc;
-    --color-secondary-alpha-90: #525767e1;
-    --color-secondary-hover: var(--color-secondary-light-1);
-    --color-secondary-active: var(--color-secondary-light-2);
-    /* console colors - used for actions console and console files */
-    --color-console-fg: #eeeff2;
-    --color-console-fg-subtle: #959cab;
-    --color-console-bg: #262936;
-    --color-console-border: #383c47;
-    --color-console-hover-bg: #ffffff16;
-    --color-console-active-bg: #454a57;
-    --color-console-menu-bg: #383c47;
-    --color-console-menu-border: #5c6374;
-    /* named colors */
+    --color-secondary-alpha-80: #454a57cc;
+    --color-secondary-alpha-90: #454a57e1;
+    /* colors */
     --color-red: #cc4848;
     --color-orange: #cc580c;
     --color-yellow: #cc9903;
@@ -87,45 +74,19 @@
     --color-pink: #d22e8b;
     --color-brown: #a47252;
     --color-black: #2e323e;
-    /* light variants - produced via Sass scale-color(color, $lightness: +10%) */
-    --color-red-light: #d15a5a;
-    --color-orange-light: #f6a066;
-    --color-yellow-light: #eaaf03;
-    --color-olive-light: #abc016;
-    --color-green-light: #93b373;
-    --color-teal-light: #00b6ad;
-    --color-blue-light: #4e96cc;
-    --color-violet-light: #9b79e4;
-    --color-purple-light: #ba6ad5;
-    --color-pink-light: #d74397;
-    --color-brown-light: #b08061;
-    --color-black-light: #3f4555;
-    /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
-    --color-red-dark-1: #c23636;
-    --color-orange-dark-1: #f38236;
-    --color-yellow-dark-1: #b88a03;
-    --color-olive-dark-1: #839311;
-    --color-green-dark-1: #7a9e55;
-    --color-teal-dark-1: #00837c;
-    --color-blue-dark-1: #347cb3;
-    --color-violet-dark-1: #7b4edb;
-    --color-purple-dark-1: #a742c9;
-    --color-pink-dark-1: #be297d;
-    --color-brown-dark-1: #94674a;
-    --color-black-dark-1: #292d38;
-    /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
-    --color-red-dark-2: #ad3030;
-    --color-orange-dark-2: #f16e17;
-    --color-yellow-dark-2: #a37a02;
-    --color-olive-dark-2: #74820f;
-    --color-green-dark-2: #6c8c4c;
-    --color-teal-dark-2: #00746e;
-    --color-blue-dark-2: #2e6e9f;
-    --color-violet-dark-2: #6733d6;
-    --color-purple-dark-2: #9834b9;
-    --color-pink-dark-2: #a9246f;
-    --color-brown-dark-2: #835b42;
-    --color-black-dark-2: #252832;
+    /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+    --color-red-light: #c23636;
+    --color-orange-light: #b84f0b;
+    --color-yellow-light: #b88a03;
+    --color-olive-light: #839311;
+    --color-green-light: #7a9e55;
+    --color-teal-light: #00837c;
+    --color-blue-light: #347cb3;
+    --color-violet-light: #7b4edb;
+    --color-purple-light: #a742c9;
+    --color-pink-light: #be297d;
+    --color-brown-light: #94674a;
+    --color-black-light: #292d38;
     /* other colors */
     --color-grey: #505665;
     --color-grey-light: #a1a6b7;
@@ -190,12 +151,12 @@
     --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: #ffffff19;
-    --color-active: #ffffff24;
+    --color-hover: #ffffff10;
+    --color-active: #ffffff16;
     --color-menu: #2e323e;
     --color-card: #2e323e;
     --color-markup-table-row: #ffffff06;
-    --color-markup-code-block: #ffffff16;
+    --color-markup-code-block: #ffffff0d;
     --color-button: #353846;
     --color-code-bg: #2a2e3a;
     --color-code-sidebar-bg: #2e323e;
@@ -208,18 +169,13 @@
     --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-hover-bg: var(--color-primary-light-4);
-    --color-reaction-active-bg: var(--color-primary-light-5);
-    --color-tooltip-text: #ffffff;
-    --color-tooltip-bg: #000000f0;
+    --color-reaction-active-bg: var(--color-primary-alpha-40);
     --color-header-bar: #2e323e;
-    --color-label-text: #dfe3ec;
-    --color-label-bg: #7c84974b;
-    --color-label-hover-bg: #7c8497a0;
-    --color-label-active-bg: #7c8497ff;
+    --color-label-active-bg: #4c525e;
     --color-accent: var(--color-primary-light-1);
     --color-small-accent: var(--color-primary-light-5);
     --color-active-line: #534d1b;
+
     accent-color: var(--color-accent);
     color-scheme: dark;
 
diff --git a/public/css/theme-auto-red.css b/public/css/theme-auto-red.css
index 0b2813d..3022c48 100644
--- a/public/css/theme-auto-red.css
+++ b/public/css/theme-auto-red.css
@@ -132,47 +132,34 @@
         --color-primary-alpha-70: #87ab63b3;
         --color-primary-alpha-80: #87ab63cc;
         --color-primary-alpha-90: #87ab63e1;
-        --color-primary-hover: var(--color-primary-light-1);
-        --color-primary-active: var(--color-primary-light-2);
-        --color-secondary: #525767;
-        --color-secondary-dark-1: #5c6374;
-        --color-secondary-dark-2: #666e81;
-        --color-secondary-dark-3: #7c8497;
-        --color-secondary-dark-4: #8990a1;
-        --color-secondary-dark-5: #959cab;
-        --color-secondary-dark-6: #a2a8b5;
-        --color-secondary-dark-7: #afb4c0;
-        --color-secondary-dark-8: #bcc0ca;
-        --color-secondary-dark-9: #c9cbd4;
-        --color-secondary-dark-10: #d6d7de;
-        --color-secondary-dark-11: #e2e3e8;
-        --color-secondary-dark-12: #eeeff2;
+        --color-secondary: #454a57;
+        --color-secondary-dark-1: #505665;
+        --color-secondary-dark-2: #5b6273;
+        --color-secondary-dark-3: #71798e;
+        --color-secondary-dark-4: #7f8699;
+        --color-secondary-dark-5: #8c93a4;
+        --color-secondary-dark-6: #9aa0af;
+        --color-secondary-dark-7: #a8adba;
+        --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: #454a57;
-        --color-secondary-light-2: #383c47;
-        --color-secondary-light-3: #2c2f37;
-        --color-secondary-light-4: #1f2226;
-        --color-secondary-alpha-10: #52576719;
-        --color-secondary-alpha-20: #52576733;
-        --color-secondary-alpha-30: #5257674b;
-        --color-secondary-alpha-40: #52576766;
-        --color-secondary-alpha-50: #52576780;
-        --color-secondary-alpha-60: #52576799;
+        --color-secondary-light-1: #373b46;
+        --color-secondary-light-2: #292c34;
+        --color-secondary-light-3: #1c1e23;
+        --color-secondary-light-4: #0e0f11;
+        --color-secondary-alpha-10: #454a5719;
+        --color-secondary-alpha-20: #454a5733;
+        --color-secondary-alpha-30: #454a574b;
+        --color-secondary-alpha-40: #454a5766;
+        --color-secondary-alpha-50: #454a5780;
+        --color-secondary-alpha-60: #454a5799;
         --color-secondary-alpha-70: #f7dede1b !important; /* was #525767b3, fewer contributions heatmap */
-        --color-secondary-alpha-80: #525767cc;
-        --color-secondary-alpha-90: #525767e1;
-        --color-secondary-hover: var(--color-secondary-light-1);
-        --color-secondary-active: var(--color-secondary-light-2);
-        /* console colors - used for actions console and console files */
-        --color-console-fg: #eeeff2;
-        --color-console-fg-subtle: #959cab;
-        --color-console-bg: #262936;
-        --color-console-border: #383c47;
-        --color-console-hover-bg: #ffffff16;
-        --color-console-active-bg: #454a57;
-        --color-console-menu-bg: #383c47;
-        --color-console-menu-border: #5c6374;
-        /* named colors */
+        --color-secondary-alpha-80: #454a57cc;
+        --color-secondary-alpha-90: #454a57e1;
+        /* colors */
         --color-red: #cc4848;
         --color-orange: #cc580c;
         --color-yellow: #cc9903;
@@ -185,45 +172,19 @@
         --color-pink: #d22e8b;
         --color-brown: #a47252;
         --color-black: #2e323e;
-        /* light variants - produced via Sass scale-color(color, $lightness: +10%) */
-        --color-red-light: #d15a5a;
-        --color-orange-light: #f6a066;
-        --color-yellow-light: #eaaf03;
-        --color-olive-light: #abc016;
-        --color-green-light: #93b373;
-        --color-teal-light: #00b6ad;
-        --color-blue-light: #4e96cc;
-        --color-violet-light: #9b79e4;
-        --color-purple-light: #ba6ad5;
-        --color-pink-light: #d74397;
-        --color-brown-light: #b08061;
-        --color-black-light: #3f4555;
-        /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
-        --color-red-dark-1: #c23636;
-        --color-orange-dark-1: #f38236;
-        --color-yellow-dark-1: #b88a03;
-        --color-olive-dark-1: #839311;
-        --color-green-dark-1: #7a9e55;
-        --color-teal-dark-1: #00837c;
-        --color-blue-dark-1: #347cb3;
-        --color-violet-dark-1: #7b4edb;
-        --color-purple-dark-1: #a742c9;
-        --color-pink-dark-1: #be297d;
-        --color-brown-dark-1: #94674a;
-        --color-black-dark-1: #292d38;
-        /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
-        --color-red-dark-2: #ad3030;
-        --color-orange-dark-2: #f16e17;
-        --color-yellow-dark-2: #a37a02;
-        --color-olive-dark-2: #74820f;
-        --color-green-dark-2: #6c8c4c;
-        --color-teal-dark-2: #00746e;
-        --color-blue-dark-2: #2e6e9f;
-        --color-violet-dark-2: #6733d6;
-        --color-purple-dark-2: #9834b9;
-        --color-pink-dark-2: #a9246f;
-        --color-brown-dark-2: #835b42;
-        --color-black-dark-2: #252832;
+        /* light variants - produced via Sass scale-color(color, $lightness: -10%) */
+        --color-red-light: #c23636;
+        --color-orange-light: #b84f0b;
+        --color-yellow-light: #b88a03;
+        --color-olive-light: #839311;
+        --color-green-light: #7a9e55;
+        --color-teal-light: #00837c;
+        --color-blue-light: #347cb3;
+        --color-violet-light: #7b4edb;
+        --color-purple-light: #a742c9;
+        --color-pink-light: #be297d;
+        --color-brown-light: #94674a;
+        --color-black-light: #292d38;
         /* other colors */
         --color-grey: #505665;
         --color-grey-light: #a1a6b7;
@@ -288,12 +249,12 @@
         --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: #ffffff19;
-        --color-active: #ffffff24;
+        --color-hover: #ffffff10;
+        --color-active: #ffffff16;
         --color-menu: #2e323e;
         --color-card: #2e323e;
         --color-markup-table-row: #ffffff06;
-        --color-markup-code-block: #ffffff16;
+        --color-markup-code-block: #ffffff0d;
         --color-button: #353846;
         --color-code-bg: #2a2e3a;
         --color-code-sidebar-bg: #2e323e;
@@ -306,18 +267,13 @@
         --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-hover-bg: var(--color-primary-light-4);
-        --color-reaction-active-bg: var(--color-primary-light-5);
-        --color-tooltip-text: #ffffff;
-        --color-tooltip-bg: #000000f0;
+        --color-reaction-active-bg: var(--color-primary-alpha-40);
         --color-header-bar: #2e323e;
-        --color-label-text: #dfe3ec;
-        --color-label-bg: #7c84974b;
-        --color-label-hover-bg: #7c8497a0;
-        --color-label-active-bg: #7c8497ff;
+        --color-label-active-bg: #4c525e;
         --color-accent: var(--color-primary-light-1);
         --color-small-accent: var(--color-primary-light-5);
         --color-active-line: #534d1b;
+
         accent-color: var(--color-accent);
         color-scheme: dark;