Ghost ease theme dark mode
https://ghost.org/themes/ease/
Personally, i like ease theme but there is no dark mode. So i figured out how to do this, and now it is applied to my website :D !
In case you want it, you can inject this code to your ghost website.
<style type='text/css'>
.gh-content a {
color: #8d80cb;
}
pre, :not(pre)>code {
background-color: rgb(31 41 55/1);
}
a, h1, h2, h3, p, ul, code, :not(pre)>code {
color: white;
}
.gh-burger {
background-color: white;
}
body, .post-tag, .gh-head, .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
background-color: var(--color-darker-gray);
}
.gh-foot a:hover {
color: white;
opacity: 1;
}
</style>
Optionally you may want to remove search bar in ease theme. Because for some reason, the search bar doesn't working
<style type='text/css'>
.search-field, .search-button {
display: none !important;
}
</style>
And if you want to remove subscription button, you can do it too !
<style type='text/css'>
#ghost-portal-root,
a[href^="#/portal/signup"] { display: none; }
</style>