Кит 0.7.4: палитры объявляют браузеру color-scheme — тёмная dark, све…

README.md

@@ -67,7 +67,7 @@ opm install oscript-ui
 В `packagedef` приложения:
 
 ```bsl
-.ЗависитОт("oscript-ui", "0.7.3")
+.ЗависитОт("oscript-ui", "0.7.4")
 ```
 
 И подключаем:

packagedef

@@ -6,7 +6,7 @@
 // в момент НайтиЖелудь.
 
 Описание.Имя("oscript-ui")
-	.Версия("0.7.3")
+	.Версия("0.7.4")
 	.Автор("Egor Ivanov")
 	.АдресРепозитория("https://github.com/Segate-ekb/oscript-ui")
 	.Описание("UI-кит на чистом OneScript: компоненты, каркас форм, токены темы, глифы и раскладка статики. Желуди ОСени, разметка на выходе, о предметной области не знает ничего.")

src/Классы/оформление/ТокеныТемы.os

@@ -41,26 +41,29 @@
 	Возврат "<style id=""токены-темы"">" + Переменные(Оформление) + "</style>";
 КонецФункции
 
-// CSS-текст переменных обеих палитр без тега <style>.
+// CSS-текст обеих палитр без тега <style>: переменные и схема цветов, по которой браузер
+// рисует свои элементы и выбирает цвет в light-dark().
 //
 // Параметры:
 //  Оформление - Структура, Неопределено - (необязательный, по умолчанию Неопределено)
 //               оформление, см. ПоУмолчанию.
 //
 // Возвращаемое значение:
-//  Строка - CSS-объявления переменных.
+//  Строка - CSS-объявления переменных и color-scheme.
 //
 Функция Переменные(Знач Оформление = Неопределено) Экспорт
 
 	Настройки = Нормализованное(Оформление);
 
 	Тёмная = ":root{"
+		+ "color-scheme:dark;"
 		+ ОбщиеПеременные(Настройки)
 		+ ТёмнаяПалитра()
 		+ ПереопределениеАкцента(Настройки)
 		+ "}";
 
 	Светлая = "html[data-theme=""light""]{"
+		+ "color-scheme:light;"
 		+ СветлаяПалитра()
 		+ ПереопределениеАкцента(Настройки)
 		+ "}";

tests/БазовыйЛист_Тесты.os

@@ -101,6 +101,24 @@
 
 КонецПроцедуры
 
+// Без color-scheme браузер не знает, тёмная страница или светлая: полосы прокрутки, поля
+// ввода и цвета light-dark() он берёт из темы операционной системы, и на тёмной теме кита
+// при светлой ОС они остаются светлыми.
+&Тест
+Процедура КаждаяПалитраОбъявляетБраузеруСвоюСхемуЦветов() Экспорт
+
+	Схемы = Новый Соответствие();
+	Для Каждого Правило Из Разбор.Правила(Токены.Переменные()) Цикл
+		// разбор снимает литералы, и селектор светлой палитры приходит как html[data-theme=""]
+		Палитра = ?(Правило.Селектор = ":root", "тёмная", "светлая");
+		Схемы.Вставить(Палитра, Правило.Объявления.Получить("color-scheme"));
+	КонецЦикла;
+
+	Ожидаем.Что(Схемы.Получить("тёмная"), "схема тёмной палитры").Равно("dark");
+	Ожидаем.Что(Схемы.Получить("светлая"), "схема светлой палитры").Равно("light");
+
+КонецПроцедуры
+
 // Сканер обязан читать КОД, а не текст: имя из пояснения и имя из строкового литерала
 // живой переменной не делают, а «.button--link» — не объявление.
 &Тест