Remove predefined themes

docs-src/tutorials/02-usage.md

@@ -288,4 +288,4 @@ myTour.addStep('Step 1', {
 });
 ```
 
-Furthermore, while each of [Shepherd's themes](/docs/tutorial-predefined-themes.html) provides some basic arrow styling, you can style it as you wish by targeting [the markup that's genereated by Tippy](https://atomiks.github.io/tippyjs/#creating-custom-themes-tippy-element-structure).
+Furthermore, while Shepherd provides some basic arrow styling, you can style it as you wish by targeting [the markup that's genereated by Tippy](https://atomiks.github.io/tippyjs/#creating-custom-themes-tippy-element-structure).

docs-src/tutorials/03-styling.md

@@ -1,14 +1,4 @@
-We deliver some [predefined themes](/docs/themes.md) (e.g., `dark` or `square`). 
-You are welcome to use one of them by passing the `theme` option in the Shepherd config.
-
-```js
-const tour = new Shepherd.Tour({
-  ...
-  theme: 'light'
-});
-```
-
-If you'd like to extend a theme within your own CSS, you can pass custom class names to the tour instance — 
+If you'd like to change styles within your own CSS, you can pass custom class names to the tour instance — 
 or, as part of the options for each step — and use them as hooks for your own styling rules.
 
 ```javascript

docs-src/tutorials/config.json

@@ -6,11 +6,6 @@
     "title": "Usage"
   },
   "03-styling": {
-    "title": "Theming and Styling",
-    "children": {
-      "predefined-themes": {
-        "title": "Predefined Themes"
-      }
-    }
+    "title": "Theming and Styling"
   }
 }

src/js/styles/variables.js

@@ -1,5 +1,4 @@
 import { darken, desaturate, lighten, readableColor, transparentize } from 'polished';
-import themes from './themes';
 
 const styles = {
   arrowSize: 2.1,
@@ -16,10 +15,6 @@ const styles = {
 };
 
 export default function getVariables(options) {
-  if (options.theme) {
-    Object.assign(styles, themes[options.theme]);
-  }
-
   if (options.styleVariables) {
     Object.assign(styles, options.styleVariables);
   }