Back to Changelogs

Ubud Changelog

Theme version: 1.0.5 — 08 November 2021 Documentation

Back Up Your Current Theme First

Please backup your current theme before updating to a new version.

  • Log in to your Ghost admin
  • Go to Settings > Theme > Installed Themes
  • Download your active theme

Theme Updating

First, download the new theme version from the email you received about the theme update. If you lost the email or the download link, click here for more details.

To update your current theme to the new version, copy and replace the below listed Changed Files from the new theme version to your theme.

In case of any listed Deleted Files, safely remove the files from your theme.

In case of any listed New Files, copy the files to your theme with the same file path.

Copying a file from the new version to your theme will override your file.

Redo your customizations to your file only if that file receives an update.

If you did CSS customizations in Code Injection, no need to worry about these unless I mention any CSS changes in the update changelog.

Once finished, zip your theme files, and upload the final zip file to your Ghost website.


Watch the following short video for a quick tutorial.

I always recommend updating your theme to the latest theme version to avoid future Ghost compatibility and API depreciation issues. Also, it will be easier to update to future theme updates too.

Troubleshooting

In case you encounter any issue while updating the theme, do/double-check the following:

  • Deactivate and activate the theme again
  • Upload the new/fresh theme version to see if the problem is from your theme or the new version
  • Restart Ghost
  • Make sure you uploaded the routes.yaml file if it is updated in the new theme version
  • Make sure you updated all the mentioned files in the changelog below

------------ Version: 1.0.5 — 8 Nov 2021 ------------

[+] New:

  1. Support for Ghost Accent color.
    Now, you can change the theme Accent color from the Ghost admin instead of using CSS variables. Accent color used throughout the theme in buttons background, quotes border,…
    Change the Accent color from the admin Settings > Design > Brand > Accent color.
    Ubud demo Accent color is: 5869DA (the dark orange color).
    Ghost Accent Color Setting

  2. Table of Contents. Documentation
    Ubud Content Notes

  3. Content Notes. Documentation
    Ubud Content Notes

  4. Added a gradient shadow effect to the article content if the reader has no content access and the Preview Card is used. Thanks, Isabelle & Allan.
    Ubud Content Gradient

[+] Improvements:

  1. Change the subscribe form data-members-form attribute from subscribe to signup. This change will make the Welcome page – which you can set from Settings > Membership – work if you want to redirect people to a custom page after they subscribe.

  2. Date format consistency across the homepage, post page and archive.

  3. Added responsive support for Descript embeded videos.

  4. Italian translation. Thanks, Silvio!

  5. Updated Node dependencies modules

[+] Accessibility:

  1. Improve the heading structure for homepage section titles.

  2. Remove social media link’s target attribute for opening links in a new tab. Let people decide how they want to open the links.

  3. Remove title attribute from social media link to fix the duplication when using VoiceOver. The alternative text (screen reader only text) is being used instead.

  4. Stop no-essential motion if a reader has requested the operating system to minimize the amount of motion it uses. Mozilla: prefers-reduced-motion

[+] Changed Files:

package-lock.json
.jshintignore
package.json
bower.json
gulpfile.js

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

assets/js/app.js
assets/js/app.min.js

assets/sass/components/__all.scss
assets/sass/components/_author.scss
assets/sass/components/_bookmark-card.scss
assets/sass/components/_buttons.scss
assets/sass/components/_card-archive.scss
assets/sass/components/_card-author.scss
assets/sass/components/_content.scss
assets/sass/components/_drop-cap.scss
assets/sass/components/_footer.scss
assets/sass/components/_header.scss
assets/sass/components/_logo.scss
assets/sass/components/_membership-plan.scss
assets/sass/components/_post-card.scss
assets/sass/components/_post-header.scss
assets/sass/components/_tags.scss
assets/sass/elements/_input.scss
assets/sass/elements/_tables.scss
assets/sass/generic/__all.scss
assets/sass/settings/_colors.scss
assets/sass/settings/_spaces.scss
assets/sass/settings/_type.scss
assets/sass/trumps/_colors.scss
assets/sass/trumps/_link.scss
assets/sass/trumps/_visibility.scss

archive.hbs
author.hbs
default.hbs
error.hbs
page.hbs
post.hbs

members/signup.hbs

partials/card-author.hbs
partials/compiled/inline-css-rtl.hbs
partials/compiled/inline-css.hbs
partials/header.hbs
partials/membership-upgrade.hbs
partials/post-card.hbs
partials/post-header.hbs
partials/share.hbs
partials/social-icons.hbs
partials/subscribe-box-icon.hbs
partials/subscribe-box.hbs
partials/subscribe-form.hbs

partials/home/featured-posts.hbs
partials/home/home-image-ricle--default.hbs
partials/home/home-image-ricle--large.hbs
partials/home/home-image-ricle--medium.hbs
partials/home/home-image-ricle--xLarge.hbs
partials/home/recent-posts.hbs

/locales/

(Copy all the `/locales/` folder and override your current theme one.)

[+] New files:

assets/sass/components/_columns.scss
assets/sass/components/_note.scss
assets/sass/components/_table-of-contents.scss
assets/sass/generic/_reduced-motion.scss

partials/table-of-contents.hbs

[⇄] New CSS variables:

I added eight new CSS variables for the new Note component. The following are the default values. I added these new colors to the available color schemes. If you are using any of these colors, copy and paste the update into Code Injection.

Check the colors documentation section for all the updates.

  --color-border-info:     #3366FF;
  --color-border-success:  #52BD95;
  --color-border-warning:  #FFB020;
  --color-border-danger:   #D14343;

  --background-info:      #F3F6FF;
  --background-success:   #ECFDF5;
  --background-warning:   #FFFAF2;
  --background-danger:    #FDF4F4;

[⇄] Removed CSS variables:

I removed the brand color and now you can set it from the Ghost admin.

  --color-brand: #5869DA;

------------  Version: 1.0.4 — 28 July 2021  ------------

[+] New: Added support for the feature image caption released in Ghost v4.9.0
[+] Improve: Accessibility improves for the postcard date. (Redundant title text)
[+] Improve: Increased the secondary/grey color contrast.
    This fixed the accessibility contrast issue when combined with a secondary/grey background.

Changed Files:
  package-lock.json
  package.json

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

  assets/sass/components/_content.scss
  assets/sass/components/_kg-card.scss
  assets/sass/components/_post-header.scss
  assets/sass/settings/_colors.scss

  partials/compiled/inline-css-rtl.hbs
  partials/compiled/inline-css.hbs

  partials/post-card.hbs
  partials/post-header.hbs
------------  Version: 1.0.3 — 05 July 2021  ------------

[+] Improve: Spanish translation. Thanks, Ignacio.
[+] Improve: Input field text color contrast.
[+] Improve: Added background to content images/gallery instead of a white
    background. A grey background color will be visible instead of white
    space before the images load to improve the loading experience.
[+] Update: Gulp/Sass modules packages.
[+] Fix: Archive page post list rendering style in Arabic.

Changed Files:
  gulpfile.js
  locales/es.json
  package-lock.json
  package.json

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

  assets/js/app.min.js

  assets/sass/components/_card-archive.scss
  assets/sass/components/_gallery.scss
  assets/sass/components/_kg-card.scss
  assets/sass/components/_post-header.scss
  assets/sass/components/_post.scss
  assets/sass/elements/_input.scss

  partials/compiled/inline-css-rtl.hbs
  partials/compiled/inline-css.hbs
------------  Version: 1.0.2 — 22 March 2021  ------------

❗ Please update to Ghost 4 first and then apply this version.

[+] New: Ghost 4.0 Support.
    - Fixing all compatibility issues
    - Support for the new Public Review content card
[+] Update: The theme is now using Portal notifications instead of the
built-in ones.
In Ghost 4.0, membership becomes an essential part of Ghost and no longer
a beta feature. Accordingly, the login/subscribe, and all membership browser
notifications come from Portal whether Portal is enabled or not.
So, when a person logins to the website, the theme will show a message,
and Portal will show one. Using Portal notifications ensures all notification
messages will be up to date with Ghost membership updates, eliminate the
conflict while login in, subscribe, or update a person’s information.

Ghost CMS Notifications

Deleted Files:
  partials/notifications.hbs
  assets/sass/components/_notifications.scss

Changed Files:
  archive.hbs
  default.hbs
  error.hbs
  page.hbs
  post.hbs
  home.hbs
  home-image-center.hbs
  home-image-circle.hbs
  home-image-full.hbs
  home-image-right.hbs
  home-image-wide.hbs

  package-lock.json
  package.json

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

  assets/js/app.js
  assets/js/app.min.js

  assets/sass/components/__all.scss
  assets/sass/components/_content.scss
  assets/sass/components/_bookmark-card.scss
  assets/sass/components/_post-card.scss
  assets/sass/components/_post-header.scss

  assets/sass/elements/_input.scss

  assets/sass/trumps/_spacing.scss

  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/nl.json
  locales/pt.json
  locales/tr.json

  members/account.hbs
  members/membership.hbs
  members/signin.hbs
  members/signup.hbs

  partials/compiled/inline-css-rtl.hbs
  partials/compiled/inline-css.hbs

  partials/home/featured-posts.hbs
  partials/home/recent-posts.hbs

  partials/loop.hbs
  partials/header.hbs
  partials/membership-plans.hbs
  partials/membership-upgrade.hbs
  partials/post-card.hbs
  partials/subscribe-box.hbs
  ------------  VERSION - 1.0.1: Release on 05 March 2021  ------------

  [+] NEW: Added ‘Skip to content’ link.
      An accessibility enhancement for site navigation with a keyboard.
      When using a keyboard to navigate the website, the ‘Skip to content’
      link will enable you to skip the navigation and go directly to the
      main content area. This is useful if people are only using the keyboard
      or using a screen-reader to navigate your website.
  
  [+] NEW: Added posts count to the Archive page tags
  [+] Improve: Source code blocks are now responsive.
      No text breaks, and now scrollable.
  [+] Improve: Table design by adding a background color to be more visible
  [+] Improve: Remove the `All Posts` homepage button if there are
      no published posts
  [+] Improve: Add `title` attribute to header icons and an alternative
      text for screen readers
  [+] Fix: Pages meta title tag for Blog and Archive pages
  [+] Fix: Author Twitter icon alignment
  [+] Fix: Theme body horizontal scroll issue when a wide image inserted
      in a post

  New Files:
    assets/sass/components/_skip.scss
    assets/sass/components/_drop-cap.scss

  Changed Files:
    home.hbs
    index.hbs
    page.hbs
    post.hbs
    tag.hbs
    error.hbs
    author.hbs
    default.hbs
    archive.hbs
    home-image-center.hbs
    home-image-circle.hbs
    home-image-full.hbs
    home-image-right.hbs
    home-image-wide.hbs

    bower.json
    gulpfile.js
    package.json
    package-lock.json
    .jshintignore

    assets/js/app.min.js

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

    assets/sass/components/__all.scss
    assets/sass/components/_card-archive.scss
    assets/sass/components/_card-author.scss
    assets/sass/components/_content.scss
    assets/sass/components/_kg-card.scss
    assets/sass/components/_nav.scss
    assets/sass/components/_pagination.scss
    assets/sass/components/_post-card.scss
    assets/sass/components/_post-header.scss
    assets/sass/components/_post.scss
    assets/sass/elements/_body.scss
    assets/sass/elements/_code.scss
    assets/sass/elements/_tables.scss
    assets/sass/trumps/_type.scss

    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/nl.json
    locales/pt.json
    locales/tr.json

    members/account.hbs
    members/membership.hbs
    members/signin.hbs
    members/signup.hbs

    partials/head.hbs
    partials/post-header.hbs
    partials/social-icons.hbs

    partials/home/all-posts-link.hbs

    partials/compiled/inline-css-rtl.hbs
    partials/compiled/inline-css.hbs
  ------------  VERSION - 1.0.0: Release on 22 Jan 2021  ------------
  [+] Initial Release

Your feedback is very welcome ♥

I’m open to your feedback and hear your experience about my themes and work. If you have a few minutes, please send your thoughts through this Google Form.

Thank you for your time!

Support

Have any questions? I’m here to help.

Contact Ahmad
Ahmad Ajmi