I’ve tried to create a completely custom color scheme by defining my colors in the about.json file of my theme on GitHub. Unfortunately only some of my color definitions are being respected in the site. For example, in my json scheme I define: "success_low": "DDE2B2”, However my style guide shows…

[صورة] mk0r: For example, in my json scheme I define: "success_low": "DDE2B2”, However my style guide shows a different (computed) color for var(--success-low) i see there is an underscore in the first (success_low) and a dash in the second (success-low). you can always paste your color pal…

Thanks, I will go through and check all the underscores vs dashes. Is there any reference json file I could find somewhere that has a reference for all variables, with dashes and underscores in the right places?

I originally used the “solarized” theme as a reference

This is extremely confusing. In the styleguide the labeled css variables use dashes: [Screenshot 2025-01-26 at 17.07.38] Whereas in this (and other) example schemes they have underscores: about.json main { "name" : "Gruvbox", "about_url" : "https://github.com/exodrifter/…

you have another old topic that may help you with this [صورة] Reference for full color customization Development I would like to create two of my own color schemes where I choose all the color variables (I don’t like the computed/transformed values). Is …

Unfortunately that thread didn’t solve the issue. I’m still confused – is there no clear guidance available about how to set every color? And what the correct syntax/names are in the json vs the css variables?

did you look at this? app/assets/stylesheets/common/foundation/color_transformations.scss main // standard color transformations, use these if possible, and add any new dark-light-diffs here // any variables defined here can be added in theme color schemes // all variables shou…

Yes I’ve read them, but there’s no complete reference for all the color variables that I could see. I based my about.json file on the “solarized” theme which seemed to have all the variables declared. I’m going to try again from clean slate and report back and use developer tools to see what the iss…

تحديات إنشاء لوحة ألوان مخصصة

مطور

Lilly (Lillian ) 27 يناير 2025، 12:43ص 2

أرى أن هناك شرطة سفلية في الأول (success_low) وشرطة في الثاني (success-low).

يمكنك دائمًا لصق لوحة الألوان الخاصة بك هنا كما تظهر في ملف JSON لنلقي نظرة.

الموضوع		الردود	مرات العرض
Reference for full color customization Development	3	1557	14 فبراير 2023
How do colors work and how to change them? Product Support ux	4	405	20 مارس 2025
How to add more options to color palettes? Product Support color-palettes	4	257	15 أغسطس 2025
Use Discourse Core Variables in your Theme Developer Guides how-to , theme-guides	0	12319	9 يناير 2018
Color definitions for more than light/dark color schemes Product Support	1	658	6 يناير 2024

تحديات إنشاء لوحة ألوان مخصصة

الموضوعات ذات الصلة