# 用一个深度定制的深色主题制作浅色主题的最简单方法是什么

**URL:** <https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639>\
**Category:** Development\
**Created:** [2026年二月20日 21:42 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639 "2026-02-20T21:42:36Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2026年二月20日 21:50 UTC](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639/2 "2026-02-20T21:50:12Z")

</div>

您可以为主题添加浅色调色板

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/c/5/bc5e8f5c8a8f38ba053bde1c180b04659e4c0c69.png)

您可以根据使用浅色主题还是深色主题来更新颜色：

> [@awesomerobot](#):
>
> 因此，在 `color_definitions.scss` 中，您可以这样做：
> 
> ```plaintext
> $my-theme-color: dark-light-choose($primary, red);
> 
> :root {
> --my-theme-color: #{$my-theme-color};
> }
> 
> ```
> 
> 然后您就可以在主题中使用新的深色/浅色更改自定义属性了：
> 
> ```plaintext
> body {
> color: var(--my-theme-color);
> }
> 
> ```

---

_[View the full topic](https://meta.discourse.org/t/whats-the-easiest-way-to-make-a-light-theme-using-a-dark-theme-that-has-heavy-customizaiton/396639)._