aboutsummaryrefslogtreecommitdiffstats
path: root/web_src
diff options
context:
space:
mode:
authorwxiaoguang <wxiaoguang@gmail.com>2025-03-09 05:38:11 +0800
committerGitHub <noreply@github.com>2025-03-08 21:38:11 +0000
commit6f1333175461a6cf5497965c20b5d81b6e73c5d5 (patch)
tree0fbe0b14a09edbbb188773ff9767ba2648f16a27 /web_src
parent4c4c56c7cde2316709b478a187a2c97c2f417ccf (diff)
downloadgitea-6f1333175461a6cf5497965c20b5d81b6e73c5d5.tar.gz
gitea-6f1333175461a6cf5497965c20b5d81b6e73c5d5.zip
Improve theme display (#30671)
Document: https://gitea.com/gitea/docs/pulls/180 ![image](https://github.com/go-gitea/gitea/assets/2114189/68e38573-b911-45d9-b7aa-40d96d836ecb)
Diffstat (limited to 'web_src')
-rw-r--r--web_src/css/themes/theme-gitea-auto-protanopia-deuteranopia.css4
-rw-r--r--web_src/css/themes/theme-gitea-auto.css4
-rw-r--r--web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css4
-rw-r--r--web_src/css/themes/theme-gitea-dark.css4
-rw-r--r--web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css4
-rw-r--r--web_src/css/themes/theme-gitea-light.css4
6 files changed, 24 insertions, 0 deletions
diff --git a/web_src/css/themes/theme-gitea-auto-protanopia-deuteranopia.css b/web_src/css/themes/theme-gitea-auto-protanopia-deuteranopia.css
index bcbf67d13d..418d7daeab 100644
--- a/web_src/css/themes/theme-gitea-auto-protanopia-deuteranopia.css
+++ b/web_src/css/themes/theme-gitea-auto-protanopia-deuteranopia.css
@@ -1,2 +1,6 @@
@import "./theme-gitea-light-protanopia-deuteranopia.css" (prefers-color-scheme: light);
@import "./theme-gitea-dark-protanopia-deuteranopia.css" (prefers-color-scheme: dark);
+
+gitea-theme-meta-info {
+ --theme-display-name: "Auto (Red/Green Colorblind-friendly)";
+}
diff --git a/web_src/css/themes/theme-gitea-auto.css b/web_src/css/themes/theme-gitea-auto.css
index 509889e802..cca49be99e 100644
--- a/web_src/css/themes/theme-gitea-auto.css
+++ b/web_src/css/themes/theme-gitea-auto.css
@@ -1,2 +1,6 @@
@import "./theme-gitea-light.css" (prefers-color-scheme: light);
@import "./theme-gitea-dark.css" (prefers-color-scheme: dark);
+
+gitea-theme-meta-info {
+ --theme-display-name: "Auto";
+}
diff --git a/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css b/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css
index c1a6edaf35..928cb8ba19 100644
--- a/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css
+++ b/web_src/css/themes/theme-gitea-dark-protanopia-deuteranopia.css
@@ -1,5 +1,9 @@
@import "./theme-gitea-dark.css";
+gitea-theme-meta-info {
+ --theme-display-name: "Dark (Red/Green Colorblind-friendly)";
+}
+
/* red/green colorblind-friendly colors */
/* from GitHub: --diffBlob-addition-*, --diffBlob-deletion-*, etc */
:root {
diff --git a/web_src/css/themes/theme-gitea-dark.css b/web_src/css/themes/theme-gitea-dark.css
index 9bc7747697..5ddee0a746 100644
--- a/web_src/css/themes/theme-gitea-dark.css
+++ b/web_src/css/themes/theme-gitea-dark.css
@@ -1,6 +1,10 @@
@import "../chroma/dark.css";
@import "../codemirror/dark.css";
+gitea-theme-meta-info {
+ --theme-display-name: "Dark";
+}
+
:root {
--is-dark-theme: true;
--color-primary: #4183c4;
diff --git a/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css b/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css
index f42fa1db2c..32d920582c 100644
--- a/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css
+++ b/web_src/css/themes/theme-gitea-light-protanopia-deuteranopia.css
@@ -1,5 +1,9 @@
@import "./theme-gitea-light.css";
+gitea-theme-meta-info {
+ --theme-display-name: "Light (Red/Green Colorblind-friendly)";
+}
+
/* red/green colorblind-friendly colors */
/* from GitHub: --diffBlob-addition-*, --diffBlob-deletion-*, etc */
:root {
diff --git a/web_src/css/themes/theme-gitea-light.css b/web_src/css/themes/theme-gitea-light.css
index d7f9debf90..1a4183c0d2 100644
--- a/web_src/css/themes/theme-gitea-light.css
+++ b/web_src/css/themes/theme-gitea-light.css
@@ -1,6 +1,10 @@
@import "../chroma/light.css";
@import "../codemirror/light.css";
+gitea-theme-meta-info {
+ --theme-display-name: "Light";
+}
+
:root {
--is-dark-theme: false;
--color-primary: #4183c4;