/Alto

A clean, minimalist theme featuring a light and dark mode for Ghost

Primary LanguageCSSMIT LicenseMIT

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: https://alto.ghost.io

 

Instructions

  1. Download this theme
  2. Log into Ghost, and go to the Design settings 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:

# Install
yarn

# 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.

Copyright & License

Copyright (c) 2013-2022 Ghost Foundation - Released under the MIT license.