diff --git a/src/defaultV2-theme/blocks/sd-completedpage.scss b/src/defaultV2-theme/blocks/sd-completedpage.scss index ffa80762ba..2ae078a484 100644 --- a/src/defaultV2-theme/blocks/sd-completedpage.scss +++ b/src/defaultV2-theme/blocks/sd-completedpage.scss @@ -5,8 +5,74 @@ text-align: center; height: auto; + // h3 { + // font-size: calcFontSize(1.5); + // } + + h1 { + @include articleXXLargeFont; + } + + h2 { + @include articleXLargeFont; + } + h3 { - font-size: calcFontSize(1.5); + @include articleLargeFont; + } + + h4 { + @include articleMediumFont; + } + + h5, + h6 { + color: $foreground; + } + + span, + div, + p { + @include articleDefaultFont; + } + + a { + color: $primary; + } + + button { + display: flex; + align-items: center; + padding: calcSize(1.5) calcSize(4); + vertical-align: baseline; + text-align: center; + background-color: $background; + box-shadow: $shadow-small; + border: none; + border-radius: calcSize(0.5); + cursor: pointer; + user-select: none; + outline: solid calcSize(0.25) transparent; + + &:hover { + background-color: $background-dark; + } + &:focus { + box-shadow: 0 0 0 2px $primary; + } + + span { + display: flex; + align-items: center; + flex-grow: 1; + justify-content: center; + color: $primary; + font-weight: 600; + font-style: normal; + font-family: var(--font-family, $font-family); + font-size: $font-questiontitle-size; + line-height: multiply(1.5, $font-questiontitle-size); + } } } diff --git a/src/defaultV2-theme/blocks/sd-html.scss b/src/defaultV2-theme/blocks/sd-html.scss index 1b0b9ffa8e..de0f42e0e2 100644 --- a/src/defaultV2-theme/blocks/sd-html.scss +++ b/src/defaultV2-theme/blocks/sd-html.scss @@ -1,3 +1,71 @@ .sd-html { white-space: initial; } + +.sd-html { + h1 { + @include articleXXLargeFont; + } + + h2 { + @include articleXLargeFont; + } + + h3 { + @include articleLargeFont; + } + + h4 { + @include articleMediumFont; + } + + h5, + h6 { + color: $foreground; + } + + span, + div, + p { + @include articleDefaultFont; + } + + a { + color: $primary; + } + + button { + display: flex; + align-items: center; + padding: calcSize(1.5) calcSize(4); + vertical-align: baseline; + text-align: center; + background-color: $background; + box-shadow: $shadow-small; + border: none; + border-radius: calcSize(0.5); + cursor: pointer; + user-select: none; + outline: solid calcSize(0.25) transparent; + + &:hover { + background-color: $background-dark; + } + &:focus { + box-shadow: 0 0 0 2px $primary; + } + + span { + display: flex; + align-items: center; + flex-grow: 1; + justify-content: center; + color: $primary; + font-weight: 600; + font-style: normal; + font-family: var(--font-family, $font-family); + font-size: $font-questiontitle-size; + line-height: multiply(1.5, $font-questiontitle-size); + } + } +} diff --git a/src/defaultV2-theme/variables.scss b/src/defaultV2-theme/variables.scss index 1c5034e20b..5898174ae6 100644 --- a/src/defaultV2-theme/variables.scss +++ b/src/defaultV2-theme/variables.scss @@ -155,4 +155,74 @@ $base-unit: var(--sjs-base-unit, var(--base-unit, 8px)); @mixin borderLight { border: calcSize(0.25) solid $border-light; border-radius: calcCornerRadius(1); -} \ No newline at end of file +} + +@mixin articleXXLargeFont { + color: $foreground; + font-size: var(--sjs-article-font-xx-large-fontSize, 64px); + text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none"); + font-family: $font-family; + font-weight: var(--sjs-article-font-xx-large-fontWeight, 700); + font-style: var(--sjs-article-font-xx-large-fontStyle, "normal"); + font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal"); + letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0); + line-height: var(--sjs-article-font-xx-large-lineHeight, 64px); + text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px); + text-transform: var(--sjs-article-font-xx-large-textCase, "none"); +} + +@mixin articleXLargeFont { + color: $foreground; + font-size: var(--sjs-article-font-x-large-fontSize, 48px); + text-decoration: var(--sjs-article-font-x-large-textDecoration, "none"); + font-family: $font-family; + font-weight: var(--sjs-article-font-x-large-fontWeight, 700); + font-style: var(--sjs-article-font-x-large-fontStyle, "normal"); + font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal"); + letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0); + line-height: var(--sjs-article-font-x-large-lineHeight, 56px); + text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px); + text-transform: var(--sjs-article-font-x-large-textCase, "none"); +} + +@mixin articleLargeFont { + color: $foreground; + font-size: var(--sjs-article-font-large-fontSize, 32px); + text-decoration: var(--sjs-article-font-large-textDecoration, "none"); + font-family: $font-family; + font-weight: var(--sjs-article-font-large-fontWeight, 700); + font-style: var(--sjs-article-font-large-fontStyle, "normal"); + font-stretch: var(--sjs-article-font-large-fontStretch, "normal"); + letter-spacing: var(--sjs-article-font-large-letterSpacing, 0); + line-height: var(--sjs-article-font-large-lineHeight, 40px); + text-indent: var(--sjs-article-font-large-paragraphIndent, 0px); + text-transform: var(--sjs-article-font-large-textCase, "none"); +} + +@mixin articleMediumFont { + color: $foreground; + font-size: var(--sjs-article-font-medium-fontSize, 24px); + text-decoration: var(--sjs-article-font-medium-textDecoration, "none"); + font-family: $font-family; + font-weight: var(--sjs-article-font-medium-fontWeight, 700); + font-style: var(--sjs-article-font-medium-fontStyle, "normal"); + font-stretch: var(--sjs-article-font-medium-fontStretch, "normal"); + letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0); + line-height: var(--sjs-article-font-medium-lineHeight, 32px); + text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px); + text-transform: var(--sjs-article-font-medium-textCase, "none"); +} + +@mixin articleDefaultFont { + color: $foreground; + font-size: var(--sjs-article-font-default-fontSize, 16px); + text-decoration: var(--sjs-article-font-default-textDecoration, "none"); + font-family: $font-family; + font-weight: var(--sjs-article-font-default-fontWeight, 400); + font-style: var(--sjs-article-font-default-fontStyle, "normal"); + font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); + letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); + line-height: var(--sjs-article-font-default-lineHeight, 28px); + text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); + text-transform: var(--sjs-article-font-default-textCase, "none"); +} diff --git a/src/dropdownListModel.ts b/src/dropdownListModel.ts index fb26e39ed3..11ad29827c 100644 --- a/src/dropdownListModel.ts +++ b/src/dropdownListModel.ts @@ -373,6 +373,9 @@ export class DropdownListModel extends Base { if (options.name == "value") { this.showInputFieldComponent = this.question.showInputFieldComponent; } + if(options.name == "choicesLazyLoadEnabled" && options.newValue) { + this.listModel.setOnFilterStringChangedCallback(this.listModelFilterStringChanged); + } } protected focusItemOnClickAndPopup() { if (this._popupModel.isVisible && this.question.value) diff --git a/src/list.ts b/src/list.ts index 6bce812202..17cc64a74e 100644 --- a/src/list.ts +++ b/src/list.ts @@ -110,6 +110,9 @@ export class ListModel extends ActionContainer this.selectedItem = selectedItem; } + public setOnFilterStringChangedCallback(callback: (text: string) => void) { + this.onFilterStringChangedCallback = callback; + } public setItems(items: Array, sortByVisibleIndex = true): void { super.setItems(items, sortByVisibleIndex); if(this.elementId) { diff --git a/src/question_imagepicker.ts b/src/question_imagepicker.ts index 884daf34c2..1fb3de8d06 100644 --- a/src/question_imagepicker.ts +++ b/src/question_imagepicker.ts @@ -411,9 +411,11 @@ export class QuestionImagePickerModel extends QuestionCheckboxBase { private reCalcGapBetweenItemsCallback: () => void; public afterRender(el: HTMLElement): void { super.afterRender(el); - if(el && el.querySelector(this.getObservedElementSelector())) { + const selector = this.getObservedElementSelector(); + const observedElement = el && selector ? el.querySelector(selector): undefined; + if(!!observedElement) { this.reCalcGapBetweenItemsCallback = () => { - this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(el.querySelector(this.getObservedElementSelector())).gap)) || 16; + this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(observedElement).gap)) || 16; }; this.reCalcGapBetweenItemsCallback(); } diff --git a/src/themes/borderless-dark-panelless.ts b/src/themes/borderless-dark-panelless.ts index eacfe27f14..ce43a855a3 100644 --- a/src/themes/borderless-dark-panelless.ts +++ b/src/themes/borderless-dark-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/borderless-dark.ts b/src/themes/borderless-dark.ts index 541d9f678c..77d884ba11 100644 --- a/src/themes/borderless-dark.ts +++ b/src/themes/borderless-dark.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/borderless-light-panelless.ts b/src/themes/borderless-light-panelless.ts index c7508d645e..d242be16ed 100644 --- a/src/themes/borderless-light-panelless.ts +++ b/src/themes/borderless-light-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/borderless-light.ts b/src/themes/borderless-light.ts index e4b8fad644..f2f072f293 100644 --- a/src/themes/borderless-light.ts +++ b/src/themes/borderless-light.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/contrast-dark-panelless.ts b/src/themes/contrast-dark-panelless.ts index 0586b3da20..1a309390d6 100644 --- a/src/themes/contrast-dark-panelless.ts +++ b/src/themes/contrast-dark-panelless.ts @@ -24,7 +24,7 @@ const Theme = { "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)", "--sjs-border-light": "rgba(232, 192, 51, 1)", "--sjs-border-default": "rgba(0, 0, 0, 1)", "--sjs-border-inside": "rgba(255, 255, 255, 0.08)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/contrast-dark.ts b/src/themes/contrast-dark.ts index ae2a8c4280..0c1341cf96 100644 --- a/src/themes/contrast-dark.ts +++ b/src/themes/contrast-dark.ts @@ -24,7 +24,7 @@ const Theme = { "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)", "--sjs-border-light": "rgba(232, 192, 51, 1)", "--sjs-border-default": "rgba(0, 0, 0, 1)", "--sjs-border-inside": "rgba(255, 255, 255, 0.08)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/contrast-light-panelless.ts b/src/themes/contrast-light-panelless.ts index ef0469b2c1..b586cafc34 100644 --- a/src/themes/contrast-light-panelless.ts +++ b/src/themes/contrast-light-panelless.ts @@ -24,7 +24,7 @@ const Theme = { "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)", "--sjs-border-light": "rgba(0, 0, 0, 0.2)", "--sjs-border-default": "rgba(0, 0, 0, 1)", "--sjs-border-inside": "rgba(0, 0, 0, 0.16)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/contrast-light.ts b/src/themes/contrast-light.ts index bcea2a0c96..3cdb339448 100644 --- a/src/themes/contrast-light.ts +++ b/src/themes/contrast-light.ts @@ -24,7 +24,7 @@ const Theme = { "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)", "--sjs-border-light": "rgba(0, 0, 0, 0.2)", "--sjs-border-default": "rgba(0, 0, 0, 1)", "--sjs-border-inside": "rgba(0, 0, 0, 0.16)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/default-dark-panelless.ts b/src/themes/default-dark-panelless.ts index 5232e5faea..6087fb272b 100644 --- a/src/themes/default-dark-panelless.ts +++ b/src/themes/default-dark-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/default-dark.ts b/src/themes/default-dark.ts index fc0fe346af..f5ebfe30b4 100644 --- a/src/themes/default-dark.ts +++ b/src/themes/default-dark.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/default-light-panelless.ts b/src/themes/default-light-panelless.ts index 585b63784b..32083eb857 100644 --- a/src/themes/default-light-panelless.ts +++ b/src/themes/default-light-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/default-light.ts b/src/themes/default-light.ts index 140e822d00..75eea61141 100644 --- a/src/themes/default-light.ts +++ b/src/themes/default-light.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/doubleborder-dark-panelless.ts b/src/themes/doubleborder-dark-panelless.ts index b854f20dff..bbc806bf67 100644 --- a/src/themes/doubleborder-dark-panelless.ts +++ b/src/themes/doubleborder-dark-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/doubleborder-dark.ts b/src/themes/doubleborder-dark.ts index 3f24b145b1..7d24a60816 100644 --- a/src/themes/doubleborder-dark.ts +++ b/src/themes/doubleborder-dark.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/doubleborder-light-panelless.ts b/src/themes/doubleborder-light-panelless.ts index 156425b3d1..243b1a3788 100644 --- a/src/themes/doubleborder-light-panelless.ts +++ b/src/themes/doubleborder-light-panelless.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 0.07)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.04)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.08)", "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 0.1)", "--sjs-border-light": "rgba(0, 0, 0, 0.1)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/doubleborder-light.ts b/src/themes/doubleborder-light.ts index bf7e59cbda..a736246587 100644 --- a/src/themes/doubleborder-light.ts +++ b/src/themes/doubleborder-light.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 0.07)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.04)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.08)", "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 0.1)", "--sjs-border-light": "rgba(0, 0, 0, 0.1)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/flat-dark-panelless.ts b/src/themes/flat-dark-panelless.ts index dd4e75d207..feb93ce1aa 100644 --- a/src/themes/flat-dark-panelless.ts +++ b/src/themes/flat-dark-panelless.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.09)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.07)", "--sjs-border-light": "rgba(255, 255, 255, 0.07)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/flat-dark.ts b/src/themes/flat-dark.ts index febdbba621..ebaf4ca78d 100644 --- a/src/themes/flat-dark.ts +++ b/src/themes/flat-dark.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.09)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.07)", "--sjs-border-light": "rgba(255, 255, 255, 0.07)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/flat-light-panelless.ts b/src/themes/flat-light-panelless.ts index a54428440f..166d52ac28 100644 --- a/src/themes/flat-light-panelless.ts +++ b/src/themes/flat-light-panelless.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(0, 0, 0, 0.1),0px 2px 6px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.12)", "--sjs-border-light": "rgba(0, 0, 0, 0.12)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/flat-light.ts b/src/themes/flat-light.ts index d5bc936858..43a93c6562 100644 --- a/src/themes/flat-light.ts +++ b/src/themes/flat-light.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(0, 0, 0, 0.1),0px 2px 6px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.12)", "--sjs-border-light": "rgba(0, 0, 0, 0.12)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/layered-dark-panelless.ts b/src/themes/layered-dark-panelless.ts index f9856cda8b..49d1269289 100644 --- a/src/themes/layered-dark-panelless.ts +++ b/src/themes/layered-dark-panelless.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", - "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)", + "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 2px 4px 0px rgba(0, 0, 0, 0.2)", + "--sjs-shadow-medium": "inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", - "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)", + "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.03),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2)", "--sjs-border-light": "rgba(54, 56, 69, 1)", "--sjs-border-default": "rgba(67, 69, 85, 1)", "--sjs-border-inside": "rgba(255, 255, 255, 0.08)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/layered-dark.ts b/src/themes/layered-dark.ts index 834d512de0..6a2663b8d2 100644 --- a/src/themes/layered-dark.ts +++ b/src/themes/layered-dark.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", - "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)", + "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 2px 4px 0px rgba(0, 0, 0, 0.2)", + "--sjs-shadow-medium": "inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", - "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)", + "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.03),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2)", "--sjs-border-light": "rgba(54, 56, 69, 1)", "--sjs-border-default": "rgba(67, 69, 85, 1)", "--sjs-border-inside": "rgba(255, 255, 255, 0.08)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/layered-light-panelless.ts b/src/themes/layered-light-panelless.ts index 938583338a..f7045201a6 100644 --- a/src/themes/layered-light-panelless.ts +++ b/src/themes/layered-light-panelless.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", - "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)", + "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.05),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 2px 4px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)", + "--sjs-shadow-inner": "inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1)", "--sjs-border-light": "rgba(0, 0, 0, 0.09)", "--sjs-border-default": "rgba(0, 0, 0, 0.16)", "--sjs-border-inside": "rgba(0, 0, 0, 0.16)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/layered-light.ts b/src/themes/layered-light.ts index a00426f169..dfdf6beb45 100644 --- a/src/themes/layered-light.ts +++ b/src/themes/layered-light.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", - "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)", + "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.05),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 2px 4px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)", + "--sjs-shadow-inner": "inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1)", "--sjs-border-light": "rgba(0, 0, 0, 0.09)", "--sjs-border-default": "rgba(0, 0, 0, 0.16)", "--sjs-border-inside": "rgba(0, 0, 0, 0.16)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/plain-dark-panelless.ts b/src/themes/plain-dark-panelless.ts index 3500e17649..a92f49b397 100644 --- a/src/themes/plain-dark-panelless.ts +++ b/src/themes/plain-dark-panelless.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)", "--sjs-border-light": "rgba(255, 255, 255, 0.12)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/plain-dark.ts b/src/themes/plain-dark.ts index 3bf63d84d7..c5ed73126a 100644 --- a/src/themes/plain-dark.ts +++ b/src/themes/plain-dark.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)", "--sjs-border-light": "rgba(255, 255, 255, 0.12)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/plain-light-panelless.ts b/src/themes/plain-light-panelless.ts index 4ffeb5970c..145e020ba2 100644 --- a/src/themes/plain-light-panelless.ts +++ b/src/themes/plain-light-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/plain-light.ts b/src/themes/plain-light.ts index 8d971798b2..1c5bd0a619 100644 --- a/src/themes/plain-light.ts +++ b/src/themes/plain-light.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/predefined-themes.json b/src/themes/predefined-themes.json index e803b2e088..902b7a625b 100644 --- a/src/themes/predefined-themes.json +++ b/src/themes/predefined-themes.json @@ -39,7 +39,52 @@ "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "sharp": { "--sjs-general-backcolor-dark": "rgba(228, 228, 228, 1)", @@ -56,7 +101,52 @@ "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.25)", "--sjs-border-light": "rgba(0, 0, 0, 0.25)", - "--sjs-border-default": "rgba(0, 0, 0, 0.25)" + "--sjs-border-default": "rgba(0, 0, 0, 0.25)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "borderless": { "--sjs-general-backcolor-dark": "rgba(241, 246, 255, 1)", @@ -73,7 +163,52 @@ "--sjs-shadow-small": "0px 0px 0px 0px rgba(0, 0, 0, 0.15)", "--sjs-shadow-inner": "inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)", "--sjs-border-light": "rgba(220, 229, 241, 1)", - "--sjs-border-default": "rgba(179, 200, 229, 1)" + "--sjs-border-default": "rgba(179, 200, 229, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "flat": { "--sjs-general-backcolor": "rgba(246, 246, 246, 1)", @@ -87,10 +222,55 @@ "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(0, 0, 0, 0.1),0px 2px 6px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.12)", "--sjs-border-light": "rgba(0, 0, 0, 0.12)", - "--sjs-border-default": "rgba(0, 0, 0, 0.12)" + "--sjs-border-default": "rgba(0, 0, 0, 0.12)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "plain": { "--sjs-general-backcolor": "rgba(255, 255, 255, 1)", @@ -106,7 +286,52 @@ "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.05)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(0, 0, 0, 0.15)", "--sjs-border-light": "rgba(0, 0, 0, 0.15)", - "--sjs-border-default": "rgba(0, 0, 0, 0.15)" + "--sjs-border-default": "rgba(0, 0, 0, 0.15)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "doubleborder": { "--sjs-general-backcolor": "rgba(255, 255, 255, 1)", @@ -120,11 +345,56 @@ "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 0.07)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.04)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.08)", "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 0.1)", "--sjs-border-light": "rgba(0, 0, 0, 0.1)", - "--sjs-border-default": "rgba(0, 0, 0, 0.1)" + "--sjs-border-default": "rgba(0, 0, 0, 0.1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "layered": { "--sjs-general-backcolor": "rgba(255, 255, 255, 1)", @@ -138,8 +408,53 @@ "--sjs-primary-backcolor-dark": "rgba(105, 84, 152, 1)", "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", - "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)", - "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)" + "--sjs-shadow-small": "0px 0px 0px 1px rgba(0, 0, 0, 0.05),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 2px 4px 0px rgba(0, 0, 0, 0.1)", + "--sjs-shadow-inner": "inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "solid": { "--sjs-general-backcolor": "rgba(255, 255, 255, 1)", @@ -158,7 +473,52 @@ "--sjs-shadow-small": "0px 2px 0px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "inset 0px 2px 0px 0px rgba(0, 0, 0, 0.1)", "--sjs-border-light": "rgba(0, 0, 0, 0.09)", - "--sjs-border-default": "rgba(0, 0, 0, 0.16)" + "--sjs-border-default": "rgba(0, 0, 0, 0.16)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "threedimensional": { "--sjs-general-backcolor": "rgba(248, 248, 248, 1)", @@ -171,12 +531,57 @@ "--sjs-primary-backcolor-dark": "rgba(189, 61, 84, 1)", "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", - "--sjs-shadow-small": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)", - "--sjs-shadow-medium": "0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-small": "0px 2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 8px 0px 2px rgba(228, 228, 228, 1)", "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px -2px 0px 2px rgba(228, 228, 228, 1)", "--sjs-border-light": "rgba(0, 0, 0, 0.08)", - "--sjs-border-default": "rgba(0, 0, 0, 0.08)" + "--sjs-border-default": "rgba(0, 0, 0, 0.08)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "contrast": { "--sjs-general-backcolor": "rgba(255, 255, 255, 1)", @@ -196,9 +601,54 @@ "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)", "--sjs-border-light": "rgba(0, 0, 0, 0.2)", - "--sjs-border-default": "rgba(0, 0, 0, 1)" + "--sjs-border-default": "rgba(0, 0, 0, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "default-dark": { "--sjs-general-backcolor": "rgba(48, 48, 48, 1)", @@ -240,7 +690,52 @@ "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "sharp-dark": { "--sjs-general-backcolor-dark": "rgba(58, 58, 58, 1)", @@ -257,10 +752,55 @@ "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.28)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.25),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.22)", "--sjs-border-light": "rgba(255, 255, 255, 0.22)", - "--sjs-border-default": "rgba(255, 255, 255, 0.22)" + "--sjs-border-default": "rgba(255, 255, 255, 0.22)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "borderless-dark": { "--sjs-general-backcolor": "rgba(43, 48, 63, 1)", @@ -278,7 +818,52 @@ "--sjs-shadow-small": "0px 0px 0px 0px rgba(0, 0, 0, 0.35)", "--sjs-shadow-inner": "inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2)", "--sjs-border-light": "rgba(55, 62, 79, 1)", - "--sjs-border-default": "rgba(65, 72, 90, 1)" + "--sjs-border-default": "rgba(65, 72, 90, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "flat-dark": { "--sjs-general-backcolor": "rgba(48, 48, 48, 1)", @@ -292,10 +877,55 @@ "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.09)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.07)", "--sjs-border-light": "rgba(255, 255, 255, 0.07)", - "--sjs-border-default": "rgba(255, 255, 255, 0.07)" + "--sjs-border-default": "rgba(255, 255, 255, 0.07)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "plain-dark": { "--sjs-general-backcolor": "rgba(36, 36, 36, 1)", @@ -309,10 +939,55 @@ "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.12),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.12)", "--sjs-border-light": "rgba(255, 255, 255, 0.12)", - "--sjs-border-default": "rgba(255, 255, 255, 0.12)" + "--sjs-border-default": "rgba(255, 255, 255, 0.12)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "doubleborder-dark": { "--sjs-general-backcolor": "rgba(52, 52, 52, 1)", @@ -330,7 +1005,52 @@ "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)", "--sjs-shadow-inner": "0px 0px 0px 2px rgba(255, 255, 255, 0.1)", "--sjs-border-light": "rgba(255, 255, 255, 0.1)", - "--sjs-border-default": "rgba(255, 255, 255, 0.1)" + "--sjs-border-default": "rgba(255, 255, 255, 0.1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "layered-dark": { "--sjs-general-backcolor": "rgba(39, 40, 50, 1)", @@ -347,11 +1067,56 @@ "--sjs-primary-backcolor-dark": "rgba(192, 165, 251, 1)", "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", - "--sjs-shadow-small": "0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)", - "--sjs-shadow-inner": "inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)", + "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 2px 4px 0px rgba(0, 0, 0, 0.2)", + "--sjs-shadow-medium": "inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", + "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.03),inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2)", "--sjs-border-light": "rgba(54, 56, 69, 1)", - "--sjs-border-default": "rgba(67, 69, 85, 1)" + "--sjs-border-default": "rgba(67, 69, 85, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "solid-dark": { "--sjs-general-backcolor": "rgba(53, 55, 63, 1)", @@ -369,7 +1134,52 @@ "--sjs-shadow-small": "0px 2px 0px 0px rgba(33, 35, 43, 1)", "--sjs-shadow-inner": "0px -2px 0px 0px rgba(33, 35, 43, 1)", "--sjs-border-light": "rgba(65, 69, 83, 1)", - "--sjs-border-default": "rgba(97, 101, 118, 1)" + "--sjs-border-default": "rgba(97, 101, 118, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "threedimensional-dark": { "--sjs-general-backcolor": "rgba(38, 38, 38, 1)", @@ -382,12 +1192,57 @@ "--sjs-primary-backcolor-dark": "rgba(250, 118, 157, 1)", "--sjs-base-unit": "8px", "--sjs-corner-radius": "4px", - "--sjs-shadow-small": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)", - "--sjs-shadow-medium": "0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-small": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 8px 0px 2px rgba(64, 64, 64, 1)", "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)", "--sjs-border-light": "rgba(255, 255, 255, 0.12)", - "--sjs-border-default": "rgba(255, 255, 255, 0.12)" + "--sjs-border-default": "rgba(255, 255, 255, 0.12)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "contrast-dark": { "--sjs-general-backcolor": "rgba(255, 216, 77, 1)", @@ -408,76 +1263,931 @@ "--sjs-shadow-small": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-medium": "0px 0px 0px 2px rgba(0, 0, 0, 1)", "--sjs-shadow-large": "0px 6px 0px 0px rgba(0, 0, 0, 1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(0, 0, 0, 1),0px -2px 0px 2px rgba(0, 0, 0, 1)", "--sjs-border-light": "rgba(232, 192, 51, 1)", - "--sjs-border-default": "rgba(0, 0, 0, 1)" + "--sjs-border-default": "rgba(0, 0, 0, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "default-lw": { - "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)" + "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "sharp-lw": { "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)", - "--sjs-general-backcolor-dim-light": "rgba(238, 238, 238, 1)" + "--sjs-general-backcolor-dim-light": "rgba(238, 238, 238, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "borderless-lw": { "--sjs-general-backcolor": "rgba(231, 240, 255, 1)", "--sjs-general-backcolor-dark": "rgba(220, 232, 252, 1)", "--sjs-general-backcolor-dim": "rgba(231, 240, 255, 1)", "--sjs-general-backcolor-dim-light": "rgba(255, 255, 255, 1)", - "--sjs-general-backcolor-dim-dark": "rgba(220, 232, 252, 1)" + "--sjs-general-backcolor-dim-dark": "rgba(220, 232, 252, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "flat-lw": { - "--sjs-general-backcolor-dim": "rgba(246, 246, 246, 1)" + "--sjs-general-backcolor-dim": "rgba(246, 246, 246, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "doubleborder-lw": { - "--sjs-general-backcolor-dim": "rgba(245, 245, 245, 1)" + "--sjs-general-backcolor-dim": "rgba(245, 245, 245, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "layered-lw": { - "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)" + "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "solid-lw": { "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)", "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 0.91)", - "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45)" + "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "threedimensional-lw": { - "--sjs-general-backcolor-dim": "rgba(248, 248, 248, 1)" + "--sjs-general-backcolor-dim": "rgba(248, 248, 248, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "contrast-lw": { - "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)" + "--sjs-general-backcolor-dim": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "default-dark-lw": { - "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)" + "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "sharp-dark-lw": { "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)", - "--sjs-general-backcolor-dim-light": "rgba(33, 33, 33, 1)" + "--sjs-general-backcolor-dim-light": "rgba(33, 33, 33, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "borderless-dark-lw": { - "--sjs-general-backcolor-dim": "rgba(43, 48, 63, 1)" + "--sjs-general-backcolor-dim": "rgba(43, 48, 63, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "flat-dark-lw": { - "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)" + "--sjs-general-backcolor-dim": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "doubleborder-dark-lw": { - "--sjs-general-backcolor-dim": "rgba(52, 52, 52, 1)" + "--sjs-general-backcolor-dim": "rgba(52, 52, 52, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "layered-dark-lw": { - "--sjs-general-backcolor-dim": "rgba(39, 40, 50, 1)" + "--sjs-general-backcolor-dim": "rgba(39, 40, 50, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "solid-dark-lw": { - "--sjs-general-backcolor-dim": "rgba(53, 55, 63, 1)" + "--sjs-general-backcolor-dim": "rgba(53, 55, 63, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "contrast-dark-lw": { "--sjs-general-backcolor-dim": "rgba(255, 216, 77, 1)", "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 1)", - "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 1)" + "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "dark-designer": { "--sjs-primary-backcolor": "rgba(36, 197, 164, 1)", "--sjs-primary-backcolor-light": "rgba(36, 197, 164, 0.1)", "--sjs-primary-backcolor-dark": "rgba(44, 206, 173, 1)", "--sjs-base-unit": "8px", - "--sjs-corner-radius": "4px" + "--sjs-corner-radius": "4px", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" } } \ No newline at end of file diff --git a/src/themes/sharp-dark-panelless.ts b/src/themes/sharp-dark-panelless.ts index acacf0168e..f1e540d3cd 100644 --- a/src/themes/sharp-dark-panelless.ts +++ b/src/themes/sharp-dark-panelless.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.28)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.25),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.22)", "--sjs-border-light": "rgba(255, 255, 255, 0.22)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/sharp-dark.ts b/src/themes/sharp-dark.ts index db2aab9d0c..026dcd6eeb 100644 --- a/src/themes/sharp-dark.ts +++ b/src/themes/sharp-dark.ts @@ -22,7 +22,7 @@ const Theme = { "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", "--sjs-shadow-small": "0px 0px 0px 1px rgba(255, 255, 255, 0.28)", - "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)", + "--sjs-shadow-medium": "0px 0px 0px 1px rgba(255, 255, 255, 0.25),0px 2px 6px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.2)", "--sjs-shadow-inner": "0px 0px 0px 1px rgba(255, 255, 255, 0.22)", "--sjs-border-light": "rgba(255, 255, 255, 0.22)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/sharp-light-panelless.ts b/src/themes/sharp-light-panelless.ts index 7a84df8ad6..da47124e5b 100644 --- a/src/themes/sharp-light-panelless.ts +++ b/src/themes/sharp-light-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/sharp-light.ts b/src/themes/sharp-light.ts index 64b332a58d..a12160314c 100644 --- a/src/themes/sharp-light.ts +++ b/src/themes/sharp-light.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/solid-dark-panelless.ts b/src/themes/solid-dark-panelless.ts index 4a06c9a4e5..d4a6104c82 100644 --- a/src/themes/solid-dark-panelless.ts +++ b/src/themes/solid-dark-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/solid-dark.ts b/src/themes/solid-dark.ts index 284b12d3b9..b2c92452d3 100644 --- a/src/themes/solid-dark.ts +++ b/src/themes/solid-dark.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/solid-light-panelless.ts b/src/themes/solid-light-panelless.ts index 5201898d98..89b189152c 100644 --- a/src/themes/solid-light-panelless.ts +++ b/src/themes/solid-light-panelless.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/solid-light.ts b/src/themes/solid-light.ts index 0b8571e6d6..9748bf4d82 100644 --- a/src/themes/solid-light.ts +++ b/src/themes/solid-light.ts @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/threedimensional-dark-panelless.ts b/src/themes/threedimensional-dark-panelless.ts index f66877609a..89db6892ab 100644 --- a/src/themes/threedimensional-dark-panelless.ts +++ b/src/themes/threedimensional-dark-panelless.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", - "--sjs-shadow-small": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)", - "--sjs-shadow-medium": "0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-small": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 8px 0px 2px rgba(64, 64, 64, 1)", "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)", "--sjs-border-light": "rgba(255, 255, 255, 0.12)", "--sjs-border-default": "rgba(255, 255, 255, 0.12)", "--sjs-border-inside": "rgba(255, 255, 255, 0.08)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/threedimensional-dark.ts b/src/themes/threedimensional-dark.ts index 574227ad56..d84cb086dc 100644 --- a/src/themes/threedimensional-dark.ts +++ b/src/themes/threedimensional-dark.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(48, 48, 48, 1)", "--sjs-secondary-forecolor-light": "rgba(48, 48, 48, 0.25)", - "--sjs-shadow-small": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)", - "--sjs-shadow-medium": "0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-small": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 8px 0px 2px rgba(64, 64, 64, 1)", "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)", "--sjs-border-light": "rgba(255, 255, 255, 0.12)", "--sjs-border-default": "rgba(255, 255, 255, 0.12)", "--sjs-border-inside": "rgba(255, 255, 255, 0.08)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(48, 48, 48, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)" + "--sjs-special-yellow-forecolor": "rgba(48, 48, 48, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/src/themes/threedimensional-light-panelless.ts b/src/themes/threedimensional-light-panelless.ts index 53421dec57..9b6c0cf1a0 100644 --- a/src/themes/threedimensional-light-panelless.ts +++ b/src/themes/threedimensional-light-panelless.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", - "--sjs-shadow-small": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)", - "--sjs-shadow-medium": "0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-small": "0px 2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 8px 0px 2px rgba(228, 228, 228, 1)", "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px -2px 0px 2px rgba(228, 228, 228, 1)", "--sjs-border-light": "rgba(0, 0, 0, 0.08)", "--sjs-border-default": "rgba(0, 0, 0, 0.08)", "--sjs-border-inside": "rgba(0, 0, 0, 0.16)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": true }; diff --git a/src/themes/threedimensional-light.ts b/src/themes/threedimensional-light.ts index 353d3366fc..1e43863024 100644 --- a/src/themes/threedimensional-light.ts +++ b/src/themes/threedimensional-light.ts @@ -21,10 +21,10 @@ const Theme = { "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)", "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)", "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)", - "--sjs-shadow-small": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)", - "--sjs-shadow-medium": "0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-small": "0px 2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-medium": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px 8px 0px 2px rgba(228, 228, 228, 1)", "--sjs-shadow-large": "0px 0px 0px 0px rgba(0, 0, 0, 0.1)", - "--sjs-shadow-inner": "0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)", + "--sjs-shadow-inner": "0px 0px 0px 2px rgba(228, 228, 228, 1),0px -2px 0px 2px rgba(228, 228, 228, 1)", "--sjs-border-light": "rgba(0, 0, 0, 0.08)", "--sjs-border-default": "rgba(0, 0, 0, 0.08)", "--sjs-border-inside": "rgba(0, 0, 0, 0.16)", @@ -39,7 +39,52 @@ const Theme = { "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)", "--sjs-special-yellow": "rgba(255, 152, 20, 1)", "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)", - "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)" + "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)", + "--sjs-article-font-xx-large-fontSize": "64px", + "--sjs-article-font-xx-large-textDecoration": "none", + "--sjs-article-font-xx-large-fontWeight": "700", + "--sjs-article-font-xx-large-fontStyle": "normal", + "--sjs-article-font-xx-large-fontStretch": "normal", + "--sjs-article-font-xx-large-letterSpacing": "0", + "--sjs-article-font-xx-large-lineHeight": "64px", + "--sjs-article-font-xx-large-paragraphIndent": "0px", + "--sjs-article-font-xx-large-textCase": "none", + "--sjs-article-font-x-large-fontSize": "48px", + "--sjs-article-font-x-large-textDecoration": "none", + "--sjs-article-font-x-large-fontWeight": "700", + "--sjs-article-font-x-large-fontStyle": "normal", + "--sjs-article-font-x-large-fontStretch": "normal", + "--sjs-article-font-x-large-letterSpacing": "0", + "--sjs-article-font-x-large-lineHeight": "56px", + "--sjs-article-font-x-large-paragraphIndent": "0px", + "--sjs-article-font-x-large-textCase": "none", + "--sjs-article-font-large-fontSize": "32px", + "--sjs-article-font-large-textDecoration": "none", + "--sjs-article-font-large-fontWeight": "700", + "--sjs-article-font-large-fontStyle": "normal", + "--sjs-article-font-large-fontStretch": "normal", + "--sjs-article-font-large-letterSpacing": "0", + "--sjs-article-font-large-lineHeight": "40px", + "--sjs-article-font-large-paragraphIndent": "0px", + "--sjs-article-font-large-textCase": "none", + "--sjs-article-font-medium-fontSize": "24px", + "--sjs-article-font-medium-textDecoration": "none", + "--sjs-article-font-medium-fontWeight": "700", + "--sjs-article-font-medium-fontStyle": "normal", + "--sjs-article-font-medium-fontStretch": "normal", + "--sjs-article-font-medium-letterSpacing": "0", + "--sjs-article-font-medium-lineHeight": "32px", + "--sjs-article-font-medium-paragraphIndent": "0px", + "--sjs-article-font-medium-textCase": "none", + "--sjs-article-font-default-fontSize": "16px", + "--sjs-article-font-default-textDecoration": "none", + "--sjs-article-font-default-fontWeight": "400", + "--sjs-article-font-default-fontStyle": "normal", + "--sjs-article-font-default-fontStretch": "normal", + "--sjs-article-font-default-letterSpacing": "0", + "--sjs-article-font-default-lineHeight": "28px", + "--sjs-article-font-default-paragraphIndent": "0px", + "--sjs-article-font-default-textCase": "none" }, "isPanelless": false }; diff --git a/tests/questionDropdownTests.ts b/tests/questionDropdownTests.ts index 969d590ee7..2e733f2ec8 100644 --- a/tests/questionDropdownTests.ts +++ b/tests/questionDropdownTests.ts @@ -1655,4 +1655,45 @@ QUnit.test("isReady flag + onGetChoiceDisplayValue + choicesRestfull", assert => assert.ok(question["waitingAcyncOperations"]); assert.notOk(question["waitingChoicesByURL"]); assert.ok(question["waitingGetChoiceDisplayValueResponse"]); +}); + +QUnit.test("lazy loading: change choicesLazyLoadEnabled on runtime", assert => { + const json = { + questions: [{ + "type": "dropdown", + "name": "q1", + }] + }; + const survey = new SurveyModel(json); + survey.onChoicesLazyLoad.add((_, opt) => { + const total = 55; + const result: Array = []; + for (let index = 0; index < total; index++) { + result.push({ value: "item" + index, text: "item" + index }); + } + if(opt.filter === "des") { + opt.setItems(result.slice(10, 15), total); + } else { + opt.setItems(result.slice(0, 15), total); + } + }); + + const question = survey.getAllQuestions()[0]; + assert.equal(question.choicesLazyLoadEnabled, false); + assert.equal(question.choices.length, 0); + + question.choicesLazyLoadEnabled = true; + assert.equal(question.choicesLazyLoadEnabled, true); + assert.equal(question.choices.length, 0); + assert.equal(question.dropdownListModel["listModel"].visibleItems.length, 0, "#1"); + + question.dropdownListModel.popupModel.isVisible = true; + assert.equal(question.choices.length, 15); + assert.equal(question.dropdownListModel["listModel"].visibleItems.length, 16, "#2"); + assert.equal(question.dropdownListModel["listModel"].visibleItems[15].id, "loadingIndicator"); + + question.dropdownListModel.filterString = "des"; + assert.equal(question.choices.length, 5); + assert.equal(question.dropdownListModel["listModel"].visibleItems.length, 6, "#3"); + assert.equal(question.dropdownListModel["listModel"].visibleItems[5].id, "loadingIndicator"); }); \ No newline at end of file diff --git a/tests/questionImagepicker.ts b/tests/questionImagepicker.ts index ede1612288..6d905762ac 100644 --- a/tests/questionImagepicker.ts +++ b/tests/questionImagepicker.ts @@ -339,4 +339,43 @@ QUnit.test("check contentNotLoaded and contentMode flags behavior", function(ass assert.notOk(choice.contentNotLoaded); question.contentMode = "video"; assert.ok(choice.contentNotLoaded); +}); + +QUnit.test("check reCalcGap", function(assert) { + const survey = new SurveyModel( + { + "elements": [ + { + "type": "imagepicker", + "name": "question2", + "choices": [ + { + "value": "lion", + "imageLink": "test" + }, + ], + } + ] + } + ); + const question = survey.getAllQuestions()[0]; + survey.css = defaultV2Css; + const container = document.createElement("div"); + const itemsContainer = document.createElement("div"); + itemsContainer.className = survey.css.imagepicker.root; + container.appendChild(itemsContainer); + + assert.notOk(question["reCalcGapBetweenItemsCallback"]); + question.afterRender(container); + assert.ok(!!question["reCalcGapBetweenItemsCallback"]); + + question["reCalcGapBetweenItemsCallback"] = undefined as any; + question.cssClasses.root = ""; + question.afterRender(container); + assert.notOk(!!question["reCalcGapBetweenItemsCallback"]); + + container.innerHTML = ""; + survey.cssClasses.root = "some-class"; + question.afterRender(container); + assert.notOk(!!question["reCalcGapBetweenItemsCallback"]); }); \ No newline at end of file diff --git a/themes-import.js b/themes-import.js index a6d1b9850f..77ec26875e 100644 --- a/themes-import.js +++ b/themes-import.js @@ -1,6 +1,7 @@ const fs = require("fs"); const MikeThemes = require("./themes.json"); var themes = {}; +var articleFontSettings = {}; const _dirPath = "./src/themes/"; const displayNameMap = { @@ -58,7 +59,23 @@ function getShadowSettings(shadowGroup) { return createBoxShadow(result); } -Object.keys(MikeThemes).forEach(function (themeName) { +if(!!MikeThemes["article"] && Object.keys(MikeThemes["article"]).length > 0) { + const allowedSettings = ["fontSize", "textDecoration", "fontWeight", "fontStyle", "fontStretch", "letterSpacing", "lineHeight", "paragraphIndent", "textCase"]; + Object.keys(MikeThemes["article"]).forEach(fontSettingsName => { + const fontSettings = MikeThemes["article"][fontSettingsName]; + if(!!fontSettings && Object.keys(fontSettings).length > 0) { + Object.keys(fontSettings).filter(key => allowedSettings.indexOf(key) !== -1).forEach(key => { + let value = fontSettings[key]["value"]; + if(value !== undefined) { + value = value + ((fontSettings[key]["type"] === "number" && fontSettings[key]["unit"] === "pixel") ? "px": ""); + } + articleFontSettings["--sjs-article-font-" + fontSettingsName + "-" + key] = value; + }); + } + }); +} + +Object.keys(MikeThemes).filter(key => ["light", "dark", "ui", "article"].indexOf(key) === -1).forEach(function (themeName) { console.log(themeName); const generalGroup = MikeThemes[themeName]["general"]; @@ -128,6 +145,7 @@ Object.keys(MikeThemes).forEach(function (themeName) { themes[displayThemeName]["--sjs-special-yellow-light"] = specialGroup["yellow-light"] ? specialGroup["yellow-light"]["value"] : undefined; themes[displayThemeName]["--sjs-special-yellow-forecolor"] = specialGroup["yellow-forecolor"] ? specialGroup["yellow-forecolor"]["value"] : undefined; } + themes[displayThemeName] = Object.assign(themes[displayThemeName], articleFontSettings); }); const predefinedThemesContent = JSON.stringify(themes, null, 4); diff --git a/themes.json b/themes.json index eb009ba1f6..62a96a352c 100644 --- a/themes.json +++ b/themes.json @@ -219,6 +219,12 @@ "exportKey": "color", "value": "rgba(255, 255, 255, 1)", "type": "color" + }, + "white": { + "category": "color", + "exportKey": "color", + "value": "rgba(255, 255, 255, 1)", + "type": "color" } }, "code": { @@ -407,6 +413,138 @@ "type": "number", "unit": "pixel" } + }, + "cover-text-glow": { + "0": { + "type": { + "value": "dropShadow", + "type": "string" + }, + "radius": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "color": { + "value": "rgba(0, 0, 0, 1)", + "type": "color" + }, + "offset": { + "x": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "y": { + "value": 0, + "type": "number", + "unit": "pixel" + } + }, + "spread": { + "value": 16, + "type": "number", + "unit": "pixel" + } + }, + "1": { + "type": { + "value": "dropShadow", + "type": "string" + }, + "radius": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "color": { + "value": "rgba(0, 0, 0, 1)", + "type": "color" + }, + "offset": { + "x": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "y": { + "value": 0, + "type": "number", + "unit": "pixel" + } + }, + "spread": { + "value": 32, + "type": "number", + "unit": "pixel" + } + }, + "2": { + "type": { + "value": "dropShadow", + "type": "string" + }, + "radius": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "color": { + "value": "rgba(0, 0, 0, 1)", + "type": "color" + }, + "offset": { + "x": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "y": { + "value": 0, + "type": "number", + "unit": "pixel" + } + }, + "spread": { + "value": 32, + "type": "number", + "unit": "pixel" + } + }, + "3": { + "type": { + "value": "dropShadow", + "type": "string" + }, + "radius": { + "value": 64, + "type": "number", + "unit": "pixel" + }, + "color": { + "value": "rgba(0, 0, 0, 1)", + "type": "color" + }, + "offset": { + "x": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "y": { + "value": 0, + "type": "number", + "unit": "pixel" + } + }, + "spread": { + "value": 64, + "type": "number", + "unit": "pixel" + } + }, + "category": "effect", + "exportKey": "effect" } } }, @@ -773,7 +911,7 @@ "type": "string" }, "radius": { - "value": 6, + "value": 0, "type": "number", "unit": "pixel" }, @@ -788,13 +926,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -805,7 +943,7 @@ "type": "string" }, "radius": { - "value": 0, + "value": 6, "type": "number", "unit": "pixel" }, @@ -820,13 +958,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -1207,12 +1345,12 @@ "type": "string" }, "radius": { - "value": 6, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.04)", + "value": "rgba(0, 0, 0, 0.08)", "type": "color" }, "offset": { @@ -1222,13 +1360,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } @@ -1239,12 +1377,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 6, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.08)", + "value": "rgba(0, 0, 0, 0.04)", "type": "color" }, "offset": { @@ -1254,13 +1392,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } @@ -1405,12 +1543,12 @@ "type": "string" }, "radius": { - "value": 4, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.1)", + "value": "rgba(0, 0, 0, 0.05)", "type": "color" }, "offset": { @@ -1420,13 +1558,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -1469,12 +1607,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 4, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.05)", + "value": "rgba(0, 0, 0, 0.1)", "type": "color" }, "offset": { @@ -1484,13 +1622,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -1505,12 +1643,12 @@ "type": "string" }, "radius": { - "value": 4, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.1)", + "value": "rgba(0, 0, 0, 0.05)", "type": "color" }, "offset": { @@ -1520,13 +1658,13 @@ "unit": "pixel" }, "y": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -1537,12 +1675,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 4, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.05)", + "value": "rgba(0, 0, 0, 0.1)", "type": "color" }, "offset": { @@ -1552,13 +1690,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -1848,7 +1986,7 @@ "unit": "pixel" }, "y": { - "value": 8, + "value": 0, "type": "number", "unit": "pixel" } @@ -1880,7 +2018,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 8, "type": "number", "unit": "pixel" } @@ -1916,7 +2054,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } @@ -1948,7 +2086,7 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } @@ -1984,7 +2122,7 @@ "unit": "pixel" }, "y": { - "value": -2, + "value": 0, "type": "number", "unit": "pixel" } @@ -2016,7 +2154,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": -2, "type": "number", "unit": "pixel" } @@ -2248,7 +2386,7 @@ "unit": "pixel" }, "y": { - "value": -2, + "value": 0, "type": "number", "unit": "pixel" } @@ -2280,7 +2418,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": -2, "type": "number", "unit": "pixel" } @@ -2749,12 +2887,12 @@ "type": "string" }, "radius": { - "value": 6, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.2)", + "value": "rgba(255, 255, 255, 0.25)", "type": "color" }, "offset": { @@ -2764,13 +2902,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -2781,12 +2919,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 6, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(255, 255, 255, 0.25)", + "value": "rgba(0, 0, 0, 0.2)", "type": "color" }, "offset": { @@ -2796,13 +2934,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -3105,12 +3243,12 @@ "type": "string" }, "radius": { - "value": 6, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.2)", + "value": "rgba(255, 255, 255, 0.12)", "type": "color" }, "offset": { @@ -3120,13 +3258,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -3137,12 +3275,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 6, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(255, 255, 255, 0.12)", + "value": "rgba(0, 0, 0, 0.2)", "type": "color" }, "offset": { @@ -3152,13 +3290,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -3311,12 +3449,12 @@ "type": "string" }, "radius": { - "value": 6, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.2)", + "value": "rgba(255, 255, 255, 0.12)", "type": "color" }, "offset": { @@ -3326,13 +3464,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -3343,12 +3481,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 6, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(255, 255, 255, 0.12)", + "value": "rgba(0, 0, 0, 0.2)", "type": "color" }, "offset": { @@ -3358,13 +3496,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -3743,16 +3881,16 @@ "medium": { "0": { "type": { - "value": "dropShadow", + "value": "innerShadow", "type": "string" }, "radius": { - "value": 6, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.2)", + "value": "rgba(255, 255, 255, 0.05)", "type": "color" }, "offset": { @@ -3762,29 +3900,29 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } }, "1": { "type": { - "value": "innerShadow", + "value": "dropShadow", "type": "string" }, "radius": { - "value": 0, + "value": 6, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(255, 255, 255, 0.05)", + "value": "rgba(0, 0, 0, 0.2)", "type": "color" }, "offset": { @@ -3794,13 +3932,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -3815,12 +3953,12 @@ "type": "string" }, "radius": { - "value": 4, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.2)", + "value": "rgba(255, 255, 255, 0.1)", "type": "color" }, "offset": { @@ -3830,13 +3968,13 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } @@ -3879,12 +4017,12 @@ "type": "string" }, "radius": { - "value": 0, + "value": 4, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(255, 255, 255, 0.1)", + "value": "rgba(0, 0, 0, 0.2)", "type": "color" }, "offset": { @@ -3894,13 +4032,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -3911,16 +4049,16 @@ "inner": { "0": { "type": { - "value": "innerShadow", + "value": "dropShadow", "type": "string" }, "radius": { - "value": 4, + "value": 0, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(0, 0, 0, 0.2)", + "value": "rgba(255, 255, 255, 0.03)", "type": "color" }, "offset": { @@ -3930,29 +4068,29 @@ "unit": "pixel" }, "y": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } }, "spread": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } }, "1": { "type": { - "value": "dropShadow", + "value": "innerShadow", "type": "string" }, "radius": { - "value": 0, + "value": 4, "type": "number", "unit": "pixel" }, "color": { - "value": "rgba(255, 255, 255, 0.03)", + "value": "rgba(0, 0, 0, 0.2)", "type": "color" }, "offset": { @@ -3962,13 +4100,13 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 1, "type": "number", "unit": "pixel" } }, "spread": { - "value": 1, + "value": 0, "type": "number", "unit": "pixel" } @@ -4218,7 +4356,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } @@ -4250,7 +4388,7 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } @@ -4286,7 +4424,7 @@ "unit": "pixel" }, "y": { - "value": 8, + "value": 0, "type": "number", "unit": "pixel" } @@ -4318,7 +4456,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 8, "type": "number", "unit": "pixel" } @@ -4388,7 +4526,7 @@ "unit": "pixel" }, "y": { - "value": 2, + "value": 0, "type": "number", "unit": "pixel" } @@ -4420,7 +4558,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": 2, "type": "number", "unit": "pixel" } @@ -4658,7 +4796,7 @@ "unit": "pixel" }, "y": { - "value": -2, + "value": 0, "type": "number", "unit": "pixel" } @@ -4690,7 +4828,7 @@ "unit": "pixel" }, "y": { - "value": 0, + "value": -2, "type": "number", "unit": "pixel" } @@ -4957,5 +5095,1180 @@ "type": "color" } } + }, + "light": { + "teal": { + "category": "color", + "exportKey": "color", + "value": "rgba(11, 128, 128, 1)", + "type": "color" + }, + "blue": { + "category": "color", + "exportKey": "color", + "value": "rgba(39, 114, 203, 1)", + "type": "color" + }, + "purple": { + "category": "color", + "exportKey": "color", + "value": "rgba(122, 70, 187, 1)", + "type": "color" + }, + "orchid": { + "category": "color", + "exportKey": "color", + "value": "rgba(178, 61, 153, 1)", + "type": "color" + }, + "tulip": { + "category": "color", + "exportKey": "color", + "value": "rgba(191, 76, 97, 1)", + "type": "color" + }, + "brown": { + "category": "color", + "exportKey": "color", + "value": "rgba(177, 94, 47, 1)", + "type": "color" + }, + "green": { + "category": "color", + "exportKey": "color", + "value": "rgba(11, 134, 75, 1)", + "type": "color" + } + }, + "dark": { + "teal": { + "category": "color", + "exportKey": "color", + "value": "rgba(22, 198, 187, 1)", + "type": "color" + }, + "blue": { + "category": "color", + "exportKey": "color", + "value": "rgba(109, 183, 252, 1)", + "type": "color" + }, + "purple": { + "category": "color", + "exportKey": "color", + "value": "rgba(173, 144, 255, 1)", + "type": "color" + }, + "orchid": { + "category": "color", + "exportKey": "color", + "value": "rgba(232, 113, 220, 1)", + "type": "color" + }, + "tulip": { + "category": "color", + "exportKey": "color", + "value": "rgba(245, 131, 151, 1)", + "type": "color" + }, + "brown": { + "category": "color", + "exportKey": "color", + "value": "rgba(252, 187, 89, 1)", + "type": "color" + }, + "green": { + "category": "color", + "exportKey": "color", + "value": "rgba(140, 204, 90, 1)", + "type": "color" + } + }, + "ui": { + "large": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 40, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "large-bold": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 40, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "medium": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "medium-bold": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "default": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "default-underline": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "underline", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "default-bold": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 600, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "SemiBold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "default-bold-underline": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "underline", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 600, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "SemiBold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "default-all-caps": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 600, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "SemiBold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "uppercase", + "type": "string" + } + }, + "small": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 12, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "small-underline": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 12, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "underline", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "small-bold": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 12, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 600, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "SemiBold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "small-all-caps": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 12, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Open Sans", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "uppercase", + "type": "string" + } + }, + "code": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "DM Mono", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + } + }, + "article": { + "xx-large": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 64, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Lato", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 64, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "x-large": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 48, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Lato", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 56, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "large": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Lato", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 40, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "medium": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 24, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Lato", + "type": "string" + }, + "fontWeight": { + "value": 700, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Bold", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 32, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + }, + "default": { + "category": "font", + "exportKey": "font", + "fontSize": { + "value": 16, + "type": "number", + "unit": "pixel" + }, + "textDecoration": { + "value": "none", + "type": "string" + }, + "fontFamily": { + "value": "Lato", + "type": "string" + }, + "fontWeight": { + "value": 400, + "type": "number" + }, + "fontStyle": { + "value": "normal", + "type": "string" + }, + "fontStretch": { + "value": "normal", + "type": "string" + }, + "_fontStyleOld": { + "value": "Regular", + "type": "string" + }, + "letterSpacing": { + "value": 0, + "type": "number", + "unit": "percent" + }, + "lineHeight": { + "value": 28, + "type": "number", + "unit": "pixel" + }, + "paragraphIndent": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "paragraphSpacing": { + "value": 0, + "type": "number", + "unit": "pixel" + }, + "textCase": { + "value": "none", + "type": "string" + } + } } } \ No newline at end of file diff --git a/visualRegressionTests/tests/defaultV2/etalons/html-question.png b/visualRegressionTests/tests/defaultV2/etalons/html-question.png index c2ee982f8b..0e79f96bce 100644 Binary files a/visualRegressionTests/tests/defaultV2/etalons/html-question.png and b/visualRegressionTests/tests/defaultV2/etalons/html-question.png differ diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png b/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png index 1459fb1c5d..76ad138aa5 100644 Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-completed-no-toc.png differ