Est-il possible de modifier le code de base d'un thème dans Ext JS sans créer de nouveau thème personnalisé?Modification de la couleur de base d'un thème - Ext JS 6
S'il y a, quelqu'un peut-il fournir une méthode pour le faire?
Merci
Si votre application est construite par Sencha Cmd, facile gâteau.
Depuis votre répertoire app avec le code source javascript de Application.js, accédez à ..\sass\src.
Maintenant, créez un fichier Application.scss qui contient:
$base-color: dynamic(#fc0)
Appel sencha app build production et vous trouverez que votre application utilise maintenant le pire jaune que je pouvais trouver, au lieu du bleu d'origine.
(je l'ai testé contre une application avec le thème Triton, il y a quelques problèmes avec le thème gris et classique parce qu'ils se fondent sur les images de fond qui ne sont pas affectés par une couleur de base modifiée.)
réponse d'Alexandre est le bon un pour des changements durables. Si vous avez besoin de modifications de style ad-hoc, regardez la classe Ext.util.CSS et sa méthode updateRule, qui vous permet de modifier des styles individuels pour les classes CSS. Cela nécessite cependant un certain doigtage, car la couleur de base est utilisée dans de nombreux endroits différents et également dans des variations plus claires/plus sombres.
swapStyleSheet permet de modifier l'ensemble du thème ou des variantes de remplacements de thèmes.
Cela semble être le chemin à parcourir pour personnaliser d'autres couleurs et composants. Je prends les noms de classe css de "build \ development \ [appname] \ classic \ ressources \ [appname] -all.css". Est-ce que je le fais bien? – Luli
Vous utiliseriez l'inspecteur de dev-tools de votre navigateur et trouveriez les CSS que vous souhaitez modifier, par ex. 'Ext.util.CSS.updateRule ('. X-window-header-default-top', 'background-color', 'yellow')' –
Mais vraiment c'est un cas particulier, en général vous remplacez toujours votre thème comme Alexander décrit ou crée plusieurs thèmes personnalisés. –
Bien que ce soit en effet la bonne façon de le faire, cela crée _technically_ un thème personnalisé ... –
Cela fonctionne très bien, bien qu'il ait besoin de réglages fins dans certains thèmes pour que tous les composants changent de couleur. Merci! – Luli