mirror of
https://github.com/Moe-Sakura/frontend.git
synced 2026-04-25 22:29:50 +08:00
49128d77c1
* 在 `index.html` 中添加主题颜色变量，支持白天和黑夜模式。 * 更新多个组件的样式，确保在暗色主题下的视觉一致性。 * 在 `App.vue` 中引入 `TopToolbar` 组件，增强用户界面。 * 优化图片缓存逻辑，支持批量删除旧图片，提升性能。 * 移除不必要的分享按钮，简化 `FloatingButtons.vue` 组件结构。
34 lines
811 B
JavaScript
34 lines
811 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class', // 使用 class 策略
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 自定义暗色主题颜色
|
|
dark: {
|
|
bg: {
|
|
primary: '#0f172a', // 主背景
|
|
secondary: '#1e293b', // 次要背景
|
|
tertiary: '#334155', // 第三背景
|
|
},
|
|
text: {
|
|
primary: '#e2e8f0', // 主文本
|
|
secondary: '#cbd5e1', // 次要文本
|
|
tertiary: '#94a3b8', // 第三文本
|
|
},
|
|
border: {
|
|
DEFAULT: 'rgba(139, 92, 246, 0.3)',
|
|
hover: 'rgba(139, 92, 246, 0.5)',
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|