linnarsson-lab / loom-viewer

Tool for sharing, browsing and visualizing single-cell data stored in the Loom file format
BSD 2-Clause "Simplified" License
35 stars 6 forks source link

Bootstrap Themes #93

Closed JobLeonard closed 7 years ago

JobLeonard commented 7 years ago

So here is a not-too-important issue that I nevertheless spent some time on over the weekend: I tried out a few different Bootstrap themes. In the process I discovered that the sort-order of our css files matters for the purpose of uflifycss, so I renamed those to fix that.

All CSS files were downloaded from Bootswatch, MIT licensed: https://bootswatch.com/

They can be found in the CSS subfolder. To change a theme, simply rename the extension of _css to css (and vice-versa, turn off the previous theme by changing its css extension to _css), the run ./build to rebuild loom with new static assets. You may have to CTR+F5 refresh for your browser to fetch the new CSS file, as it tends to cache it.

Here are a few screenshots of what it looks like on my machine, I'm leaning towards switching to Flatly myself, although TBH none of the themes (including the default one) look really good to me.

Default

image image

Flatly

image image

Lumen

image image

Paper

image image

Simplex

image image

Spacelab

image image

Yeti

image image