Adding playground to doc

Author: webdevnerdstuff

src/plugin/styles/README.md

@@ -11,8 +11,9 @@ Before you get started, please read the [Contributing](https://github.com/webdev
 2. Clone the forked repository to your local machine.
 3. Create a new branch for your changes.
 4. Install the node packages `pnpm i`. Please do not use `npm` or `yarn`.
-5. Run the development server `pnpm watch`.
-6. You can view the demo site at the link provided by vite that will display in the console.
+5. Run the development server with the developer playground `pnpm play`.
+6. You can view the demo site at the link provided by vite that will display in the console. Ex. `http://localhost:5173/vue3-code-block/`
+7. You can view the playground page by adding `playground/` to the demo site link provided by vite that will display in the console. Ex. `http://localhost:5173/vue3-code-block/playground/`
 
 ## 📋 Additional notes
 Make sure you are not adding a theme that already exists.  
@@ -21,7 +22,9 @@ When selecting colors for the tabs, use colors from the themes stylesheet. Gener
 
 Do not change other variable colors. Please stick to the theme you are adding. If you have a suggestion for changing a variable color already defined, please open a [discussion](https://github.com/webdevnerdstuff/vue3-code-block/discussions). The reason we have the variables is to allow users to customize the colors to their liking if they do not like the defaults already created.  
 
-Make sure your `css` and `scss` files are using tabbed spacing. When adding themes, do not change or alter any other files than the ones mentioned below. If you have a bug fix please make your changes in a separate branch and create a separate pull request.
+Make sure your `css` and `scss` files are using tabbed spacing. When adding themes, do not change or alter any other files than the ones mentioned below. If you have a bug fix please make your changes in a separate branch and create a separate pull request.  
+
+Do not commit the `PlaygroundPage.vue` file. This is only for testing purposes.
 
 ## ⌨ Add new theme variables
 Update `cssVariables.css` by including the new theme variables. All values must use the [hsl](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl) color format.