Skip to main content
react-md
react-md - Colors And Theming - Theme Builder

Configuration

Primary colorteal (site default)
Secondary colorpink (site default)
Accent hue200 (site default)
Compliance Levellarge (3:1)
Theme Preview

Look at this

SCSS Usage
12345678@import '@react-md/theme/dist/color-palette';

$rmd-theme-primary: $rmd-teal-500;
$rmd-theme-secondary: $rmd-pink-a-200;
// other variable overrides

@import '~react-md/dist/react-md';
@include react-md-utils;
CDN Usage (jsDelivr)
123456789101112131415     <meta
       name="description"
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link
+      crossorigin
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/gh/mlaursen/react-md@2.9.1/dist/css/react-md.teal-pink-200-light.min.css"
+    />