https://github.com/hensm/photon.css
Stylesheet mimicking Firefox's Photon UI style for use in extensions.
https://github.com/hensm/photon.css
Last synced: about 2 months ago
JSON representation
Stylesheet mimicking Firefox's Photon UI style for use in extensions.
- Host: GitHub
- URL: https://github.com/hensm/photon.css
- Owner: hensm
- License: mit
- Created: 2019-05-23T15:59:10.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-23T16:12:38.000Z (about 7 years ago)
- Last Synced: 2025-02-21T19:44:30.999Z (over 1 year ago)
- Language: CSS
- Homepage:
- Size: 70.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.
````html
````
````css
@import "photon/photon.css";
````
See `examples/` for more detailed usage.
## Building
### Instructions
````sh
git clone https://github.com/hensm/photon.css
cd photon.css
npm install
npm run build
````
Output will be at `dist/photon.css`.