From d8c71e39ceeec68b78b85b2c1201ca2442883c77 Mon Sep 17 00:00:00 2001 From: skjsjhb Date: Sat, 1 Mar 2025 16:33:14 +0800 Subject: [PATCH] feat(ui): add a new theme --- public/i18n/en/pages.yml | 1 + public/i18n/zh-CN/pages.yml | 1 + themes.ts | 2 ++ themes/hoshi.ts | 44 +++++++++++++++++++++++++++++++++++++ 4 files changed, 48 insertions(+) create mode 100644 themes/hoshi.ts diff --git a/public/i18n/en/pages.yml b/public/i18n/en/pages.yml index 755e19f0..6a9e6c28 100644 --- a/public/i18n/en/pages.yml +++ b/public/i18n/en/pages.yml @@ -228,6 +228,7 @@ settings: overworld: Overworld (Colorized) twikie: Friendship Is Magic (Alicorn Souvenir) amazing-grace: Yune (Alicorn 2.x Impression) + hoshi: Hoshi (Factory) language: title: Language sub: Select the language for UI. diff --git a/public/i18n/zh-CN/pages.yml b/public/i18n/zh-CN/pages.yml index 7c33def7..a2ea3e87 100644 --- a/public/i18n/zh-CN/pages.yml +++ b/public/i18n/zh-CN/pages.yml @@ -227,6 +227,7 @@ settings: overworld: 世界(改色) twikie: 友谊与魔法之歌(Alicorn 纪念) amazing-grace: 悠音(Alicorn 2.x 印象) + hoshi: 星(原厂) language: title: 语言 sub: 设置 Alicorn 使用的语言。 diff --git a/themes.ts b/themes.ts index e5ac2f12..a5189396 100644 --- a/themes.ts +++ b/themes.ts @@ -3,6 +3,7 @@ import type { ConfigThemes } from "@heroui/react"; import amazingGrace from "./themes/amazing-grace"; +import hoshi from "./themes/hoshi"; import overworld from "./themes/overworld"; import sakuraDark from "./themes/sakura-dark"; import sakuraLight from "./themes/sakura-light"; @@ -12,6 +13,7 @@ export default { "sakura-light": sakuraLight, "sakura-dark": sakuraDark, "overworld": overworld, + "hoshi": hoshi, "twikie": twikie, "amazing-grace": amazingGrace } satisfies ConfigThemes; diff --git a/themes/hoshi.ts b/themes/hoshi.ts new file mode 100644 index 00000000..ebb078be --- /dev/null +++ b/themes/hoshi.ts @@ -0,0 +1,44 @@ +import type { ConfigTheme } from "@heroui/react"; + +const color = { + "50": "#ffffff", + "100": "#ffffff", + "200": "#ffffff", + "300": "#ffffff", + "400": "#f0f0f0", + "500": "#e0e0e0", + "600": "#d2d2d2", + "700": "#a6a6a6", + "800": "#797979", + "900": "#4d4d4d", + foreground: "#000", + DEFAULT: "#f0f0f0" +}; + +export default { + extend: "dark", + colors: { + primary: color, + secondary: color, + background: "#000000", + foreground: "#ffffff", + content1: { + DEFAULT: "#18181b", + foreground: "#fff" + }, + content2: { + DEFAULT: "#2b2b2b", + foreground: "#fff" + }, + content3: { + DEFAULT: "#464646", + foreground: "#fff" + }, + content4: { + DEFAULT: "#616161", + foreground: "#fff" + }, + focus: "#ffffff", + overlay: "#ffffff" + } +} satisfies ConfigTheme;