다트 종이 발판 배경색 = 헤더 용 # 526E9C. 어디에서 변경해야합니까?

Question

나는 다른 [매우] 관련된 질문에 대한 답변을 읽었지만 폴리머 업데이트가 있었기 때문에 내가 다시 놓을 것이라고 생각했습니다.

메뉴와 도구 모음 인 [다트] 종이 받침대 (코어 받침대)의 모든 색상을 변경할 수 있지만 맨 위에 머리글 색상을 변경할 수는 없습니다. 항상 배경색 = # 526E9C입니다. 내가 할 수있는 유일한 방법은 생성 된 (펍 빌드 사용) index.html에서 핵심 도구 모음 스타일을 변경하는 것입니다. 그리고이 한 줄 변경전체 헤더 전체 색상을 설정합니다 (내가 원하는대로). 그래서 나는 얻을 수있다.

나는 스타일 수행 할 때

core-toolbar{ 
background-color: #7A418D; 
color: #FFF; 
} 

그것은 단지 서랍 위의 색상을 변경, 그리고 전체 상단에 있습니다. 그것은 단지 왜 그 일을하는지 매우 신비 롭습니다!

나는 shadow-shim, core-scaffold :: shadowdom .. 등을 시도했다./src/core-scaffold.html을 변경하려고 시도했다. 그리고이 퍼베이시브 값 # 526E9C가 나타나는 곳이 더 많다.

내 웹 사이트 (sekpa.org)에서는이 파란색 (# 526E9C) 절반이 표시됩니다.

그냥 버그입니까? 그렇다면, 나는 그 지식에 매우 만족할 것입니다! 스티브

Answer 1

가 paper-scaffold 내부에 두 개의 core-header-panel의가 있습니다

감사합니다.

각는 core-toolbar을 포함합니다.

왼쪽의 접을 수있는 core-header-panel과 그 내부의 core-toolbar은 일반적인 Light DOM에 있기 때문에 CSS를 지정하여 색상을 변경할 수 있습니다.

그러나 오른쪽 core-header-panel과 core-toolbar은 paper-scaffold의 그림자 DOM 안에 있습니다. 이 link를 참조하십시오, 더 많은 정보

paper-scaffold::shadow core-toolbar { 
    background: #7A418D; 
    color: #fff; 
} 

-이 core-toolbar의 색상을 변경하려면, 당신은 같은 것을 할 필요가있다.