fix: revert to popupcss to repair latex math preview and popup styles

material-theme · Nov 6, 2017 · 9f6caac · 9f6caac
1 parent 2115490
commit 9f6caac
Show file tree

Hide file tree

Showing 5 changed files with 149 additions and 38 deletions.
diff --git a/schemes/Material-Theme-Darker.tmTheme b/schemes/Material-Theme-Darker.tmTheme
@@ -33,8 +33,36 @@
 				<string>#65737e</string>
 				<key>lineHighlight</key>
 				<string>#00000050</string>
-				<key>phantomCss</key>
-				<string>&lt;![CDATA[ html { background-color: #212121; color: #eeffffff; padding: 16px; } a { color: #B2CCD6; line-height: 16px; } .error, .deleted { color: #FF5370; } .success, .inserted { color: #C3E88D; } .warning, .modified { color: #FFCB6B; } .type { color: #89DDFF; font-style: italic; } .param { color: #F78C6C; } .current { text-decoration: underline; } ]]&gt;</string>
+				<key>popupCss</key>
+				<string>html {
+  background-color: #212121;
+  color: #eeffffff;
+  padding: 16px;
+}
+a {
+  color: #B2CCD6;
+  line-height: 16px;
+}
+.error, .deleted {
+  color: #FF5370;
+}
+.success, .inserted {
+  color: #C3E88D;
+}
+.warning, .modified {
+  color: #FFCB6B;
+}
+.type {
+  color: #89DDFF;
+  font-style: italic;
+}
+.param {
+  color: #F78C6C;
+}
+.current {
+  text-decoration: underline;
+}
+</string>
 				<key>selection</key>
 				<string>#61616150</string>
 				<key>selectionBorder</key>

diff --git a/schemes/Material-Theme-Lighter.tmTheme b/schemes/Material-Theme-Lighter.tmTheme
@@ -33,8 +33,36 @@
 				<string>#E7EAEC</string>
 				<key>lineHighlight</key>
 				<string>#90A4AE20</string>
-				<key>phantomCss</key>
-				<string>&lt;![CDATA[ html { background-color: #fafafa; color: #80CBC4; padding: 16px; } a { color: #8796B0; line-height: 16px; } .error, .deleted { color: #E53935; } .success, .inserted { color: #91B859; } .warning, .modified { color: #FFB62C; } .type { color: #39ADB5; font-style: italic; } .param { color: #F76D47; } .current { text-decoration: underline; } ]]&gt;</string>
+				<key>popupCss</key>
+				<string>html {
+  background-color: #fafafa;
+  color: #80CBC4;
+  padding: 16px;
+}
+a {
+  color: #8796B0;
+  line-height: 16px;
+}
+.error, .deleted {
+  color: #E53935;
+}
+.success, .inserted {
+  color: #91B859;
+}
+.warning, .modified {
+  color: #FFB62C;
+}
+.type {
+  color: #39ADB5;
+  font-style: italic;
+}
+.param {
+  color: #F76D47;
+}
+.current {
+  text-decoration: underline;
+}
+</string>
 				<key>selection</key>
 				<string>#80CBC440</string>
 				<key>selectionBorder</key>

diff --git a/schemes/Material-Theme-Palenight.tmTheme b/schemes/Material-Theme-Palenight.tmTheme
@@ -33,8 +33,36 @@
 				<string>#4E5579</string>
 				<key>lineHighlight</key>
 				<string>#00000030</string>
-				<key>phantomCss</key>
-				<string>&lt;![CDATA[ html { background-color: #292D3E; color: #959DCB; padding: 16px; } a { color: #B2CCD6; line-height: 16px; } .error, .deleted { color: #FF5370; } .success, .inserted { color: #C3E88D; } .warning, .modified { color: #FFCB6B; } .type { color: #89DDFF; font-style: italic; } .param { color: #F78C6C; } .current { text-decoration: underline; } ]]&gt;</string>
+				<key>popupCss</key>
+				<string>html {
+  background-color: #292D3E;
+  color: #959DCB;
+  padding: 16px;
+}
+a {
+  color: #B2CCD6;
+  line-height: 16px;
+}
+.error, .deleted {
+  color: #FF5370;
+}
+.success, .inserted {
+  color: #C3E88D;
+}
+.warning, .modified {
+  color: #FFCB6B;
+}
+.type {
+  color: #89DDFF;
+  font-style: italic;
+}
+.param {
+  color: #F78C6C;
+}
+.current {
+  text-decoration: underline;
+}
+</string>
 				<key>selection</key>
 				<string>#717CB440</string>
 				<key>selectionBorder</key>

diff --git a/schemes/Material-Theme.tmTheme b/schemes/Material-Theme.tmTheme
@@ -33,8 +33,36 @@
 				<string>#65737e</string>
 				<key>lineHighlight</key>
 				<string>#00000050</string>
-				<key>phantomCss</key>
-				<string>&lt;![CDATA[ html { background-color: #263238; color: #eeffff; padding: 16px; } a { color: #B2CCD6; line-height: 16px; } .error, .deleted { color: #FF5370; } .success, .inserted { color: #C3E88D; } .warning, .modified { color: #FFCB6B; } .type { color: #89DDFF; font-style: italic; } .param { color: #F78C6C; } .current { text-decoration: underline; } ]]&gt;</string>
+				<key>popupCss</key>
+				<string>html {
+  background-color: #263238;
+  color: #eeffff;
+  padding: 16px;
+}
+a {
+  color: #B2CCD6;
+  line-height: 16px;
+}
+.error, .deleted {
+  color: #FF5370;
+}
+.success, .inserted {
+  color: #C3E88D;
+}
+.warning, .modified {
+  color: #FFCB6B;
+}
+.type {
+  color: #89DDFF;
+  font-style: italic;
+}
+.param {
+  color: #F78C6C;
+}
+.current {
+  text-decoration: underline;
+}
+</string>
 				<key>selection</key>
 				<string>#80CBC420</string>
 				<key>selectionBorder</key>

diff --git a/sources/schemes/scheme.YAML-tmTheme b/sources/schemes/scheme.YAML-tmTheme
@@ -23,36 +23,35 @@ settings:
     selection: '<%= scheme.selection %>'
     selectionBorder: '<%= scheme.selection %>'
     shadow: '<%= scheme.shadow %>'
-    phantomCss: "<![CDATA[
-    html {
-      background-color: <%= scheme.background %>;
-      color: <%= scheme.foreground %>;
-      padding: 16px;
-    }
-    a {
-      color: <%= scheme.base.paleblue %>;
-      line-height: 16px;
-    }
-    .error, .deleted {
-      color: <%= scheme.base.red %>;
-    }
-    .success, .inserted {
-      color: <%= scheme.base.green %>;
-    }
-    .warning, .modified {
-      color: <%= scheme.base.yellow %>;
-    }
-    .type {
-      color: <%= scheme.base.cyan %>;
-      font-style: italic;
-    }
-    .param {
-      color: <%= scheme.base.orange %>;
-    }
-    .current {
-      text-decoration: underline;
-    }
-    ]]>"
+    popupCss: |
+      html {
+        background-color: <%= scheme.background %>;
+        color: <%= scheme.foreground %>;
+        padding: 16px;
+      }
+      a {
+        color: <%= scheme.base.paleblue %>;
+        line-height: 16px;
+      }
+      .error, .deleted {
+        color: <%= scheme.base.red %>;
+      }
+      .success, .inserted {
+        color: <%= scheme.base.green %>;
+      }
+      .warning, .modified {
+        color: <%= scheme.base.yellow %>;
+      }
+      .type {
+        color: <%= scheme.base.cyan %>;
+        font-style: italic;
+      }
+      .param {
+        color: <%= scheme.base.orange %>;
+      }
+      .current {
+        text-decoration: underline;
+      }
 
 # >> General