테마의 기본 색상 변경 - Ext JS 6

새로운 맞춤 테마를 만들지 않고도 Ext JS에서 테마의 기본 코드를 변경할 수 있습니까?테마의 기본 색상 변경 - Ext JS 6

누군가가이를 수행 할 수있는 방법을 제공해 줄 수 있습니까?

감사 응용 프로그램이 센차 Cmd를, 케이크 쉽지가 내장되어있는 경우

2016-07-12 Luli

app 디렉토리에서 Application.js의 javascript 소스 코드를 사용하여 ..\sass\src으로 이동합니다. 대신 원래 파란색의,

$base-color: dynamic(#fc0)

전화 sencha app build production 당신은 당신의 응용 프로그램이 지금은 찾을 수있는 최악의 노란색을 사용하는 것을 발견 할 것이다 :

지금이 들어있는 파일 Application.scss을 만듭니다.

이 (가 변경된 기본 색상에 영향을받지 않습니다 배경 이미지에 의존하기 때문에 내가 트리톤 테마를 사용하여 응용 프로그램에 대해 테스트 한 회색과 고전적인 테마와 함께 몇 가지 문제가 있습니다.)

출처

2016-07-12 15:05:36 Alexander

이것이 실제로 올바른 방법이지만, 이것은 기술적으로 _ 사용자 정의 테마를 만드는 것입니다 ... –

일부 구성 요소에서 색상을 변경하는 데 약간의 미세 조정이 필요하지만 괜찮습니다. 감사! – Luli

알렉산더의 대답은 정확 하나는 지속적인 변화입니다. 특별 스타일 변경이 필요한 경우 Ext.util.CSS 클래스와 그 메소드 updateRule을보고 css 클래스의 개별 스타일을 변경할 수 있습니다. 그러나 기본 색상은 여러 곳에서 사용되며 밝기/어둡기도 다양하기 때문에 약간의 재미가 필요합니다.

swapStyleSheet을 사용하면 전체 테마 또는 테마 재정의 변경을 변경할 수 있습니다.

출처

2016-07-13 02:50:59

다른 색상과 구성 요소를 맞춤 설정하는 방법과 비슷합니다. 나는 css 클래스 이름을 "build \ development \ [appname] \ classic \ resources \ [appname] -all.css"에서 가져온다. 나는 그것을 바로하고 있냐? – Luli

브라우저의 dev-tools inspector를 사용하여 변경하려는 CSS를 찾으십시오. 'Ext.util.CSS.updateRule ('. x-window-header-default-top', 'background-color', 'yellow')' –

정말 특별한 경우입니다. 일반적으로 항상 Alexander 여러 개의 사용자 정의 테마를 설명하거나 작성합니다. –

테마의 기본 색상 변경 - Ext JS 6

답변

관련 문제