hensm / photon.css

Stylesheet mimicking Firefox's Photon UI style for use in extensions.

photon.css

Photon UI style for extension/Firefox-related use. Adjusts to light/dark theme based on system theme (prefers-color-scheme).

Based partially on: https://design.firefox.com/photon/

Usage

Include the photon.css stylesheet and keep it alongside the image assets.

<link rel="stylesheet" href="photon/photon.css">

@import "photon/photon.css";

See examples/ for more detailed usage.

Building

Instructions

git clone https://github.com/hensm/photon.css
cd photon.css
npm install
npm run build

Output will be at dist/photon.css.