Skip to content
/ Alto Public
forked from TryGhost/Alto

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

License

Notifications You must be signed in to change notification settings

xsdg/Alto

 
 

Repository files navigation

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.

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 54.3%
  • Handlebars 31.2%
  • JavaScript 14.5%