Add color boxes on the theme chooser page

TODO: filter down to the colors actually used
This commit is contained in:
Kane York
2015-08-20 13:30:34 -07:00
parent 7147c0e8af
commit 3eb2668fcf
2 changed files with 141 additions and 0 deletions

View File

@@ -40,6 +40,93 @@
</div>
</div>
<div class="greyexplain">
Various greys used throught the UI.
<div><div class="cboxcontainer primary">
<div class="cbox0"></div>
<div class="cbox5"></div>
<div class="cbox10"></div>
<div class="cbox15"></div>
<div class="cbox20"></div>
<div class="cbox25"></div>
<div class="cbox30"></div>
<div class="cbox40"></div>
<div class="cbox50"></div>
<div class="cbox60"></div>
<div class="cbox70"></div>
<div class="cbox75"></div>
<div class="cbox80"></div>
<div class="cbox85"></div>
<div class="cbox90"></div>
<div class="cbox95"></div>
<div class="cbox100"></div>
choose-grey()
</div></div>
<div><div class="cboxcontainer secondary">
<div class="cbox0"></div>
<div class="cbox5"></div>
<div class="cbox10"></div>
<div class="cbox15"></div>
<div class="cbox20"></div>
<div class="cbox25"></div>
<div class="cbox30"></div>
<div class="cbox40"></div>
<div class="cbox50"></div>
<div class="cbox60"></div>
<div class="cbox70"></div>
<div class="cbox75"></div>
<div class="cbox80"></div>
<div class="cbox85"></div>
<div class="cbox90"></div>
<div class="cbox95"></div>
<div class="cbox100"></div>
choose-grey()
</div></div>
<div><div class="cboxcontainer primary">
<div class="dbox100"></div>
<div class="dbox95"></div>
<div class="dbox90"></div>
<div class="dbox85"></div>
<div class="dbox80"></div>
<div class="dbox75"></div>
<div class="dbox70"></div>
<div class="dbox60"></div>
<div class="dbox50"></div>
<div class="dbox40"></div>
<div class="dbox30"></div>
<div class="dbox25"></div>
<div class="dbox20"></div>
<div class="dbox15"></div>
<div class="dbox10"></div>
<div class="dbox5"></div>
<div class="dbox0"></div>
dark-light-diff()
</div></div>
<div><div class="cboxcontainer secondary">
<div class="dbox100"></div>
<div class="dbox95"></div>
<div class="dbox90"></div>
<div class="dbox85"></div>
<div class="dbox80"></div>
<div class="dbox75"></div>
<div class="dbox70"></div>
<div class="dbox60"></div>
<div class="dbox50"></div>
<div class="dbox40"></div>
<div class="dbox30"></div>
<div class="dbox25"></div>
<div class="dbox20"></div>
<div class="dbox15"></div>
<div class="dbox10"></div>
<div class="dbox5"></div>
<div class="dbox0"></div>
dark-light-diff()
</div></div>
</div>
{{#if colors.length}}
<table class="table colors">
<thead>