GitHunt
UL

Ulincsys/lttstore-deep-dark

lttstore-deep-dark

Dark mode userstyle for lttstore.com

This is a dark mode userstyle for the Linus Tech Tips store, and also contains fixes for a number of issues I encountered on the site.

You can install it using (preferrably) the Stylus extension, or you can also use the Stylish extension.

Examples

The theme uses a vibrant blue color for some links, and an off-white for most text. Almost anything actionable will turn LTT orange when you hover over it, and there are many LTT orange accents placed tastefully around. Here are some examples of the userstyle in action:

The home page
home page example

The sidebar
sidebar example

Reviews
product reviews example

Cart
shopping cart example

Fixes

There were a few style issues with the LTTStore site, so I took the liberty of fixing them to the best of my abilities while I was crawling the site CSS to create my userstyle.

On product pages with a lot of images, the gallery navigation dots will overflow and run through the top of the page. To fix this, I used flex to rotate the nav horizontally and wrap the navigation dots with a consistent separation. With this fix, any number of images are supported, at the expense of a little headroom over the first image. There's only so much one can do through CSS.

The issue
gallery overflow example

The fix
gallery overflow fix

Fix missing color swatches for the LTT hat

On the main page, the color swatches for the LTT hat are missing.

The issue
color swatch missing example

The fix
color swatch missing fix

Languages

CSS100.0%

Contributors

Created August 14, 2021
Updated August 18, 2022
Ulincsys/lttstore-deep-dark | GitHunt