mkgzr
ds.css is a pure css framework and love letter to the DS / DS Lite's firmware.
Note (06/30/26)
Things are still a work-in-progress and not always thoroughly tested! Suggestions are welcome on the GitHub's Discussions page, and issues are too.
See the GitHub to get started, and use this page's sidebar to see what's included!
Manually resizing some components may look off (ex. buttons). The DS has a single repeating column for some of it's dithered gradients also included here.
Colors
16 themed colors are available to set background colors. They work well with some component backgrounds!
Note
For other uses, they're also css variables (ex. --color-ds-blue).
Add "-50" (ex. ds-blue-50) to use a lighter version of any color.
Accordion
Accordion headers can be colored.
Details

The DS Lite Is An Insane Budget System For 2026. Did You Know? Modding A 3DS Is Surprisingly Easy

Buttons
Buttons have 3 widths, and can be colored.
Input
Inputs have optional bumpers to go before and after them.
Radio Buttons
Radio buttons need a color to appear selected.
Important
Bring your own container for the <fieldset>! This example uses a grid for its layout.
Select an option
Grids
Grids should be provided with a width/height if they're empty.
Bars
Bars can appear colored.
Alert
Alerts can be paired with an optional loading animation (which could be used on its own, too!).
Looking for software available for download...
Info / Header Box
image
Settings
Change system settings here. Select the setting you'd like to change.
Pictochat
An optional selection / highlight class is available for pictochat elements.
Now joining..
satellites
cause the feelings come and go like flashing lights, but you never leave my satellite
Now leaving..
Calendar
Important
The calendar is a Web Component, and is imported separately as a JavaScript module.
The calendar can be colored with a style attribute, and can have its border hidden. It also updates on day changes!
Clock
Important
The clock is a Web Component, and is imported separately as a JavaScript module.
The clock can be colored with a style attribute, and can have its border hidden.