tiny-vue icon indicating copy to clipboard operation
tiny-vue copied to clipboard

暗黑主题支持

Open xnwln opened this issue 1 year ago • 5 comments

程序猿视力下降严重,现在自己所用的大小屏幕我都是用暗黑主题了,希望能缓解视力下降的速度,望支持

xnwln avatar Aug 07 '24 07:08 xnwln

Bot detected the issue body's language is not English, translate it automatically.


Title: dark theme support.

The programmer's eyesight is seriously declining. Now I use the dark theme on all the screens I use. I hope it can slow down the speed of vision loss. I hope to support

Issues-translate-bot avatar Aug 07 '24 07:08 Issues-translate-bot

深色模式主题已经安排上了~

kagol avatar Aug 07 '24 08:08 kagol

Bot detected the issue body's language is not English, translate it automatically.


The dark mode theme has been arranged~

Issues-translate-bot avatar Aug 07 '24 08:08 Issues-translate-bot

深度模式主题已经安排上了~

请问更改了哪些文件呢,我要如何引用暗黑主题

Snnerney avatar Aug 09 '24 10:08 Snnerney

Bot detected the issue body's language is not English, translate it automatically.


The depth mode theme has been arranged~

What files have been changed? How do I reference the dark theme?

Issues-translate-bot avatar Aug 09 '24 10:08 Issues-translate-bot

@xnwln @Snnerney @opentiny/[email protected] 已支持深色模式。

// 引入深色模式样式文件
+ @import '@opentiny/vue-theme/dark-theme-index.css'

// html 标签中添加 class="dark"
- <html>
+ <html class="dark">

kagol avatar Apr 18 '25 08:04 kagol

Bot detected the issue body's language is not English, translate it automatically.


@xnwln @Snnerney @opentiny/[email protected] Dark mode is supported.

// Introduce dark mode style files
+ @import '@opentiny/vue-theme/dark-theme-index.css'

// Add class="dark" to the html tag
- <html>
+ <html class="dark">

Issues-translate-bot avatar Apr 18 '25 08:04 Issues-translate-bot