View prism
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-fTl/qcO1VgvKtOMApX2PdZzkziyr2stM65GYPLGuYMnuMm1z2JLJG6XVU7C/mR+E7xBUqCivykuhlzfqxXBXbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
View dark.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Copy the follwing to Code Injection. | |
<style> | |
:root { | |
--color-mode: 'dark'; | |
--color-brand: var(--ghost-accent-color); | |
--color-white: #FFFFFF; | |
--color-dark: #010101; | |
--color-text: #FFFFFF; | |
--color-gray: #E5EFF5; |
View gist:fa6e5979484fbf404c20a4d15d755ea3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Replace YOUR_LIGHT_COLOR_HERE with your light background. | |
// Replace YOUR_DARK_COLOR_HERE in two lines with your dark background. | |
<style> | |
:root { | |
--nav-background: YOUR_LIGHT_COLOR_HERE; | |
} | |
@media (prefers-color-scheme: dark) { | |
:root:not([data-user-color-scheme]) { |
View gist:78b456b3e81af58c6f71ae2db3c556ed
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
.c-content .kg-callout-card.kg-callout-card-grey { background: rgba(124,139,154,.13); } | |
.c-content .kg-callout-card.kg-callout-card-blue { background: rgba(33,172,232,.12); } | |
.c-content .kg-callout-card.kg-callout-card-green { background: rgba(52,183,67,.12); } | |
.c-content .kg-callout-card.kg-callout-card-yellow { background: rgba(240,165,15,.13); } | |
.c-content .kg-callout-card.kg-callout-card-red { background: rgba(209,46,46,.11); } | |
.c-content .kg-callout-card.kg-callout-card-pink { background: rgba(225,71,174,.11); } | |
.c-content .kg-callout-card.kg-callout-card-purple { background: rgba(135,85,236,.12); } | |
.c-content .kg-callout-card.kg-callout-card-accent { background: var(--ghost-accent-color); } | |
</style> |
View gist:8e14ff3d62287abb358492d685c41d0f
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{{#unless access}} | |
<aside class='c-post-upgrade-cta'> | |
{{#has visibility='members'}} | |
<h4 class='c-post-upgrade-cta__title'>{{t 'This page is for subscribers only'}}</h4> | |
{{/has}} | |
{{#has visibility='paid'}} | |
<h4 class='c-post-upgrade-cta__title'>{{t 'This page is for paying subscribers only'}}</h4> | |
{{/has}} |
NewerOlder