Ionic variables.scss 툴바 배경을 기본으로 설정 하시겠습니까?

Question

"variables.scss"에서

,

// Shared Variables 
// -------------------------------------------------- 
$toolbar-background: 'primary'; 

// Named Color Variables 
// -------------------------------------------------- 
$colors: (
    primary: #488aff, 
    secondary: #32db64, 
    danger:  #f53d3d, 
    light:  #f4f4f4, 
    dark:  #222 
); 

어떻게 도구 모음의 배경색 주 사용? 나는 여기서 '대답'( https://forum.ionicframework.com/t/how-to-use-variable-scss-color-in-scss-file/68813/2)으로 '기본'또는 기본 또는 $ 기본, 또는지도 get() 또는 color()를 시도했지만 그 중 아무 것도 작동하지 않았습니다.

Answer 1

값이 정의되기 전에 $colors에서 값을 가져 오려고합니다.

은 "명명 된 색상 변수"아래에 "공유 변수"를 이동하는 경우, 그것은 잘 :)

이 같이 작동합니다 : 내가 볼

// Named Color Variables 
// -------------------------------------------------- 
$colors: (
    primary: #488aff, 
    secondary: #32db64, 
    danger:  #f53d3d, 
    light:  #f4f4f4, 
    dark:  #222 
); 

// Shared Variables 
// -------------------------------------------------- 
$toolbar-background: map-get($colors, primary); 

@debug $toolbar-background; // #488aff