Alto
A clean, minimalist theme featuring a light and dark mode. Launch your online publications with flair. Completely free and fully responsive, released under the MIT license.
Demo
Instructions
- Download this theme
- Log into Ghost, and go to the
Designsettings area to upload the zip file
White Logo
If your logo image isn't recognizable in dark mode, you can set a white version of the logo in Code injection > Site Header field.
<script> var gh_white_logo = 'https://example.com/content/images/white-logo.png';</script>
Development
Styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need Node, Yarn and Gulp installed globally. After that, from the theme's root directory:
# Installyarn # Run build & watch for changes$ yarn dev
Now you can edit /assets/css/ files, which will be compiled to /assets/built/ automatically.
The zip Gulp task packages the theme files into dist/<theme-name>.zip, which you can then upload to your site.
yarn zip
PostCSS Features Used
- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
Github
GitHub
