From cfb365d340accd8809c5a2ccee7f7c6f11a337a9 Mon Sep 17 00:00:00 2001 From: Pascal Andy Date: Mon, 18 Feb 2019 10:22:16 -0500 Subject: [PATCH] Major update for highlight-js: Added agate.css to better control how it renders Signed-off-by: Pascal Andy --- README.md | 12 ++-- assets/css_firepress/agate.css | 112 +++++++++++++++++++++++++++++ assets/css_firepress/agate.min.css | 20 ++++++ 3 files changed, 138 insertions(+), 6 deletions(-) create mode 100755 assets/css_firepress/agate.css create mode 100644 assets/css_firepress/agate.min.css diff --git a/README.md b/README.md index 1233fce..8205030 100644 --- a/README.md +++ b/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).
diff --git a/assets/css_firepress/agate.css b/assets/css_firepress/agate.css new file mode 100755 index 0000000..fb76e33 --- /dev/null +++ b/assets/css_firepress/agate.css @@ -0,0 +1,112 @@ +/*! + * Agate by Taufik Nurrohman + * + * + * + * ---------------------------------------------------- + * + * #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 +} diff --git a/assets/css_firepress/agate.min.css b/assets/css_firepress/agate.min.css new file mode 100644 index 0000000..455da4e --- /dev/null +++ b/assets/css_firepress/agate.min.css @@ -0,0 +1,20 @@ +/*! + * Agate by Taufik Nurrohman + * + * + * + * ---------------------------------------------------- + * + * #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} \ No newline at end of file