diff --git a/ghost/admin/app/components/gh-post-settings-menu/email.hbs b/ghost/admin/app/components/gh-post-settings-menu/email.hbs index bf73f5d61c..97ce457921 100644 --- a/ghost/admin/app/components/gh-post-settings-menu/email.hbs +++ b/ghost/admin/app/components/gh-post-settings-menu/email.hbs @@ -89,7 +89,7 @@ {{else}} {{!-- Mail not sent yet --}} {{#if this.mailgunError}} -
diff --git a/ghost/admin/app/styles/components/settings-menu.css b/ghost/admin/app/styles/components/settings-menu.css index c9364d730c..59f2a7aef7 100644 --- a/ghost/admin/app/styles/components/settings-menu.css +++ b/ghost/admin/app/styles/components/settings-menu.css @@ -318,15 +318,6 @@ margin-bottom: 4px; } -.settings-menu-mailgun-warning .gh-box-info { - border-left: var(--yellow); -} - -.settings-menu-mailgun-warning a { - text-decoration: underline; - color: color-mod(var(--yellow) l(-8%) s(+10%)); -} - .settings-menu-email .disabled button, .settings-menu-email .disabled input { opacity: 0.5; diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css index 7841a7844b..9c99693269 100644 --- a/ghost/admin/app/styles/layouts/settings.css +++ b/ghost/admin/app/styles/layouts/settings.css @@ -611,8 +611,8 @@ margin-bottom: 25px; } -.gh-import-errors-warning { - border-left-color: var(--orange); +.gh-import-errors-alert { + border-left-color: color-mod(var(--yellow) l(-8%) s(+10%)); } .gh-import-errors-title { @@ -623,8 +623,8 @@ color: var(--red); } -.gh-import-errors-warning .gh-import-errors-title { - color: var(--orange); +.gh-import-errors-alert .gh-import-errors-title { + color: color-mod(var(--yellow) l(-8%) s(+10%)); } .gh-import-error { diff --git a/ghost/admin/app/styles/patterns/boxes.css b/ghost/admin/app/styles/patterns/boxes.css index 7861e94685..9ed5ee0268 100644 --- a/ghost/admin/app/styles/patterns/boxes.css +++ b/ghost/admin/app/styles/patterns/boxes.css @@ -15,46 +15,45 @@ box-shadow: 0 6px 10px -8px rgba(0,0,0,.15) } +.gh-box a { + color: var(--middarkgrey); + text-decoration: underline; +} + .gh-box svg:first-of-type { position: absolute; - top: 13px; left: 12px; - height: 2.1rem; width: auto; } -.gh-box-info { +.gh-box-tip { border-left-color: var(--blue); } -.gh-box-info svg:first-of-type { +.gh-box-tip svg:first-of-type { + top: 12px; + height: 2rem; fill: var(--blue); } -.gh-box-warning { - border-left-color: var(--yellow); +.gh-box-alert { + border-left-color: color-mod(var(--yellow) l(-8%) s(+10%)); } -.gh-box-warning svg:first-of-type { - fill: var(--yellow); -} - -.gh-box-warning a { - color: var(--yellow); +.gh-box-alert svg:first-of-type { + top: 14px; + height: 1.8rem; + fill: color-mod(var(--yellow) l(-8%) s(+10%)); } .gh-box-error { border-left-color: var(--red); - color: var(--middarkgrey); } .gh-box-error svg:first-of-type { - fill: var(--red); + top: 14px; height: 1.8rem; -} - -.gh-box-error a { - color: var(--red); + fill: var(--red); } .gh-box-error-border { diff --git a/ghost/admin/app/templates/settings/code-injection.hbs b/ghost/admin/app/templates/settings/code-injection.hbs index 9014f5fd3b..25de93ad71 100644 --- a/ghost/admin/app/templates/settings/code-injection.hbs +++ b/ghost/admin/app/templates/settings/code-injection.hbs @@ -18,7 +18,7 @@