TL;DR: This stylesheet mimics latest Adwaita (libadwaita style). See the live demo to see results.
A stylesheet that makes native HTML elements look like they came straight from the GNOME desktop.
Bug reports/missing elements/etc
See Releases for instructions.
It is recommended to use the latest stable version.
Add the following to your HTML <head>
:
<link rel="stylesheet" href="https://raw.githubusercontent.com/TylerMS887/adwaita.css/main/adwaita.css">
A minimal (single line) version is also available:
<link rel="stylesheet" href="https://raw.githubusercontent.com/TylerMS887/adwaita.css/main/adwaita.min.css">
This imports the current work on Adwaita.CSS. It is not recommended to deploy your website while targeting the main
branch instead of a release.
Adwaita.CSS requires some classes to style select elements. These classes are used by the stylesheet.
checkmark
: This is used by the style to indicate checkboxes. See the code inindex.html
for an example.