Починаючи з Esl 1.3.7 ви можете налаштувати режим двигуна (кольорова схема) відповідно до ваших уподобань, змінивши кілька CSS змінних.
Спочатку вам потрібно встановити “Режим двигуна” в Esl → Налаштування → Двигун на “Користувацький” і зберегти ваші налаштування.
Тепер має з’явитися нове налаштування під назвою “Режим двигуна (Користувацький)”:
Нижче ви можете знайти приклад CSS фрагмента, який містить всі відповідні CSS змінні для двигуна:
[data-engine-mode=custom] {--engine-bg: #f6f4f2;--engine-bg-2: #efebe6;--engine-bg-3: #e7e1da;--engine-bg-accent: #EED8FD;--engine-color: #2e271e;--engine-color-description: #76634c;--engine-color-accent: #7209B7;--engine-color-accent-inverse: #fff;--engine-color-knob: #c8baaa;--engine-border-color: #d8cec2;--engine-placeholder-opacity: .33;--esl-tooltip-bg: #16130f;--esl-tooltip-text: #f6f4f2;}Якщо ви скопіюєте наведену вище CSS і вставите її у налаштування “Режим двигуна (Користувацький)”, а потім збережете ваші налаштування, ваш двигун повинен виглядати ось так:
Ресурси
- Кольорові палітри: https://coolors.co/palettes/trending
- Кольорові палітри: https://colorhunt.co
- Генерувати відтінки кольорів і освітлення: https://www.colorhexa.com
Примітка: В режимі користувацького двигуна колір фону елемента коду змінюється на світлу кольорову схему.