Fixed dark mode issues

ghost/admin/app/components/gh-launch-wizard/customise-design.hbs

@@ -156,7 +156,7 @@
             </div>
 
             <div class="gh-launch-wizard-nav-buttons">
-                <button type="button" class="gh-btn gh-btn-black gh-btn-icon-right gh-btn-large w-100" {{on "click" @nextStep}} data-test-button="wizard-next"><span>Next step{{svg-jar "arrow-right-tail"}}</span></button>
+                <button type="button" class="gh-btn gh-btn-black gh-btn-icon-right gh-btn-large gh-launch-wizard-btn w-100" {{on "click" @nextStep}} data-test-button="wizard-next"><span>Next step{{svg-jar "arrow-right-tail"}}</span></button>
             </div>
         </section>
     </div>

ghost/admin/app/components/gh-launch-wizard/finalise.hbs

@@ -1,5 +1,5 @@
 <div class="gh-launch-wizard-settings-container">
-    <div class="overflow-y-auto flex-grow-1">
+    <div class="overflow-scroll flex-grow-1">
         <h4>All looks good?</h4>
         <p>You are all set up to start creating content, grow an audience and make your first sale!</p>
         <p>You can further customise your site in Settings.</p>
@@ -10,7 +10,7 @@
             @task={{this.finaliseTask}}
             @buttonText="Launch your site!"
             @runningText="Launching..."
-            @class="w-70 ml4 gh-btn gh-btn-black gh-btn-large gh-btn-icon"
+            @class="w-70 ml4 gh-btn gh-btn-black gh-btn-large gh-btn-icon gh-launch-wizard-btn"
             data-test-button="wizard-finish"
         />
     </div>

ghost/admin/app/controllers/editor.js

@@ -95,7 +95,6 @@ export default Controller.extend({
 
     /* public properties -----------------------------------------------------*/
 
-    infoMessage: null,
     leaveEditorTransition: null,
     shouldFocusEditor: false,
     showDeletePostModal: false,
@@ -751,7 +750,6 @@ export default Controller.extend({
         this.set('leaveEditorTransition', null);
         this.set('showLeaveEditorModal', false);
         this.set('showPostPreviewModal', false);
-        this.set('infoMessage', null);
         this.set('wordCount', null);
 
         // remove the onbeforeunload handler as it's only relevant whilst on

ghost/admin/app/styles/app-dark.css

@@ -72,22 +72,22 @@
 :root {
     /* Primary colours */
     --black: #fafafb;
-    --white: #15171A;
+    --white: #111213;
     --lime: #B5FF18;
 
-    --darkgrey: #e5eff5;
-    --middarkgrey: #ABB4BE;
-    --midgrey: #738296;
-    --midlightgrey:#626D79;
-    --lightgrey: #292f38;
-    --whitegrey: #222730;
+    --darkgrey: #e8ebed;
+    --middarkgrey: #aeb5bc;
+    --midgrey: #80868e;
+    --midlightgrey:#60666c;
+    --lightgrey: #2b2d31;
+    --whitegrey: #1c1e21;
     --blue: color-mod(#3eb0ef l(+5%) s(+5%));
 
-    --dark-main-bg-color: #15171A;
-    --hairline-color-1: #292f38;
+    --dark-main-bg-color: #151719;
+    --hairline-color-1: #272a30;
     --hairline-color-2: #626D79;
 
-    --main-color-content-greybg: color-mod(var(--whitegrey-d1) l(+0%) s(+5%));
+    --main-color-content-greybg: var(--whitegrey);
     --list-color-divider: var(--whitegrey-l1);
 }
 
@@ -131,6 +131,11 @@ input:focus,
     border-color: color-mod(var(--lightgrey) l(+10%));
 }
 
+.for-checkbox input:checked + .input-toggle-component {
+    border-color: var(--green);
+    background: var(--green);
+}
+
 .gh-input-append {
     border-color: color-mod(var(--lightgrey));
 }
@@ -144,12 +149,16 @@ input:focus,
     background: color-mod(var(--lightgrey));
 }
 
+.gh-input-icon.gh-icon-link svg path {
+    stroke: var(--darkgrey);
+}
+
 .gh-main-white {
     background: var(--white);
 }
 
 .settings-menu-container {
-    background: #1c1f23;
+    background: var(--main-color-content-greybg);
 }
 
 @media (max-width: 800px) {
@@ -222,19 +231,26 @@ input:focus,
     text-shadow: none;
 }
 
-.gh-btn-primary {
+.gh-btn-primary,
+.gh-btn-black {
     color: var(--white);
 }
 
+.gh-btn-black:hover,
 .gh-btn-primary:hover {
     background: var(--black) !important;
 }
 
-.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary) {
+.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary):not(.gh-btn-black) {
     background: var(--lightgrey);
     color: var(--black);
 }
 
+.gh-btn:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):not(.gh-btn-primary):not(.gh-btn-black):hover {
+    background: var(--lightgrey-d1);
+    color: var(--black);
+}
+
 .gh-btn-group .gh-btn:first-of-type {
     border-right: none !important;
 }
@@ -255,6 +271,10 @@ input:focus,
     background: var(--transparent);
 }
 
+.gh-btn-outline:hover {
+    border-color: var(--lightgrey-l2);
+}
+
 .gh-btn-link {
     border: none !important;
 }
@@ -325,6 +345,10 @@ input:focus,
     background: var(--lightgrey);
 }
 
+.nav-list-item:hover {
+    background: var(--lightgrey-l1);
+}
+
 .gh-select select {
     color: var(--darkgrey);
     background: var(--lightgrey);
@@ -340,7 +364,7 @@ input:focus,
 }
 
 .gh-publishmenu-dropdown {
-    background: #191b1f;
+    background: var(--whitegrey);
 }
 
 .gh-image-uploader {
@@ -356,7 +380,7 @@ input:focus,
 }
 
 .dropdown-menu {
-    background: var(--lightgrey);
+    background: var(--whitegrey-l1);
 }
 
 .dropdown-menu li > a, .dropdown-menu li > button {
@@ -386,7 +410,7 @@ input:focus,
 }
 
 .modal-content {
-    background: #191b1f;
+    background: var(--whitegrey);
 }
 
 .seo-preview-title {
@@ -468,10 +492,6 @@ input:focus,
     background: var(--lightgrey);
 }
 
-.settings-menu-content .CodeMirror {
-    background: var(--extra-darkgrey);
-}
-
 .settings-menu-expanded .content-cover,
 .mobile-menu-expanded .content-cover {
     background: transparent;
@@ -487,15 +507,29 @@ input:focus,
     background: var(--dark-main-bg-color);
 }
 
+.td-item-overlay:hover,
+.td-item-overlay:focus {
+    background-color: var(--black-90);
+}
+
 .td-cta-box {
     background: #191b1f;
 }
 
+.td-item-empty {
+    background: var(--whitegrey-l1);
+}
+
 .settings-code-editor .CodeMirror-gutters,
 .settings-code code,
 .form-group code {
-    background-color: var(--extra-darkgrey);
-    border-right: 1px solid var(--lightgrey);
+    background-color: var(--whitegrey);
+    border-right: 1px solid var(--hairline-color-1);
+}
+
+.gh-main-section-description code {
+    background-color: var(--whitegrey);
+    border: 1px solid var(--lightgrey);
 }
 
 .for-switch input:checked+.input-toggle-component {
@@ -503,13 +537,25 @@ input:focus,
 }
 
 .settings-code-editor .CodeMirror {
-    color: var(--darkgrey);
+    color: var(--black);
 }
 
 .settings-code-editor .CodeMirror-cursor {
     border-color: var(--midgrey);
 }
 
+.gh-branding-settings-right {
+    background: var(--dark-main-bg-color);
+}
+
+.gh-branding-settings-header {
+    border-bottom: 1px solid var(--hairline-color-1);
+}
+
+.gh-branding-settings-options {
+    border-right: 1px solid var(--hairline-color-1);
+}
+
 .gh-branding-image-container.transparent-bg {
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ERectangle%3C/title%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23303e46' d='M0 0h24v24H0z'/%3E%3Cpath fill='%233e515b' d='M0 0h12v12H0zM12 12h12v12H12z'/%3E%3C/g%3E%3C/svg%3E");
 }
@@ -543,7 +589,7 @@ input:focus,
 }
 
 .gh-nav-list a {
-    color: color-mod(var(--midgrey) l(+10%) s(-5%));
+    color: color-mod(var(--midgrey));
 }
 
 .gh-nav-list a:not(.active):not(.gh-secondary-action):hover,
@@ -559,13 +605,21 @@ input:focus,
 }
 
 .gh-nav-list a:not(.active):not(.gh-secondary-action):hover {
-    background: #171b1f;
+    background: var(--whitegrey-l2);
 }
 
 .gh-nav-btn-search:hover {
     background: var(--lightgrey);
 }
 
+.apps-grid-cell:hover {
+    background: var(--whitegrey);
+}
+
+.apps-card-app {
+    border-bottom: var(--hairline-color-1) 1px solid;
+}
+
 .apps-card-app-icon {
     mix-blend-mode: normal;
 }
@@ -587,11 +641,15 @@ input:focus,
 .gh-list-row:not(.header):not(.loading):hover .gh-list-data,
 .settings-tag .tag-edit-button.active,
 .gh-portal-site-frame-cover {
-    background: color-mod(var(--dark-main-bg-color) l(-2%));
+    background: var(--whitegrey);
 }
 
 .gh-browserpreview-browser {
-    background: color-mod(var(--dark-main-bg-color) l(-6%));
+    background: var(--whitegrey);
+}
+
+.gh-browserpreview-browser .tabs div  {
+    background: var(--lightgrey);
 }
 
 .tag-settings .gh-image-uploader {
@@ -619,7 +677,7 @@ input:focus,
 }
 
 .gh-tag-setting-codeinjection .CodeMirror-gutters {
-    background-color: var(--extra-darkgrey);
+    background-color: var(--whitegrey);
     border-right: 1px solid var(--lightgrey);
 }
 
@@ -628,6 +686,50 @@ input:focus,
     border-color: var(--blue) !important;
 }
 
+/* Editor  */
+.gh-editor-back-button {
+    background: var(--dark-main-bg-color);
+}
+
+.gh-editor-post-status {
+    background: var(--dark-main-bg-color);
+}
+
+.gh-editor-preview-trigger {
+    background: var(--dark-main-bg-color);
+}
+
+.gh-btn-editor {
+    background: var(--dark-main-bg-color) !important;
+}
+
+.gh-publishmenu-button {
+    color: var(--black);
+    background: var(--green-d1);
+}
+
+.gh-publishmenu-button:hover {
+    color: #fff;
+    background: var(--green) !important;
+}
+
+.settings-menu-delete-button {
+    background: var(--main-color-content-greybg) !important;
+}
+
+/* Post preview modal */
+.gh-post-preview-header,
+.gh-post-preview-browser-footer {
+    background: var(--main-color-content-greybg);
+}
+
+.gh-post-preview-header-border {
+    border-bottom: 1px solid var(--hairline-color-1);
+}
+
+.gh-post-preview-browser-footer {
+    border-top: 1px solid var(--hairline-color-1);
+}
 
 /* Dark style Lists */
 .gh-list {
@@ -636,8 +738,7 @@ input:focus,
 
 .gh-list-header,
 .gh-list-row:not(.header):hover .gh-list-cell,
-.gh-list-row:not(.header):hover .gh-list-data,
-.apps-grid-cell:hover {
+.gh-list-row:not(.header):hover .gh-list-data {
     background: var(--dark-main-bg-color);
 }
 
@@ -671,18 +772,37 @@ input:focus,
 
 .modal-fullsettings-preview-container,
 .fullscreen-modal-email-preview .gh-pe-mobile-container,
-.fullscreen-modal-email-preview .gh-pe-desktop-container {
+.fullscreen-modal-email-preview .gh-pe-desktop-container{
     background: var(--dark-main-bg-color);
 }
 
+.gh-post-preview-browser-container,
+.gh-post-preview-email-container,
+.gh-post-preview-social-container {
+    background: var(--dark-main-bg-color);
+}
+
+.modal-fullsettings-main {
+    border-left: 1px solid var(--hairline-color-1);
+}
+
 .gh-pe-mobile-bezel {
-    background: #2b373e;
+    background: var(--lightgrey-l2);
 }
 
 .gh-members-emailsettings-footer-input {
     background: color-mod(var(--lightgrey));
 }
 
+.gh-email-design-typography .gh-radio-content {
+    border: 1px solid var(--hairline-color-1);
+}
+
+.gh-members-connect-testmodelabel {
+    background: #983705;
+    color: #f8e5b9;
+}
+
 /* Portal */
 .gh-portal-settings-maintabs {
     border: 1px solid color-mod(var(--darkgrey) l(-27%) blackness(+15%));
@@ -696,4 +816,40 @@ input:focus,
 
 .gh-portal-settings-maintabs li:not(:last-of-type) {
     border-right: 1px solid color-mod(var(--darkgrey) l(-27%) blackness(+15%));
+}
+
+.gh-portal-settings-main {
+    border-left: 1px solid var(--hairline-color-1);
+}
+
+.gh-portal-setting-sectionheading {
+    border-bottom: 1px solid var(--hairline-color-1);
+}
+
+.gh-portal-links-container {
+    background: var(--main-color-content-greybg)
+}
+
+/* Launch-site wizard */
+.fullscreen-wizard-container {
+    background: var(--dark-main-bg-color);
+}
+
+.gh-launch-wizard-content {
+    background: var(--dark-main-bg-color);
+    border-top: 1px solid var(--hairline-color-1);
+}
+
+.gh-launch-wizard-btn {
+    color: var(--black);
+    background: var(--green-d1);
+}
+
+.gh-launch-wizard-btn:hover {
+    color: #fff;
+    background: var(--green) !important;
+}
+
+.gh-launch-wizard-btn svg {
+    fill: var(--black);
 }

ghost/admin/app/styles/components/browser-preview.css

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     height: 100%;
-    border-radius: 8px !important;
+    border-radius: 3px !important;
     box-shadow:
         0 0 0 1px rgba(0,0,0,0.02),
         0 2.8px 2.2px rgba(0, 0, 0, 0.02),
@@ -20,14 +20,14 @@
 }
 
 .gh-browserpreview-iframecontainer .site-frame {
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
 }
 
 .gh-browserpreview-browser {
-    background: color-mod(var(--main-bg-color) l(-3%) s(+8%));
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
+    background: var(--whitegrey-d1);
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
 }
 
 .gh-browserpreview-browser .tabs {
@@ -66,7 +66,7 @@
     display: flex;
     align-items: center;
     font-size: 1.25rem;
-    background: color-mod(var(--white) a(0.9));
+    background: var(--whitegrey-l1);
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
 }

ghost/admin/app/styles/components/publishmenu.css

@@ -140,7 +140,7 @@
     left: 3px;
     width: 7px;
     height: 7px;
-    background: #fff;
+    background: var(--white);
     border-radius: 100%;
     box-shadow: rgba(0,0,0,0.25) 0 1px 3px;
 }

ghost/admin/app/styles/layouts/editor.css

@@ -441,6 +441,7 @@
     font-weight: 400;
     color: var(--midgrey-l2);
     letter-spacing: .2px;
+    background: var(--white)
 }
 
 .gh-editor-preview-trigger {

ghost/admin/app/styles/layouts/fullscreen-wizard.css

@@ -18,6 +18,12 @@
     text-transform: uppercase;
 }
 
+.gh-launch-wizard-content {
+    display: flex;
+    background: var(--white);
+    border-top: 1px solid var(--whitegrey);
+}
+
 .gh-launch-wizard-content-left {
     flex-grow: 0;
     flex-shrink: 0;

ghost/admin/app/styles/layouts/members.css

@@ -1174,7 +1174,7 @@ p.gh-members-import-errordetail:first-of-type {
 
 .gh-email-design-typography .gh-radio-content {
     border: 1px solid var(--whitegrey);
-    border-radius: 4px;
+    border-radius: 3px;
     margin: 0 -32px 0 0;
 }
 
@@ -1286,7 +1286,10 @@ p.gh-members-import-errordetail:first-of-type {
 
 .gh-members-emailpreview-container {
     background: #fff;
-    border-radius: 12px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
     padding: 0;
     margin: 32px auto;
     box-shadow: 
@@ -1320,8 +1323,8 @@ p.gh-members-import-errordetail:first-of-type {
     padding: 0 24px;
     border-bottom: 1px solid var(--whitegrey);
     background: var(--white);
-    border-top-left-radius: 12px;
-    border-top-right-radius: 12px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
 }
 
 .gh-members-emailpreview-faux p {

ghost/admin/app/styles/layouts/portal-settings.css

@@ -397,6 +397,8 @@
     position: absolute;
     top: 16px;
     right: 24px;
+    display: flex;
+    align-items: center;
 }
 
 .gh-portal-preview-wrapper {

ghost/admin/app/styles/layouts/post-preview.css

@@ -186,8 +186,8 @@
 .gh-post-preview-social-container {
     position: relative;
     display: flex;
-    flex-wrap: wrap;
     justify-content: center;
+    flex-wrap: wrap;
     width: 100%;
     height: 100%;
     overflow-y: scroll;
@@ -201,8 +201,8 @@
 .gh-post-preview-social-container:after {
     content: "";
     display: block;
-    height: 2.4rem;
     width: 100%;
+    height: 2.4rem;
   }
 
 @media (max-width: 1120px) {
@@ -467,7 +467,7 @@
     width: 100%;
     height: 28px;
     margin-bottom: 48px;
-    background: var(--whitegrey-l1);
+    background: #f4f5f6;
     border-radius: 14px;
 }
 

ghost/admin/app/styles/layouts/settings.css

@@ -1117,6 +1117,7 @@ p.theme-validation-details {
     flex-direction: column;
     align-items: stretch;
     margin: 20px -24px -20px 0;
+    background: var(--whitegrey-l1);
 }
 
 .gh-branding-settings-previewcontainer {

ghost/admin/app/styles/layouts/tags.css

@@ -145,7 +145,7 @@ textarea.gh-tag-details-textarea {
 .gh-tag-setting-codeinjection .CodeMirror {
     padding: 0 !important;
     min-height: 240px;
-    background: var(--white);
+    background: var(--dark-main-bg-color);
     color: var(--darkgrey);
     border: 1px solid var(--lightgrey);
     border-radius: 4px;

ghost/admin/app/styles/layouts/users.css

@@ -71,7 +71,6 @@
     background-position: center center;
     background-size: cover;
     border-radius: 100%;
-    box-shadow: var(--white) 0 0 0 3px;
 }
 
 .user-list-item-figure img {

ghost/admin/app/styles/patterns/buttons.css

@@ -173,7 +173,7 @@ fieldset[disabled] .gh-btn {
 .gh-btn-outline:hover {
     color: var(--black);
     background: none;
-    border-color: color-mod(var(--lightgrey-l1) l(-8%));
+    border-color: var(--lightgrey);
 }
 
 .gh-btn-outline svg {

ghost/admin/app/styles/patterns/forms.css

@@ -378,7 +378,7 @@ textarea {
     left: 3px;
     width: 9px;
     height: 9px;
-    background: #fff;
+    background: var(--white);
     border-radius: 100%;
     box-shadow: rgba(0,0,0,0.25) 0 1px 3px;
 }

ghost/admin/app/styles/patterns/global.css

@@ -116,14 +116,14 @@
     --midlightgrey-d1: color-mod(var(--midlightgrey) h(+1) s(-1%) l(-3%));
     --midlightgrey-d2: color-mod(var(--midlightgrey) h(-3) s(-2%) l(-7%));
 
-    --lightgrey-l2: color-mod(var(--lightgrey) h(+1) s(+14%) l(+8%));
-    --lightgrey-l1: color-mod(var(--lightgrey) h(+1) s(+12%) l(+6%));
+    --lightgrey-l2: color-mod(var(--lightgrey) h(+1) s(+4%) l(+8%));
+    --lightgrey-l1: color-mod(var(--lightgrey) h(+1) s(+3%) l(+6%));
     --lightgrey-d1: color-mod(var(--lightgrey) s(-1%) l(-4%));
     --lightgrey-d2: color-mod(var(--lightgrey) h(-2) s(-2%) l(-7%));
 
     --whitegrey-l2: color-mod(var(--whitegrey) h(+7) s(-4%) l(+5%));
     --whitegrey-l1: color-mod(var(--whitegrey) h(+1) s(-2%) l(+3%));
-    --whitegrey-d1: color-mod(var(--whitegrey) h(-1) s(-7%) l(-3%));
+    --whitegrey-d1: color-mod(var(--whitegrey) h(-1) s(-5%) l(-3%));
     --whitegrey-d2: color-mod(var(--whitegrey) h(-1) s(-11%) l(-6%));
 
     /* Global, high-level UI colors */

ghost/admin/app/templates/editor.hbs

@@ -4,10 +4,10 @@
         @class="gh-editor gh-view"
         as |editor|
     >
-        <header class="gh-editor-header br2 pe-none {{editor.headerClass}} {{if this.infoMessage "bg-white"}}">
+        <header class="gh-editor-header br2 pe-none {{editor.headerClass}}">
             <div class="flex items-center pe-auto">
                 {{#if this.ui.isFullScreen}}
-                    <div class="ml3 flex items-center {{unless this.infoMessage "bg-white"}}">
+                    <div class="ml3 flex items-center">
                         <LinkTo @route={{pluralize this.post.displayName }} @classNames="gh-editor-back-button" data-test-link={{pluralize this.post.displayName}}>
                             <span>
                                 {{svg-jar "arrow-left"}}
@@ -16,7 +16,7 @@
                         </LinkTo>
                     </div>
                 {{/if}}
-                <div class="gh-editor-post-status {{unless this.infoMessage "bg-white"}}">
+                <div class="gh-editor-post-status">
                     <span>
                         <GhEditorPostStatus
                             @post={{this.post}}
@@ -26,19 +26,7 @@
                 </div>
             </div>
 
-            {{#if this.infoMessage}}
-            <div class="gh-koenig-info miw88 flex flex-auto justify-center" style="pointer-events: auto">
-                <div class="midgrey inline-flex tracked-1 center pa1 pl4 pr4 br3 justify-center items-start {{if (eq editor.headerClass "gh-editor-header-small") "bg-white"}}">
-                    {{svg-jar "idea" class="w7 h7 fill-blue"}}
-                    <p class="ma0 pa0 ml1 nudge-top--2">
-                        {{this.infoMessage}}
-                        <button type="button" class="blue fw5" {{action (mut this.infoMessage "")}}>Got it</button>
-                    </p>
-                </div>
-            </div>
-            {{/if}}
-
-            <section class="flex {{unless this.infoMessage "bg-white"}}" style="pointer-events: auto">
+            <section class="flex" style="pointer-events: auto">
                 {{#unless this.post.isNew}}
                     {{#if this.post.isDraft}}
                         <div>

ghost/admin/app/templates/launch.hbs

@@ -1,5 +1,5 @@
 <div class="fullscreen-wizard-container" {{will-destroy this.reset}}>
-    <div class="pt7 pb5 pl12 pr12 flex justify-between items-center bb b--whitegrey">
+    <div class="pt7 pb5 pl12 pr12 flex justify-between items-center">
         <div class="flex flex-column">
             <div class="ttu gh-launch-wizard-step-indicator">{{this.currentStep.position}}</div>
             <h2>{{this.currentStep.title}}</h2>
@@ -9,7 +9,7 @@
         </button>
     </div>
 
-    <div class="flex br3 bg-white">
+    <div class="gh-launch-wizard-content">
         <div class="gh-launch-wizard-content-left">
             {{component (concat "gh-launch-wizard/" this.step)
                 nextStep=this.goNextStep

ghost/admin/public/assets/icons/link.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none"><path d="M14.5 12.5l.086.086c.781.781 2.047.781 2.828 0l3.965-3.964c1.166-1.167 1.166-3.075 0-4.243l-1.758-1.757c-1.166-1.167-3.076-1.167-4.242 0l-3.965 3.964c-.781.781-.781 2.047 0 2.829l.086.085M9.5 11.5l-.086-.085c-.781-.781-2.047-.781-2.828 0l-3.965 3.964c-1.166 1.167-1.166 3.076 0 4.243l1.758 1.757c1.166 1.167 3.076 1.167 4.242 0l3.965-3.964c.781-.781.781-2.047 0-2.829l-.086-.086M8.111 15.889l7.778-7.778"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none"><path d="M14.5 12.5l.086.086c.781.781 2.047.781 2.828 0l3.965-3.964c1.166-1.167 1.166-3.075 0-4.243l-1.758-1.757c-1.166-1.167-3.076-1.167-4.242 0l-3.965 3.964c-.781.781-.781 2.047 0 2.829l.086.085M9.5 11.5l-.086-.085c-.781-.781-2.047-.781-2.828 0l-3.965 3.964c-1.166 1.167-1.166 3.076 0 4.243l1.758 1.757c1.166 1.167 3.076 1.167 4.242 0l3.965-3.964c.781-.781.781-2.047 0-2.829l-.086-.086M8.111 15.889l7.778-7.778"/></g></svg>