Update README.md

MichaelCurrin · web-flow · commit 65a12316f09f · 2020-05-03T13:12:02.000+02:00
diff --git a/docs/README.md b/docs/README.md
@@ -291,7 +291,6 @@ window.$docsify = {
 
 More on Docsify [theme color](https://docsify.js.org/#/configuration?id=themecolor).
 
-
 #### 6.2 CSS Themes
 
 Find the style which is set in the `<head>` tag, which looks like this.
@@ -322,6 +321,41 @@ Note: The _Buble_ theme has sidebar headings which are not distinguished from th
 </style>
 ```
 
+### 6.3 More styling
+
+
+You can easily reuse the theme color set early:
+
+```css
+.myButton {
+    background-color: var(--theme-color);
+}
+```
+
+Here is a some useful button styling I added to a site. The [Bess CSS Button Generator](https://www.bestcssbuttongenerator.com/) site was useful for discovering some attributes.
+
+```css
+.myButton {
+    background-color: var(--theme-color);
+    color: white;
+    /* Slightly larger */
+    font-size: 1.0em;
+    /* Round the edges */
+    border-radius: 8px;
+    padding: 6px 12px;
+    /* Change cursor on hover */
+    cursor: pointer;
+}
+.myButton:hover {
+    filter: brightness(110%)
+}
+/* Shift the button down on click */
+.myButton:active {
+    position:relative;
+    top: 2px;
+}
+```
+
 ### 7. Advanced configuration
 
 The configuration steps above already get you a prettier and more usable site in my opinion than the barebones one which the _Docsify_ `init` command or their _Quickstart_ guide gives you. This section covers advanced steps - you may skip these and jump straight to the [Github Pages](#setup-github-pages-site) section.
