This repository has been deprecated and the files have been moved to Design system monorepo on Nov. 1st, 2023.
This is the home for Dialtone, Dialpad's design system. It includes the resources needed to create consistent, predictable interfaces that conform to Dialpad’s design principles, language, styles, and best practices.
npm install @dialpad/dialtone
- CSS/LESS:
@import "node_modules/@dialpad/dialtone/lib/dist/css/dialtone.min.css";- Javascript:
import '@dialpad/dialtone/lib/dist/css/dialtone.min.css';- Light mode
<body class="dialtone-theme-light">...</body>- Dark mode
<body class="dialtone-theme-dark">...</body>This will define the Dialtone CSS variables for your desired theme. It is required to do this for Dialtone to function.
To build Dialtone locally, visit our installation instructions.
If you're interested in contributing to Dialtone, please read our contributing docs before submitting a pull request.
Requesting a feature or reporting a bug? Please do so at the below links:
Please also feel free to contact us via the #dialtone Slack channel with any questions