Supreme ui
A simple and clean css framework.
Customize your theme
Variable | Default value |
---|---|
Basic | |
--color-primary | #fb1b1b |
--color-primary-contrast | #ffffff |
--color-secondary | #6FCF97 |
--color-secondary-contrast | #ffffff |
--color-success | #1A5CB4 |
--color-success-contrast | #ffffff |
--color-outline | #fb1b1b |
--color-border | #afafaf |
--color-text | #000 |
Background | |
--color-background-error | #ff0000a8 |
--color-background-error-contrast | #ffffff |
--color-background-paper | #fafafa |
--color-background | #f0f2f5 |
Others | |
--color-scrollbar | #cecece |
--color-error | #B10000 |
Instalation
Npm (recomended)
- Installing package:
yarn add supreme-ui # or npm install supreme-ui
- Import to your project:
// In some *.ts, *.js... import 'supreme-ui/dist/supreme-ui.css';
CDN links
-
Fonts
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap">
-
Supreme ui
<link rel="stylesheet" href="https://unpkg.com/supreme-ui@latest/dist/supreme-ui.css">