SweeSS

A simple, dark, lightweight, and (most importantly) silly stylesheet. SWEE.codes' official stylesheet.

Fits well with Material Symbols

Installing it on your site is as easy as dropping

<link href="https://swee.codes/style.css" rel="stylesheet" type="text/css">

into your HTML code.

Why SweeSS?

SweeSS only uses simple CSS3, comparing with BootStrap5 (which uses JS and CSS that breaks on old browsers) SweeSS is made to be compatible and lightweight.

All SweeSS classes


thumb, used in screenshot images


nav and colornav, used for navigation icons


Your link here

social, for social links, icon needs to be 24x24


code, used in code obviously. monospace text and black background.

Hyperlink without link class
Hyperlink with link class

input, a good alternative if you don't style your input boxes


Hello, world!

softcard, used in Swee's software page.

Combining with szcard adds the SweeZero gradient

Hello, world!

Do you like SweeSS?

If you designed your page with SweeSS (even a modified version!), feel free to add this cute little badge to any part of your site!

HTML code:

<a href="https://swee.codes/u/sweess"><img src="https://swee.codes/assets/sweess-badge.svg"></a>