브라우저에서 discourse 인스턴스를 검사하면 스타일 탭에서 모든 루트 변수 이름을 찾을 수 있습니다:
그 후 json 파일에서 추가 변수를 선언하기만 하면 됩니다. 예:
{
"about_url": null,
"license_url": null,
"name": "Full Color Schemes",
"color_schemes": {
"Colors Light": {
"primary": "222",
"secondary": "fff",
"tertiary": "08c",
"quaternary": "e45735",
"header_background": "fff",
"header_primary": "333",
"highlight": "ffff4d",
"danger": "c80001",
"success": "090",
"love": "fa6c8d",
"primary-very-low": "f8f8f8",
"primary-low": "e9e9e9",
"primary-low-mid": "bdbdbd",
"primary-medium": "919191",
"primary-high": "646464",
"primary-very-high": "434343",
"secondary-low": "4d4d4d",
"secondary-medium": "gray",
"secondary-high": "a6a6a6",
"secondary-very-high": "ededed"
},
"Colors Dark": {
"primary": "ddd",
"secondary": "222",
"tertiary": "0f82af",
"quaternary": "c14924",
"header_background": "111",
"header_primary": "ddd",
"highlight": "a87137",
"danger": "e45735",
"success": "1ca551",
"love": "fa6c8d",
"primary-very-low": "282828",
"primary-low": "313131",
"primary-low-mid": "7a7a7a",
"primary-medium": "909090",
"primary-high": "a6a6a6",
"primary-very-high": "c7c7c7",
"secondary-low": "bdbdbd",
"secondary-medium": "919191",
"secondary-high": "646464",
"secondary-very-high": "313131"
}
}
}
좋은 점은 이러한 변수가 백엔드에서도 표시된다는 것입니다:
