1. дома
  2. Вопрос и ответ
  3. Изменение базового цвета темы - Ext JS 6

Изменение базового цвета темы - Ext JS 6

2016-07-12 4 views

ответ

3

Если ваше приложение построено Сенча Cmd, легко, как пирог.

От вашего каталога app с исходным кодом javascript от Application.js, перейдите на ..\sass\src.

Теперь создайте файл Application.scss, который содержит:

$base-color: dynamic(#fc0)

вызов sencha app build production, и вы увидите, что ваше приложение теперь использует худший желтый я мог бы найти, вместо оригинального синего цвета.

(я протестировал против применения с Triton темой, есть некоторые проблемы с серой и классическими темами, потому что они полагаются на фоновых изображениях, которые не влияют измененным базовый цветом.)

источник

2016-07-12 15:05:36 Alexander

+0

Хотя это действительно правильный способ сделать это, это _technically_ создание пользовательской темы ... –

+0

Это прекрасно работает, хотя для некоторых тем требуется тонкая настройка некоторых тем, чтобы все компоненты меняли цвет. Благодаря! – Luli

0

ответа Александра является правильным один для длительных изменений. Если вам нужны специальные изменения стиля, посмотрите на класс Ext.util.CSS и его метод updateRule, который позволяет вам изменять отдельные стили для классов css. Однако это требует некоторой вопли, поскольку базовый цвет используется во многих разных местах, а также в более светлых/темных вариациях.

swapStyleSheet позволяет изменить всю тему или варианты переопределения темы.

источник

2016-07-13 02:50:59

+0

Это похоже на способ настройки других цветов и компонентов. Я беру имена классов css из «build \ development \ [appname] \ classic \ resources \ [appname] -all.css». Я делаю это правильно? – Luli

+0

Вы должны использовать инспектор инструментов разработчика вашего браузера и найти css, который хотите изменить, например. 'Ext.util.CSS.updateRule ('. X-window-header-default-top', 'background-color', 'yellow')' –

+0

Но на самом деле это особый случай, обычно вы всегда переопределяете свою тему как Alexander описать или создать несколько настраиваемых тем. –

Смежные вопросы

 Смежные вопросы