Какой-нибудь сложный диалект CSS в React.js, а также для использования в ванили? ⇐ CSS

[Anonymous]

Недавно я мечтал о собственном дистрибутиве Linux со своим внешним видом и макетом. Тем не менее, я хотел бы разрешить пользователю множество переопределений внешнего вида (например, различные цвета и другие параметры). Это возможно в Интернете, но совсем не с React.js + styled-comments (которые я планировал использовать вместе со средой выполнения на основе Tauri Webkit):

• Код: Выделить всё

  styled-components

  каким-то образом поддерживает все CSS, поэтому вы можете отразить реквизиты компонента в переменных CSS (например, --bg). Затем вы можете разрешить пользователю вставлять файл CSS, который переопределяет CSS существующего компонента. Однако проблема, с которой я сталкиваюсь, заключается в том, что вы не можете многое сделать со значениями цвета (например, хотелось бы, чтобы была функция cval.c(color: var(--bg); reference: var(--backdrop-bg); Ratio: 10%) CSS-функция, которая означает «автоконтраст», которая будет осветлять/затемнять цвет на основе другого эталонного цвета (обычно фона).
• Нет встроенное свойство CSS, которое волшебным образом возьмет изображение и применит к нему цветовой фильтр (например, greenfy).

Эти потребности были бы возможны, если бы фреймворк/библиотека делали это с помощью диалекта CSS (применимо к собственным тегам WHATWG React.js и самому DOM (например, для предоставленного пользователем CSS)). color-filter можно использовать PIXI.js для растровых изображений с использованием цветового эффекта, а для SVG - простой встроенный стиль, который является цветовым эффектом (например, Adobe Spectrum делает это), а для функций значения цвета нужно будет наблюдать за изменениями CSS-переменных, чтобы функция значения цвета была реактивной.
Может быть, еще одним поводом для беспокойства может быть то, что Webkit может быть не самой оптимизированной вещью, но я не вижу другой лучшей технологии для использования И в любом случае, поскольку webkit2gtk использует общий объект, я не думаю, что это приведет к серьезной потере производительности.

Подробнее здесь: https://stackoverflow.com/questions/798 ... anilla-use