pip-webui
Version:
HTML5 UI for LOB applications
33 lines (31 loc) • 2.07 kB
text/less
.generate-theme(@name, @palette) {
.@{name} {
.color-primary { color: extract(@palette, 1) ; }
.color-primary-bg { background-color: extract(@palette, 1) ; color: @color-content; }
.color-accent { color: extract(@palette, 2) ; }
.color-accent-bg { background-color: extract(@palette, 2) ; color: @color-content; }
.color-accent-hue-bg { background-color: extract(@palette, 12) ; }
.color-hue { color: extract(@palette, 3) ; }
.color-hue-bg { background-color: extract(@palette, 3) ; }
.color-primary-text { color: extract(@palette, 4) ;}
.color-secondary-text { color: extract(@palette, 5) ;}
.color-divider { border-color: extract(@palette, 7) ;}
.color-badge { color: extract(@palette, 6) ;}
.color-badge-bg { background-color: extract(@palette, 6) ;}
.color-error { color: extract(@palette, 9) ;}
.color-toast { background-color: extract(@palette, 8) ; color: @color-content; }
.color-content-bg { background-color: extract(@palette, 10) ; color: extract(@palette, 4);}
.color-window-bg { background-color: extract(@palette, 11) ; color: extract(@palette, 4); }
.color-disabled { color: @color-disabled; }
.color-disabled-bg { background-color: @color-disabled; }
}
}
.generate-theme(blue, @color-blue-theme);
.generate-theme(pink, @color-pink-theme);
.generate-theme(orange, @color-orange-theme);
.generate-theme(amber, @color-amber-theme);
.generate-theme(green, @color-green-theme);
.generate-theme(navy, @color-navy-theme);
.generate-theme(grey, @color-grey-theme);
.generate-theme(dark, @color-dark-theme);
.generate-theme(black, @color-black-theme);