Added "syntax highlighting" styling and implemented it in the connect to mysql article

1 files changed, 38 insertions, 0 deletions

diff --git a/src/styles.css b/src/styles.css
index aa08868..ecafe29 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -326,6 +326,44 @@ blockquote > :last-child {
   box-sizing: border-box;
 }
 
+/* Syntax highlighting (colours are inspired from gruvbox) */
+
+code span {
+  background-color: inherit;
+}
+
+.cst, .chr { /* Constant, Chars */
+  color: #d787af;
+}
+
+.com { /* Comment */
+  color: #8a8a8a;
+}
+
+.kwd { /* Keyword */
+  color: #d75f5f;
+}
+
+.kwD { /* Second keyword color */
+  color: #87af87;
+}
+
+.kWD { /* Third keyword color */
+  color: #ff8700;
+}
+
+.typ { /* Type */
+  color: #ffaf00;
+}
+
+.cls { /* Class */
+  color: #87afaf;
+}
+
+.fnc, .str { /* Function names, Strings */
+  color: #afaf00;
+}
+
 /* OpenSans font */
 
 @font-face {