Highlight pattern class headers in reference

Author: zoltantothcom

Diff for: src/components/PatternsList.jsx

@@ -21,6 +21,12 @@ const StyledPatterns = styled.div`
     color: ${props => props.theme.header};
     margin-top: 2.5rem;
   }
+
+  h3 {
+    border-bottom: 1px solid ${props => props.theme.text};
+    color: ${props => props.theme.header};
+    padding-bottom: 1rem;
+  }
 `;
 
 const PatternsList = () => {

Diff for: src/styles/themes/theme.dark.js

@@ -36,7 +36,7 @@ export const themeDark = {
   toggleActiveBorder: C.SILVER,
 
   // text and header
-  header: C.GRAY,
+  header: C.WILD_SAND,
   text: C.SILVER,
 
   border: C.TUNDORA