Reduce harshness of some colors and update readme

README.md

@@ -1,3 +1,7 @@
 # gitea-dark-blue theme
 
 The dark blue Gitea theme used in https://gitea.artixlinux.org
+
+## Processing Sass
+
+Install `dart-sass` and run `sass ./theme-arc-blue.scss ./theme-arc-blue.css`

theme-arc-blue.css

@@ -192,7 +192,7 @@
   --color-footer: var(--color-nav-bg);
   --color-timeline: #343c44;
   --color-input-text: var(--color-text-dark);
-  --color-input-background: #1a1a1a;
+  --color-input-background: #2a2a2a;
   --color-input-toggle-background: #2e353c;
   --color-input-border: var(--color-secondary);
   --color-input-border-hover: var(--color-secondary-dark-1);
@@ -219,8 +219,8 @@
   --color-reaction-bg: #e8f3ff12;
   --color-reaction-hover-bg: var(--color-primary-light-4);
   --color-reaction-active-bg: var(--color-primary-light-5);
-  --color-tooltip-text: #1a1a1a;
+  --color-tooltip-text: var(--color-text);
-  --color-tooltip-bg: #68cafd;
+  --color-tooltip-bg: #315875;
   --color-nav-bg: #333;
   --color-nav-hover-bg: var(--color-secondary-light-4);
   --color-nav-text: var(--color-text);
@@ -270,6 +270,16 @@ nav#navbar {
   --color-button: #2a2a2a;
 }
 
+.repo-button-row {
+  --color-primary: var(--color-box-header);
+  --color-primary-hover: #23455f;
+  --color-primary-contrast: var(--color-text);
+}
+
+.ui.attached.segment {
+  --color-input-background: #1a1a1a;
+}
+
 .ui.table > tbody {
   background-color: var(--color-hover);
 }

theme-arc-blue.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"}
+{"version":3,"sourceRoot":"","sources":["theme-arc-blue.scss"],"names":[],"mappings":"AAaA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAoBI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAIE","file":"theme-arc-blue.css"}

theme-arc-blue.scss

@@ -205,7 +205,7 @@ $black: #292e38;
     --color-footer: var(--color-nav-bg);
     --color-timeline: #343c44;
     --color-input-text: var(--color-text-dark);
-    --color-input-background: #1a1a1a;
+    --color-input-background: #2a2a2a;
     --color-input-toggle-background: #2e353c;
     --color-input-border: var(--color-secondary);
     --color-input-border-hover: var(--color-secondary-dark-1);
@@ -232,8 +232,8 @@ $black: #292e38;
     --color-reaction-bg: #e8f3ff12;
     --color-reaction-hover-bg: var(--color-primary-light-4);
     --color-reaction-active-bg: var(--color-primary-light-5);
-    --color-tooltip-text: #1a1a1a;
+    --color-tooltip-text: var(--color-text);
-    --color-tooltip-bg: #68cafd;
+    --color-tooltip-bg: #315875;
     --color-nav-bg: #333;
     --color-nav-hover-bg: var(--color-secondary-light-4);
     --color-nav-text: var(--color-text);
@@ -283,6 +283,16 @@ nav#navbar {
     --color-button: #2a2a2a;
 }
 
+.repo-button-row {
+    --color-primary: var(--color-box-header);
+    --color-primary-hover: #23455f;
+    --color-primary-contrast: var(--color-text);
+}
+
+.ui.attached.segment {
+    --color-input-background: #1a1a1a;
+}
+
 .ui.table > tbody {
     background-color: var(--color-hover);
 }