|
|
|
@ -16,412 +16,412 @@
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="PreviewBlock">
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__red">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Red</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__red">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Red</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__pink">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Pink</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__pink">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Pink</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__purple">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Purple</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__purple">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Purple</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__deepPurple">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Deep Purple</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__deepPurple">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Deep Purple</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__indigo">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Indigo</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__indigo">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Indigo</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__blue">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Blue</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__blue">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Blue</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__lightBlue">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Light Blue</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__lightBlue">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Light Blue</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__cyan">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Cyan</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__cyan">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Cyan</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__teal">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Teal</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__teal">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Teal</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__green">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Green</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__green">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Green</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__lightGreen">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Light Green</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__lightGreen">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Light Green</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500 dark-text">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600 dark-text">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700 dark-text">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__lime">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500 dark-text">
|
|
|
|
|
<div class="PaletteGroup--name">Lime</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__lime">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500 dark-text">
|
|
|
|
|
<div class="wsk-palettegroup--name">Lime</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500 dark-text">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600 dark-text">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700 dark-text">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800 dark-text">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800 dark-text">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__yellow">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500 dark-text">
|
|
|
|
|
<div class="PaletteGroup--name">Yellow</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__yellow">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500 dark-text">
|
|
|
|
|
<div class="wsk-palettegroup--name">Yellow</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500 dark-text">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600 dark-text">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700 dark-text">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800 dark-text">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900 dark-text">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800 dark-text">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900 dark-text">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__amber">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500 dark-text">
|
|
|
|
|
<div class="PaletteGroup--name">Amber</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__amber">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500 dark-text">
|
|
|
|
|
<div class="wsk-palettegroup--name">Amber</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500 dark-text">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600 dark-text">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700 dark-text">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800 dark-text">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900 dark-text">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800 dark-text">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900 dark-text">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__orange">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500 dark-text">
|
|
|
|
|
<div class="PaletteGroup--name">Orange</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__orange">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500 dark-text">
|
|
|
|
|
<div class="wsk-palettegroup--name">Orange</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500 dark-text">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600 dark-text">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700 dark-text">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700 dark-text">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700 dark-text">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__deepOrange">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Deep Orange</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__deepOrange">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Deep Orange</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A400">A400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--A700">A700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A400">A400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__brown">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Brown</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__brown">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Brown</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__grey">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500 dark-text">
|
|
|
|
|
<div class="PaletteGroup--name">Grey</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__grey">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500 dark-text">
|
|
|
|
|
<div class="wsk-palettegroup--name">Grey</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400 dark-text">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500 dark-text">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--1000">1000</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--1000-inverse dark-text">1000</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--1000">1000</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--1000-inverse dark-text">1000</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__blueGrey">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Blue Grey</div>
|
|
|
|
|
<div class="wsk-palettegroup wsk-palettegroup__blueGrey">
|
|
|
|
|
<div class="wsk-palettegroup--heading wsk-palettecolor--500">
|
|
|
|
|
<div class="wsk-palettegroup--name">Blue Grey</div>
|
|
|
|
|
|
|
|
|
|
500
|
|
|
|
|
</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--50 dark-text">50</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--100 dark-text">100</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--200 dark-text">200</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--300 dark-text">300</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--400">400</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--500">500</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--600">600</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--700">700</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--800">800</div>
|
|
|
|
|
<div class="PaletteGroup--color PaletteColor--900">900</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--400">400</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--500">500</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--600">600</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--700">700</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--800">800</div>
|
|
|
|
|
<div class="wsk-palettegroup--color wsk-palettecolor--900">900</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|