From 4c173b743e256132e27096d38f8c9d436c13ee45 Mon Sep 17 00:00:00 2001
From: yangyin <18723093654@163.com>
Date: 星期三, 11 十二月 2024 11:49:57 +0800
Subject: [PATCH] 新增切换主题
---
src/theme/tailwind.scss | 71 +++++++++++++++++++++++++++++++++++
1 files changed, 71 insertions(+), 0 deletions(-)
diff --git a/src/theme/tailwind.scss b/src/theme/tailwind.scss
index e0cf573..df76065 100644
--- a/src/theme/tailwind.scss
+++ b/src/theme/tailwind.scss
@@ -7,3 +7,74 @@
.container {
max-width: unset;
}
+@layer base {
+ // 榛樿涓婚鑹查粦鑹�
+ :root {
+ // 鑳屾櫙鑹�
+ --color-bg-base: #41424a;
+ --color-bg-base-exr: #2b2c30;
+ --color-bg-side: #1c1e1d;
+ --color-bg-border: #737373;
+ // 鍗＄墖棰滆壊
+ --color-bg-card: 55, 65, 81;
+ // 鎸夐挳棰滆壊
+ --color-bg-btn: 75, 85, 99;
+ // 鎸夐挳hover棰滆壊
+ --color-bg-btn-hover: #0084ff;
+ // 瀛椾綋棰滆壊
+ --color-text-base: #fff;
+ --color-text-font: #b9b9b9;
+ // 鎸夐挳瀛椾綋棰滆壊
+ --color-btn-base: #0084ff;
+ --color-bg-avatar: #1d86ff;
+ }
+ .theme-pink {
+ // 鑳屾櫙鑹�
+ --color-bg-base: #f9a8d4;
+ --color-bg-base-exr: rgb(255 78 174);
+ --color-bg-side: #ec4899;
+ --color-bg-border: #fff;
+ // 鍗＄墖棰滆壊
+ --color-bg-card: 249, 168, 212;
+ // 鎸夐挳棰滆壊
+ --color-bg-btn: 236, 72, 153;
+ // 鎸夐挳hover棰滆壊
+ --color-bg-btn-hover: #fff;
+ // 瀛椾綋棰滆壊
+ --color-text-base: #ec4899;
+ --color-text-font: #fff;
+ // 鎸夐挳瀛椾綋棰滆壊
+ --color-btn-base: #fff;
+ --color-bg-avatar: #1d86ff;
+ }
+ .theme-blue {
+ // 鑳屾櫙鑹�
+ --color-bg-base: #93c5fd;
+ --color-bg-base-exr: rgb(17 118 221);
+ --color-bg-side: #3b82f6;
+ --color-bg-border: #fff;
+ // 鍗＄墖棰滆壊
+ --color-bg-card: 147, 197, 253;
+ // 鎸夐挳棰滆壊
+ --color-bg-btn: 96, 165, 250;
+ // 鎸夐挳hover棰滆壊
+ --color-bg-btn-hover: #fff;
+ // 瀛椾綋棰滆壊
+ --color-text-base: #fff;
+ --color-text-font: #fff;
+ // 鎸夐挳瀛椾綋棰滆壊
+ --color-btn-base: #fff;
+ --color-bg-avatar: #2b2c30;
+ }
+}
+
+@layer components {
+ .s-btn {
+ // 鎸夐挳鐨勫熀纭�鏍峰紡
+ @apply bg-skin-btn hover:bg-skin-btn-hover rounded;
+ }
+ .s-card {
+ // 鍗＄墖鐨勫熀纭�鏍峰紡
+ @apply bg-skin-card rounded-2xl p-8 min-w-max min-h-max flex flex-col items-center;
+ }
+}
--
Gitblit v1.9.3