--e-global-color-primary -- #001b88
--e-global-color-secondary -- #fec52d
--e-global-color-text -- #000000
--e-global-color-accent -- #0094cf
--ast-global-color-0 -- #001b88
--ast-global-color-1 -- #fec52d
--ast-global-color-2 -- #0094cf
--ast-global-color-3 -- #ffffff
--ast-global-color-4 -- #ffffff
--ast-global-color-5 -- #f7f7f7
--ast-global-color-6 -- #262626
--ast-global-color-7 -- #000000
--ast-global-color-8 -- #ffffff
#style-color-guide div {
margin: 0 0 1em;
padding: 1em;
text-align: center;
}
#style-color-guide div.e-global-color-primary {
background-color: var(--e-global-color-primary);
color: #fff;
}
#style-color-guide div.e-global-color-secondary {
background-color: var(--e-global-color-secondary);
}
#style-color-guide div.e-global-color-text {
background-color: var(--e-global-color-text);
color: #fff;
}
#style-color-guide div.e-global-color-accent {
background-color: var(--e-global-color-accent);
}
#style-color-guide div.ast-global-color-0 {
background-color: var(--ast-global-color-0);
color: #fff;
}
#style-color-guide div.ast-global-color-1 {
background-color: var(--ast-global-color-1);
}
#style-color-guide div.ast-global-color-2 {
background-color: var(--ast-global-color-2);
}
#style-color-guide div.ast-global-color-3 {
background-color: var(--ast-global-color-3);
}
#style-color-guide div.ast-global-color-4 {
background-color: var(--ast-global-color-4);
}
#style-color-guide div.ast-global-color-5 {
background-color: var(--ast-global-color-5);
}
#style-color-guide div.ast-global-color-6 {
background-color: var(--ast-global-color-6);
color: #fff;
}
#style-color-guide div.ast-global-color-7 {
background-color: var(--ast-global-color-7);
color: #fff;
}
#style-color-guide div.ast-global-color-8 {
background-color: var(--ast-global-color-8);
}
