テーマの基本色を変更する - Ext JS 6

Question

新しいカスタムテーマを作成せずにExt JSのテーマのベースコードを変更することはできますか？

ある場合は、これを行う方法を教えてください。

ありがとうございます。

Answer 1

アプリケーションがSencha Cmdによって構築されている場合は、ケーキとして簡単です。

appディレクトリから、Application.jsのjavascriptソースコードを使用して、..\sass\srcにナビゲートしてください。代わりに、元ブルーの、

$base-color: dynamic(#fc0) 

コールsencha app build production、あなたのアプリケーションは、今、私が見つけることができる最悪の黄色を使用していることがわかります：

は今含まれているファイルApplication.scssを作成します。

（私はトリトンをテーマにしたアプリケーションに対してテストしている彼らは、変更ベースカラーに影響されない背景画像に依存しているため、グレー、古典的なテーマとしたいくつかの問題があります。）

Answer 2

アレキサンダーの答えが正しいですか1つは永続的な変更です。アドホックスタイルの変更が必要な場合は、Ext.util.CSSクラスとそのメソッドupdateRuleをご覧ください。これにより、CSSクラスのスタイルを個別に変更できます。ベース色は多くの異なる場所で使用され、より明るい/より暗いバリエーションでも使用されるため、これには少しの手間が必要です。

swapStyleSheetを使用すると、テーマ全体またはテーマオーバーライドのバリエーションを変更できます。