I noticed that some palettes have more options to set colors than others. For example the Dracula palette has way more options than other palettes. I saw this post, but I don’t know if this is relevant: [图片] Why might dark-light-choose() not work? Support I believe, due to the way the SCSS is compiled, custom dark/light definitions need to be added to color_definitions.scss within a theme and won’t work in other scss files. [Screen Shot 2020-12-04 at 9.54.13 PM] color_definitions.scss is high up in the cascade (before a lot of the default styles), so you don’t want to add the .modal.history-modal ins part there. Instead you can just add the color definition itself… $dark-theme-ins: #acf2bd; $light-theme-ins: #4da06d; $ins: dark-light-choose(… This seems related to Themes, but palettes don’t have that option to edit the code and add Color definitions.

Yes, a theme can directly override individual colors — this isn’t possible via the color palette admin area [图片] Override values for auto-generated color variables megaphoneAnnouncements As of v2.3.3 (released early September) you can now override our automatically-generated SASS color variables ($primary-low, $primary-medium, etc) in remote themes (you can not yet do this directly via the admin UI.) To override one of these colors you need to add it to the color_scheme section of your theme’s about.json file. Once you’ve done that you can see the override listed within your color scheme in /admin/customize/colors. "color_schemes": { “My_colors”: { "primary": "000000…

Thank you for sharing that. So, to someone who’s not yet very familiar with some of the stuff, that means I need to SSH my server (if that’s what the terminology is?) and find that json file, make those changes, and then it would be reflected in the UI? If so, then we can override the default variables, as well as adding new ones, right?

[图片] alltiagocom: that means I need to SSH my server (if that’s what the terminology is?) and find that json file, make those changes, and then it would be reflected in the UI? if you did it this way, I think it would probably get overwritten by the next Discourse update… so generally you want to leave the existing palettes alone If you want to create a new palette with all the extended color overrides, and make it so users can select that palette, the simplest way is to create a theme and upload it. All you would have to do in the theme itself is edit about.json to contain the color definitions… there’s an example here: about.json master "ssp-light": "assets/SourceSansPro-Light.ttf", "ssp-light-italic": "assets/SourceSansPro-LightItalic.ttf", "ssp-semibold": "assets/SourceSansPro-SemiBold.ttf", "ssp-semibold-italic": "assets/SourceSansPro-SemiBoldItalic.ttf", "ssp-bold": "assets/SourceSansPro-Bold.ttf", "ssp-bold-italic": "assets/SourceSansPro-BoldItalic.ttf", "ssp-black": "assets/SourceSansPro-Black.ttf", "ssp-black-italic": "assets/SourceSansPro-BlackItalic.ttf", "scp-regular": "assets/SourceCodePro-Regular.ttf" }, "color_schemes": { "Dracula": { "primary": "f2f2f2", "primary-high": "9da0b5", "primary-medium": "727694", "primary-low-mid": "727694", "primary-low": "44475A", "primary-very-low": "44475A", "secondary": "282a36", "secondary-high": "44475A", "tertiary": "bd93f9", Once the theme is added to the site, the included color palette will be added to admin/customize/colors and you can make that user-selectable Another way to customize our colors is to override them directly with CSS, this would require using a certain theme rather than a specific color palette… but in the theme’s common file you can do something like: ``css :root { --primary-low: red; --secondary: #ff0000; } `` you can see all the available colors to override by opening the browser inspector, clicking the HTML element at the top, and doing some scrolling (we have a lot of variables now) [image] The benefit of this method is that you can do it via the theme editor in the admin UI

There’s a lot to digest here, but I will definitely take some time to read, analyze it, and test it. Thank you so much for the detailed reply. I saved it to my notes. :raising_hands:

如何为调色板添加更多选项？

产品支持

awesomerobot (Kris) 2025 年8 月 14 日 15:37 2

是的，主题可以直接覆盖单个颜色——这无法通过调色板管理区域实现

话题		回复	浏览量
Change all the colors of a theme Product Support	1	873	2022 年5 月 13 日
Challenges creating a custom color palette Development	8	444	2025 年1 月 29 日
Is there a way to overwrites all colors? UX	3	1542	2019 年11 月 25 日
Color definitions for more than light/dark color schemes Product Support	1	693	2024 年1 月 6 日
Smoother color palette editing Announcements color-palettes	9	597	2025 年10 月 23 日

如何为调色板添加更多选项？

相关话题