Web Themes & Templates

Hue - Ghost CMS Theme for Podcasting

Hue - Ghost CMS Theme for Podcasting

Show off Your Podcast with Hue

Hue is designed for podcasting making it easy to show your podcasts in an attractive and organized way.

Control and Organize Content

To organize the content and separate normal posts from the podcast posts, Hue is organized to:

  • Show all posts with the podcast tag on the homepage with an auto-generated number for each post (Episode)(E1, E2,…).

  • Show all posts with the blog tag on a separate /blog page.

Make Money with Hue

Hue comes with full membership and members support which makes it the ultimate theme for monetizing your podcast with Ghost.

Love Dark Mode?

Enjoy reading your blog in dark mode. The dark mode is automatically based on the Operating System mode. Also with the navigation button, you can choose between dark and light modes.

Find It Faster

Instant search your posts as you type. Search organizes your results into links and photos for more visibility.

The supported languages are English, Russian, French, Spanish, Germany, Portuguese, Italian, Finnish, Dutch, and Danish.

Choose from Different Icons

You can choose from 8 different icons for podcast services to add to the homepage Hero section.

The icons are for the following services:
  • Apple Podcasts
  • Overcast
  • Spotify
  • Pocket Casts
  • Castro
  • Breaker
  • Google Podcasts
  • RadioPublic

Deploy with a Git Push

Integrated with the Deploy Ghost Theme GitHub Action for easy theme deployment.

Hue Also Comes With

  • Search support
  • Images lazy-loading for optimal performance
  • Translation support for 9 different languages. German, Spanish, French, Portuguese, Italian, Finnish, Dutch, Turkish, and Danish.
  • Disqus, Commento & CommentBox comments
  • Syntax Highlighting
  • Related Posts
  • Responsive Tables

Want to use Hue for a normal blog?

If you like Hue but want to use it for a normal blog and show all the blog posts on the homepage, not just the posts tagged with the podcast. You can do that with a simple theme customize, the theme documentation shows exactly how to do this.

Hue Documentation

Changelog

  <strong>------------  VERSION - 1.0.8: Release on 05 March 2021  ------------</strong>

  [+] Improve: Typography improvements for content elements (UL, OL)
  [+] Improve: Added outline to buttons for Accessibility
  [+] Improve: Color contrast for the subscribe notifications
  [+] Improve: Make subscribe forms input text full width in small screens. Thanks, Bhavesh!
  [+] Fix: Source code blocks background in dark mode
  [+] Improve: Source code blocks are now responsive.
      No text breaks, and now scrollable.

  <strong class="u-color-success">Changed Files:</strong>
    package.json
    package-lock.json

    assets/css/style-min-rtl.css
    assets/css/style-min.css

    assets/sass/components/_buttons.scss
    assets/sass/components/_color-mode-btn.scss
    assets/sass/components/_content.scss
    assets/sass/components/_subscribe.scss
    assets/sass/elements/_code.scss
    assets/sass/settings/_colors-dark.scss
    assets/sass/settings/_colors.scss

    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
  <strong>------------  VERSION - 1.0.7: Release on 16 December 2020  ------------</strong>
  [+] New: Added support for Ghost Secondary Navigation in the theme footer
  [+] Improve: Inter font loading performance
      Now, the font is served from Google Fonts CDN instead of loading the font locally
  [+] Improve: Membership text copywriting improvements. For example, `Log in` instead of `Log In`
  [+] Improve: ISO code for the Dutch language in search
  [+] Improve: Rename the Dutch language translation file name to nl.json instead of du.json
  [+] Improve: Used CSS `max-height` to control the logo image instead of `max-width`.
      This makes resizing the logo more flexible. Consider reviewing your logo size after this update.
      Docs: <a href="https://aspirethemes.com/docs/hue#customize-logo-size">https://aspirethemes.com/docs/hue#customize-logo-size</a>
  [+] Improve: Added explicit `width` and `height` attributes to images to avoid Cumulative Layout Shift
  [+] Update: NPM packages
  [+] Update: The tooltips CSS package to use the new repo (@primer/css)
  [+] Update: Deploy Ghost Theme Github action config file
  [+] Fix: Search date. Now using the published date instead of the created date

  [====] New Files:
    locales/nl.json
    partials/fonts.hbs
    assets/sass/components/_footer-nav.scss
  [====]

  [====] Deleted Files:
    locales/du.json
    partials/teaser.hbs
    assets/sass/settings/_fonts.scss
    assets/fonts/inter/Inter-italic.var.woff2
    assets/fonts/inter/Inter-roman.var.woff2
  [====]

  [====] Changed Files:
    .github/workflows/deploy-theme.yml
    .jshintignore
    README.md
    assets/css/style-min-rtl.css
    assets/css/style-min.css
    assets/js/app.js
    assets/js/app.min.js
    assets/js/ghosthunter.js
    assets/sass/components/__all.scss
    assets/sass/components/_author.scss
    assets/sass/components/_footer-nav.scss
    assets/sass/components/_logo.scss
    assets/sass/components/_post-card.scss
    assets/sass/components/_post-hero.scss
    assets/sass/settings/__all.scss
    assets/sass/settings/_type.scss
    assets/sass/vendor/__all.scss
    author.hbs
    default.hbs
    gulpfile.js
    locales/ar.json
    locales/da.json
    locales/de.json
    locales/en.json
    locales/es.json
    locales/fi.json
    locales/fr.json
    locales/it.json
    locales/pt.json
    locales/tr.json
    members/signin.hbs
    members/signup.hbs
    package-lock.json
    package.json
    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
    partials/fonts.hbs
    partials/footer.hbs
    partials/header.hbs
    partials/hero-subscribe-form.hbs
    partials/hero.hbs
    partials/page-upgrade-cta.hbs
    partials/post-card.hbs
    partials/post-hero.hbs
    partials/post-meta.hbs
    partials/subscribe-list.hbs
  [====]
  <strong>------------  VERSION - 1.0.6: Release on 14 October 2020  ------------</strong>
  [+] Fix: Podcast number in podcast tag page. Thanks Ami!

  [====] Changed Files:
    default.hbs
    package-lock.json
    package.json
    tag.hbs
  [====]
  ------------  VERSION - 1.0.5: Release on 24 September 2020  ------------
  [+] Improve: Content typography and embedded iframe improvements
  [+] Improve: Change the `Sign Up` label to `Subscribe`
  [+] Improve: Remove white background from Twitter and Instagram embeds
  [+] Fix: Commento MARKDOWN preview styling issues

  [====] Changed Files:
    assets/css/style-min-rtl.css
    assets/css/style-min.css
    assets/sass/components/_alerts.scss
    assets/sass/components/_content.scss
    assets/sass/components/_kg-card.scss
    assets/sass/components/_post-hero.scss
    assets/sass/elements/_blockquote.scss
    assets/sass/elements/_type.scss
    assets/sass/vendor/__all.scss
    locales/ar.json
    locales/da.json
    locales/de.json
    locales/du.json
    locales/en.json
    locales/es.json
    locales/fi.json
    locales/fr.json
    locales/it.json
    locales/pt.json
    locales/tr.json
    members/signup.hbs
    package-lock.json
    package.json
    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
    partials/header.hbs
    post.hbs
  [====]

  [====] New Files:
    assets/sass/vendor/_commento.scss
  [====]

  [====] Deleted Files:
    assets/css/dark-min-rtl.css
    assets/css/dark-min.css
    assets/css/dark.min.css
    assets/css/style.min.css
  [====]
  ------------  VERSION - 1.0.4: Release on 02 September 2020  ------------
  [+] Fix: Twitter card width.
  [+] Fix: Gulp zip script to include hidden files that are used in and help in development mode. Thanks, Daniel!
  [+] Fix: Episode counter script console for non-home pages.
  [+] Fix: Account page Cancel subscription button style.
  [+] Improve: Add loading indicator for Subscribe page buttons. This will improve the user experience as the connection between Ghost and Stripe might take a second. This will also remove the confusion that clicking the button didn't work from the first time. Thanks, Angus!

  [====] Changed Files:
    assets/css/style-min-rtl.css
    assets/css/style-min.css
    assets/sass/components/_buttons.scss
    assets/sass/components/_kg-card.scss
    author.hbs
    default.hbs
    gulpfile.js
    package-lock.json
    package.json
    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
    tag.hbs
  [====]

  [====] New Files:
    ----
    NOTE: These are files are used in and help in development mode. Not adding them will not affect how the theme works in your blog. They will be invisible by default. If you are using Mac, press (Command + Shift + .) to show them. If you opened the theme in your code editor, you should see them fine.
    ----

    .editorconfig
    .gitignore
    .jshintignore
    .jshintrc
  [====]
  ------------  VERSION - 1.0.3: Release on 20 July 2020  ------------
  [+] Improve: Post text readability
  [+] Fixed: Header space issue in small screens

  [====] Changed Files:
    assets/css/style-min-rtl.css
    assets/css/style-min.css
    assets/sass/components/_content.scss
    assets/sass/components/_header.scss
    package-lock.json
    package.json
    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
  [====]
  ------------  VERSION - 1.0.2: Release on 2 July 2020  ------------
  [+] Improve: Accessibility
  [+] Improve: Change membership titles to H1
  [+] NEW: Added integration with Deploy Ghost Theme Github action
  [+] NEW: Added gulp zip command to easily zip the theme
  [+] New: Added Turkish translation. Thanks to S.Furkan Teke!
  [+] FIX: Load more text typo
  [+] FIX: Prevent postcards from expanding to the full width of only one card is available
  [+] Fixed: Content image alignments for small images
  [+] Fixed: Alerts elements design when empty
  [+] Fixed: Post hero meta alignment when there is no image in small screen

  [====] Changed Files:
    assets/css/style-min-rtl.css
    assets/css/style-min.css
    assets/js/app.min.js
    assets/sass/components/__all.scss
    assets/sass/components/_kg-card.scss
    assets/sass/components/_notifications.scss
    assets/sass/components/_post-card.scss
    assets/sass/components/_post-hero.scss
    assets/sass/settings/_colors.scss
    assets/sass/trumps/__all.scss
    assets/sass/objects/_grid.scss
    default.hbs
    gulpfile.js
    locales/ar.json
    locales/da.json
    locales/de.json
    locales/du.json
    locales/en.json
    locales/es.json
    locales/fi.json
    locales/fr.json
    locales/it.json
    locales/pt.json
    locales/tr.json
    partials/post-card.hbs
    members/account.hbs
    members/signin.hbs
    members/signup.hbs
    package-lock.json
    package.json
    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
    partials/notifications.hbs
    partials/pagination.hbs
    partials/post-hero.hbs
    page.hbs
    post.hbs
    partials/search-form.hbs
    partials/subscribe-list.hbs
  [====]

  [====] New Files:
    locales/tr.json
    assets/sass/components/_alerts.scss
    .github/workflows/deploy-theme.yml
  [====]

  [====] Deleted Files:
    assets/sass/trumps/_alerts.scss
  [====]
  ------------  VERSION - 1.0.1: Release on 7 May 20  ------------
  [+] NEW: Added member subscription information into Account page
  [+] NEW: Added dark mode
  [+] NEW: Add lazy loading for hero icons
  [+] Improve: Change page titles to H1 for SEO
  [+] Improve: Used Inter variable font
  [+] Improve: Increase logo image size
  [+] FIX: Twitter card width in mobile screen

  [====] Changed Files:
    It is recommended to use this version as a starting point, as some of the theme code is rewritten from scratch to support the dark mode version and a lot of files have changed.
  [====]
  ------------  VERSION - 1.0.0: Release on 15 February 20  ------------
  [+] Initial Release
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey