Ghost ease theme dark mode

Last updated on Oct 19, 2022

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>