|
|
|
@ -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-palette-group wsk-palette-group__red">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__pink">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Pink</div>
|
|
|
|
|
<div class="wsk-palette-group wsk-palette-group__pink">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__purple">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Purple</div>
|
|
|
|
|
<div class="wsk-palette-group wsk-palette-group__purple">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__deep-purple">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__indigo">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Indigo</div>
|
|
|
|
|
<div class="wsk-palette-group wsk-palette-group__indigo">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__blue">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Blue</div>
|
|
|
|
|
<div class="wsk-palette-group wsk-palette-group__blue">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__light-blue">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__cyan">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Cyan</div>
|
|
|
|
|
<div class="wsk-palette-group wsk-palette-group__cyan">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__teal">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__green">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__light-green">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__lime">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500 dark-text">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800 dark-text">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__yellow">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500 dark-text">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800 dark-text">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900 dark-text">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__amber">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500 dark-text">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800 dark-text">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900 dark-text">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__orange">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500 dark-text">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600 dark-text">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700 dark-text">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400 dark-text">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__deep-orange">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A100 dark-text">A100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A200 dark-text">A200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A400">A400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--A700">A700</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="PaletteGroup PaletteGroup__brown">
|
|
|
|
|
<div class="PaletteGroup--heading PaletteColor--500">
|
|
|
|
|
<div class="PaletteGroup--name">Brown</div>
|
|
|
|
|
<div class="wsk-palette-group wsk-palette-group__brown">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__grey">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500 dark-text">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400 dark-text">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500 dark-text">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--1000">1000</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--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-palette-group wsk-palette-group__blue-grey">
|
|
|
|
|
<div class="wsk-palette-group--heading wsk-palette-color--500">
|
|
|
|
|
<div class="wsk-palette-group--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-palette-group--color wsk-palette-color--50 dark-text">50</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--100 dark-text">100</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--200 dark-text">200</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--300 dark-text">300</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--400">400</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--500">500</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--600">600</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--700">700</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--800">800</div>
|
|
|
|
|
<div class="wsk-palette-group--color wsk-palette-color--900">900</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|