Major update for highlight-js: Added agate.css to better control how …

…it renders

Signed-off-by: Pascal Andy <[email protected]>

README.md

@@ -47,13 +47,13 @@ In short, you can try Ghost on the spot without having to sign-up!
 
 ## Why fork this Ghost Theme?
 
-- **Drop-in replacement** — No special tweaks to do. It will work out of the box.
 - **Enhancements** — This theme has been enhanced to feature some elements that are not present in the original theme. IMHO, these elements are hard to live without.
-    - Buttons (three styles)
-    - Icons (Font Awesome)
-    - Code Syntax (highlight.js)
-    - Tables (Grid) (great to make pricing table)
-- **Code Injection** — We share snippets that improve the look of this theme via this [Git repo](https://github.com/firepress-org/Code-Injection-Ghost). It’s an easy way to customize this theme. This allows you to override pretty much any styles you want to change.
+    1) Buttons
+    2) Icons (Font Awesome)
+    3) Code Syntax (highlight.js)
+    4) Grid table (great to make pricing table)
+- **Drop-in replacement** — No special tweaks to do. It will work out of the box. Ensure to use the appropriate [Code Injection](https://firepress.org/en/what-is-code-injection-in-ghost/) snippet.
+- **Code Injection** — We share snippets that customize the look of this theme. See [git repo](https://github.com/firepress-org/Code-Injection-for-Ghost-themes). It’s an easy way to customize this theme. This allows you to override pretty much any styles you want to change.
 - **Curated** — This theme was carefully selected out of hundreds of Ghost themes. See more of them in our [Ghost-Theme-Curated-Collection ](https://github.com/firepress-org/Ghost-Theme-Curated-Collection/tree/master/01_go) repo, or [by tags on Github](https://github.com/topics/firepress-ghost-theme).
 
 <br>

assets/css_firepress/agate.css

@@ -0,0 +1,112 @@
+/*!
+ * Agate by Taufik Nurrohman <https://github.com/tovic>
+ * <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/styles/agate.min.css">
+ * <!-- Line number is not supported > http://highlightjs.readthedocs.io/en/latest/line-numbers.html -->
+ *
+ * ----------------------------------------------------
+ *
+ * #ade5fc
+ * #a2fca2
+ * #c6b4f0
+ * #d36363
+ * #fcc28c
+ * #fc9b9b
+ * #ffa
+ * #fff
+ * #333
+ * #62c8f3
+ * #888
+ *
+ */
+
+.hljs {
+  display: block !important;
+  overflow-x: auto !important;
+  background: #333 !important;
+  color: white !important;
+  padding: 40px 20px 40px 20px !important;
+  font-size: 17px !important;
+}
+
+.hljs-name,
+.hljs-strong {
+  font-weight: bold
+}
+
+.hljs-code,
+.hljs-emphasis {
+  font-style: italic
+}
+
+.hljs-tag {
+  color: #62c8f3
+}
+
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #ade5fc
+}
+
+.hljs-string,
+.hljs-bullet {
+  color: #a2fca2
+}
+
+.hljs-type,
+.hljs-title,
+.hljs-section,
+.hljs-attribute,
+.hljs-quote,
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #ffa
+}
+
+.hljs-number,
+.hljs-symbol,
+.hljs-bullet {
+  color: #d36363
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal {
+  color: #fcc28c
+}
+
+.hljs-comment,
+.hljs-deletion,
+.hljs-code {
+  color: #888
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #c6b4f0
+}
+
+.hljs-meta {
+  color: #fc9b9b
+}
+
+.hljs-deletion {
+  background-color: #fc9b9b;
+  color: #333
+}
+
+.hljs-addition {
+  background-color: #a2fca2;
+  color: #333
+}
+
+.hljs a {
+  color: inherit
+}
+
+.hljs a:focus,
+.hljs a:hover {
+  color: inherit;
+  text-decoration: underline
+}

assets/css_firepress/agate.min.css

@@ -0,0 +1,20 @@
+/*!
+ * Agate by Taufik Nurrohman <https://github.com/tovic>
+ * <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/styles/agate.min.css">
+ * <!-- Line number is not supported > http://highlightjs.readthedocs.io/en/latest/line-numbers.html -->
+ *
+ * ----------------------------------------------------
+ *
+ * #ade5fc
+ * #a2fca2
+ * #c6b4f0
+ * #d36363
+ * #fcc28c
+ * #fc9b9b
+ * #ffa
+ * #fff
+ * #333
+ * #62c8f3
+ * #888
+ *
+ */.hljs{display:block!important;overflow-x:auto!important;background:#333!important;color:#fff!important;padding:40px 20px!important;font-size:17px!important}.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-bullet,.hljs-string{color:#a2fca2}.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-quote,.hljs-section,.hljs-title,.hljs-type{color:#ffa}.hljs-bullet,.hljs-number,.hljs-symbol{color:#d36363}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-deletion{color:#888}.hljs-link,.hljs-regexp{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background-color:#fc9b9b;color:#333}.hljs-addition{background-color:#a2fca2;color:#333}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}