Renamed the header styles

refs https://github.com/TryGhost/Team/issues/1253

- The naming is easier to understand for theme developers
This commit is contained in:
Thibaut Patel 2021-12-16 18:22:08 +01:00
parent 83cbc6e72a
commit 5056401c13
6 changed files with 21 additions and 21 deletions

View File

@ -1062,6 +1062,6 @@ input:focus,
border-color: var(--midlightgrey);
}
.kg-header-card.kg-style-invert {
.kg-header-card.kg-style-dark {
background: #08090C;
}

View File

@ -2068,17 +2068,17 @@ button.emoji-picker__category-button.active {
align-items: flex-start;
}
.kg-header-card.kg-style-invert {
.kg-header-card.kg-style-dark {
background: #15171A ;
color: #fff;
}
.kg-header-card.kg-style-clear {
.kg-header-card.kg-style-light {
background-color: #fafafb;
}
.kg-header-card.kg-style-clear h2,
.kg-header-card.kg-style-clear h3 {
.kg-header-card.kg-style-light h2,
.kg-header-card.kg-style-light h3 {
color: #15171A !important;
}
@ -2146,8 +2146,8 @@ button.emoji-picker__category-button.active {
line-height: 1.35em;
}
.kg-header-card:not(.kg-style-clear) h2,
.kg-header-card:not(.kg-style-clear) h3 {
.kg-header-card:not(.kg-style-light) h2,
.kg-header-card:not(.kg-style-light) h3 {
color: #fff;
}
@ -2196,7 +2196,7 @@ button.emoji-picker__category-button.active {
padding: 0 28px;
}
.kg-style-clear .kg-header-card-button {
.kg-style-light .kg-header-card-button {
background-color: var(--accent-color) !important;
color: #fff !important;
}
@ -2245,7 +2245,7 @@ button.emoji-picker__category-button.active {
color: #fff !important;
}
.kg-header-card.kg-style-clear .__mobiledoc-editor.__has-no-content:after {
.kg-header-card.kg-style-light .__mobiledoc-editor.__has-no-content:after {
color: #15171A !important;
}

View File

@ -65,8 +65,8 @@
<div class="kg-settings-panel-control-label">Style</div>
<div class="kg-settings-panel-control-input">
<div class="gh-btn-group kg-settings-headerstyle-btn-group">
<button type="button" class="gh-btn kg-headerstyle-btn-dark {{if (eq @payload.style "invert") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "invert")}}></button>
<button type="button" class="gh-btn kg-headerstyle-btn-light {{if (eq @payload.style "clear") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "clear")}}></button>
<button type="button" class="gh-btn kg-headerstyle-btn-dark {{if (eq @payload.style "dark") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "dark")}}></button>
<button type="button" class="gh-btn kg-headerstyle-btn-light {{if (eq @payload.style "light") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "light")}}></button>
<button type="button" class="gh-btn kg-headerstyle-btn-accent {{if (eq @payload.style "accent") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "accent")}}></button>
<button type="button" class="gh-btn kg-headerstyle-btn-image {{if (eq @payload.style "image") "gh-btn-group-selected"}}" {{on "click" (fn this.setStyle "image")}}>{{svg-jar "plus"}}</button>
</div>

View File

@ -68,7 +68,7 @@ export default class KoenigCardHeaderComponent extends Component {
const payloadDefaults = {
size: 'small',
style: 'invert',
style: 'dark',
buttonEnabled: false
};
@ -231,7 +231,7 @@ export default class KoenigCardHeaderComponent extends Component {
@action
setStyle(style) {
if (['invert', 'clear', 'accent', 'image'].includes(style)) {
if (['dark', 'light', 'accent', 'image'].includes(style)) {
this._updatePayloadAttr('style', style);
if (style === 'image' && !this.args.payload.backgroundImageSrc) {
this.triggerFileDialog();

View File

@ -36,7 +36,7 @@
"@tryghost/color-utils": "0.1.5",
"@tryghost/helpers": "1.1.54",
"@tryghost/kg-clean-basic-html": "2.2.5",
"@tryghost/kg-parser-plugins": "2.11.0",
"@tryghost/kg-parser-plugins": "2.11.1",
"@tryghost/limit-service": "1.0.0",
"@tryghost/members-csv": "1.1.8",
"@tryghost/mobiledoc-kit": "0.12.5-ghost.1",

View File

@ -1943,10 +1943,10 @@
resolved "https://registry.yarnpkg.com/@tryghost/kg-clean-basic-html/-/kg-clean-basic-html-2.2.5.tgz#40f0b328a0339d96f1bbb0daed4de4df28a17a30"
integrity sha512-zZu8KbRulRSx1GUTeSUCYYMk5RB5/T3FFuObbw0TmJPym+3h5uEwk76mHg4WpBl6nDkly6G/iI1ZpapUz6E/OQ==
"@tryghost/kg-parser-plugins@2.11.0":
version "2.11.0"
resolved "https://registry.yarnpkg.com/@tryghost/kg-parser-plugins/-/kg-parser-plugins-2.11.0.tgz#881d37265a27cd680a394d1d1d44e861d91545a6"
integrity sha512-yg+G3yM2Pr7TKt2lSwCikGHjOYYWovXe8m6t0pScryf/4Q4HPGlpn9MzW4FnNL6m7NtZuWaJLQfhgl1UskiqwA==
"@tryghost/kg-parser-plugins@2.11.1":
version "2.11.1"
resolved "https://registry.yarnpkg.com/@tryghost/kg-parser-plugins/-/kg-parser-plugins-2.11.1.tgz#7c0a17d190b6f821e833c7c65c0bb9b6c3f25621"
integrity sha512-J4KyhfTI3oP+pU9CxZfwgxu3gyI6Q871EeIayPDDR+Madlczk+64I8YBc51wTWcKgBSSGivfRI6NM7As32rt+w==
dependencies:
"@tryghost/kg-clean-basic-html" "^2.2.5"