cp-theme is in a good state for now...

elements/rh-cta/demo/index.html

@@ -4,13 +4,14 @@
     <meta charset="utf-8">
     <title>RHElements: rh-cta Demo</title>
 
+    <!-- <link rel="stylesheet" href="../../../themes/cp-theme/cp-theme.css" /> -->
+    <link rel="stylesheet" href="http://overpass-30e2.kxcdn.com/overpass.css" />
+
     <!-- uncomment the es5-adapter if you're using the umd version -->
     <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
     <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
-    <script>require(['../rh-cta.umd.js'])</script>
-
-    <link rel="stylesheet" href="http://overpass-30e2.kxcdn.com/overpass.css" />
+    <script>require(['../../../themes/cp-theme/cp-theme.umd.js','../rh-cta.umd.js'])</script>
 
     <style>
       body {
@@ -35,15 +36,6 @@
         background: #d2d2d2;
       }
     </style>
-    <style>
-    /* For demoing theme styles... */
-    :root {
-      --rh-theme--color--ui-accent: green;
-      --rh-theme--color--ui-accent--hover: darkgreen;
-      --rh-theme--color--ui-accent--text: white;
-      --rh-theme--color--ui-accent--text--hover: white;
-    }
-    </style>
     <noscript>
       <link href="../../rhelement/rhelement-noscript.min.css" rel="stylesheet">
     </noscript>