- #75
- #74
- #73
- #72
- #71
- #70
- #69
- #68
- #67
- #66
- #65
- #64
- #63
- #62
- #61
- #60
- #59
- #58
- #57
- #56
- #55
- #54
- #53
- #52
- #51
- #50
- #49
- #48
- #47
用正確的方式製作深色模式(或任何網站風格🌞)
添加深色模式無可避免的會造成額外的設計、開發與維護成本,但如果能在一開始用正確的方式製作網頁風格,那麼是可以有效迴避許多問題的。總結實踐的作法分為兩類:
- 替不同風格指定顏色
- 替顏色制定不同風格
如果你總是直接採用 Tailwind 的 Darkmode 功能,或是在苦惱怎麼替網站套皮膚都適合參考以下新寫的文章。
- 深色模式背後的 UX 可以參考:添加深色模式要考慮的代價
- 完整文章:用正確的方式製作深色模式(或任何網站風格)
- #46
- #45
- #44
- #43
- #42
- #41
- #40
- #39
- #38
- #37
- #36
- #35
- #34
- #33
- #32
- #31
- #30
- #29
- #28
- #27
- #26
- #25
- #24
- #23
- #22
- #21
- #20
- #19
- #18
- #17
- #16
- #15
- #14
- #13
- #12
- #11
- #10
- #9
- #8
- #7
- #6
- #5
- #4
- #3
- #2
- #1