Add themes, standardize format

themes/blue/extra.css

@@ -0,0 +1,26 @@
+.tile-html h1,h2,h3,h4,h5,h6 {
+    color: var(--headings);
+}
+
+p, li, blockquote, pre{
+    color: var(--text);
+}
+
+dd, dfn{
+    color: var(--text2);
+}
+
+.tile-html blockquote {
+    background-color: var(--light);
+    border-left: 3px solid var(--secondary);
+    padding: 5px 10px;
+    display: inline-block;
+}
+
+.tile-html pre {
+    background-color: var(--light);
+    border: 1px solid var(--secondary);
+    border-left: 3px solid var(--secondary);
+    padding: 5px 10px;
+    display: inline-block;
+}

themes/blue/info.json

@@ -0,0 +1,5 @@
+{
+    "name": "Blue",
+    "colors": ["#284a5c", "#bc9e52", "#ff9e01"],
+    "credit": "3dudle"
+}

themes/blue/pub.css

@@ -0,0 +1 @@
+background-color: var(--background);

themes/blue/vars.json

@@ -0,0 +1,10 @@
+{
+    "primary": "#1EB1FF",
+    "secondary": "#bc9e52",
+    "medium": "#1685BF",
+    "headings": "#eef0f1",
+    "background": "#083045",
+    "text": "#eef0f1",
+    "text2": "#dbdfe1",
+    "light": "#284a5c"
+}

themes/flowers/extra.css

@@ -1,5 +1,5 @@
 .tile-html h1,h2,h3,h4,h5,h6 {
-    color: var(--text);
+    color: var(--headings);
 }
 
 .tile-html pre {

themes/flowers/vars.json

@@ -1,9 +1,11 @@
 {
     "primary": "#008000",
     "secondary": "#77ff77",
+    "medium": "#fc8a5b",
+    "headings": "#008000",
+    "background": "#ffffff",
+    "text": "#000000",
     "secondary-alpha": "rgba(119,255,119,.25)",
-    "text": "#008000",
     "light": "#ffd5d5",
-    "light-alpha": "rgba(255,213,213,.25)",
-    "medium": "#fc8a5b"
+    "light-alpha": "rgba(255,213,213,.25)"
 }

themes/harvest/vars.json

@@ -1,8 +1,10 @@
 {
     "primary": "#973b01",
     "secondary": "#bc525b",
-    "text": "#2f0701",
+    "medium": "#ff9e01",
+    "headings": "#2f0701",
+    "background": "#ffffff",
+    "text": "#000000",
     "light": "#ffe46f",
-    "light-alpha": "rgba(255,228,111,.25)",
-    "medium": "#ff9e01"
+    "light-alpha": "rgba(255,228,111,.25)"
 }

themes/plain/extra.css

@@ -0,0 +1,3 @@
+.tile-html h1,h2,h3,h4,h5,h6 {
+    color: var(--headings);
+}

themes/plain/info.json

@@ -1,4 +1,4 @@
 {
     "name": "Plain",
-    "colors": ["#ffffff", "#000000", "#2196F3"]
+    "colors": ["#000000", "#ffffff", "#2196F3"]
 }

themes/plain/vars.json

@@ -0,0 +1,8 @@
+{
+    "primary": "#2196F3",
+    "secondary": "#448AFF",
+    "medium": "#90CAF9",
+    "headings": "#2979FF",
+    "background": "#ffffff",
+    "text": "#000000"
+}

themes/sepia/extra.css

@@ -0,0 +1,24 @@
+.tile-html h1,h2,h3,h4,h5,h6 {
+    color: var(--text);
+}
+
+.tile-html blockquote {
+    background-color: var(--light2);
+    border-left: 3px solid var(--secondary);
+    padding: 5px 10px;
+    display: inline-block;
+}
+
+mark {
+    background: #f8edba
+}
+
+.tile-html pre {
+    background-color: var(--light2);
+    border: 1px solid var(--secondary);
+    border-left: 3px solid var(--secondary);
+    padding: 5px 10px;
+    display: inline-block;
+}
+
+

themes/sepia/info.json

@@ -0,0 +1,6 @@
+{
+    "name": "Sepia",
+    "background": "#d4c69f",
+    "colors": ["#bc7652", "#ffe46f", "#ff9e01"],
+    "credit": "3dudle"
+}

themes/sepia/pub.css

@@ -0,0 +1 @@
+background-color: var(--background);

themes/sepia/vars.json

@@ -0,0 +1,10 @@
+{
+    "primary": "#d4c69f",
+    "secondary": "#bc7652",
+    "medium": "#ff9e01",
+    "headings": "#2f0701",
+    "background": "#d4c69f",
+    "text": "#000000",
+    "light": "#ffe46f",
+    "light2": "#e7dab6"
+}