⚑ 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
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.
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.
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.yamlfile 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 ------------
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).
Table of Contents. Documentation
Content Notes. Documentation
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.
Change the subscribe form
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.
Date format consistency across the homepage, post page and archive.
Added responsive support for Descript embeded videos.
Italian translation. Thanks, Silvio!
Updated Node dependencies modules
Improve the heading structure for homepage section titles.
Remove social media link’s target attribute for opening links in a new tab. Let people decide how they want to open the links.
titleattribute from social media link to fix the duplication when using VoiceOver. The alternative text (screen reader only text) is being used instead.
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.
------------ 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. 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!
Have any questions? I’m here to help.Contact Ahmad