expose templateLoader to window,

fix styles

src/store/middleware/extensions.js

@@ -2,7 +2,8 @@
  * sends events via window.pixelPlanetEvents to potential
  * Extensions and Userscripts
  * Also check out ui/PixelTransferController.js, which sends received
- * pixels to a window.registerPixelUpdates callback
+ *   pixels to a window.registerPixelUpdates callback
+ * And check ui/templateLoader.js,which is also at window.templateLoader
  *
  */
 

src/styles/theme-dark-round.css

@@ -134,11 +134,11 @@ h3, h4 {
   background-color: hsla(216, 4%, 74%, .3);
 }
 
-.modalinfo {
+.modalinfo, .tmpitm-desc span {
   color: #ddd;
 }
 
-.modalcvtext {
+.modalcvtext, .tmpitm-desc {
   color: hsla(220, 100%, 95.3%, 0.6);
 }
 

src/styles/theme-dark-spooky.css

@@ -189,13 +189,13 @@ tr:nth-child(odd) {
 }
 
 
-.modalinfo {
+.modalinfo, .tmpitm-desc span {
   color: #c9abab;
   font-size: 20px;
   font-weight: 500, bold;
 }
 
-.modalcvtext {
+.modalcvtext, .tmpitm-desc {
   color: #e2e2e2;
 }
 

src/styles/theme-dark-sstraight.css

@@ -139,11 +139,11 @@ h3, h4 {
   background-color: hsla(216, 4%, 74%, .3);
 }
 
-.modalinfo {
+.modalinfo, .tmpitm-desc span {
   color: #ddd;
 }
 
-.modalcvtext {
+.modalcvtext, .tmpitm-desc {
   color: hsla(220, 100%, 95.3%, 0.6);
 }
 

src/styles/theme-dark.css

@@ -117,11 +117,11 @@ h3, h4 {
   background-color: #404040;
 }
 
-.modalinfo {
+.modalinfo, .tmpitm-desc span {
   color: #ddd;
 }
 
-.modalcvtext {
+.modalcvtext, .tmpitm-desc {
   color: hsla(220, 100%, 95.3%, 0.6);
 }
 

src/ui/templateLoader.js

@@ -292,5 +292,6 @@ class TemplateLoader {
 }
 
 const templateLoader = new TemplateLoader();
+window.templateLoader = templateLoader;
 
 export default templateLoader;