Rich Text Editor Theme Settings

The examples in this setting are the default theme's values.

bgColor

CSS variable: --lia-rte-bg-color

"bgColor" : "var(--lia-bs-white)",

borderRadius

CSS variable: --lia-rte-border-radius

"borderRadius" : "var(--lia-panel-border-radius)",

boxShadow

CSS variable: --lia-rte-box-shadow

"boxShadow" : " var(--lia-panel-box-shadow)",

customColor1

CSS variable: --lia-rte-custom-color-1

"customColor1" : "#bfedd2",

customColor2

CSS variable: --lia-rte-custom-color-2

"customColor2" : "#fbeeb8",

customColor3

CSS variable: --lia-rte-custom-color-3

"customColor3" : "#f8cac6",

customColor4

CSS variable: --lia-rte-custom-color-4

"customColor4" : "#eccafa",

customColor5

CSS variable: --lia-rte-custom-color-5

"customColor5" : "#c2e0f4",

customColor6

CSS variable: --lia-rte-custom-color-6

"customColor6" : "#2dc26b",

customColor7

CSS variable: --lia-rte-custom-color-7

"customColor7" : "#f1c40f",

customColor8

CSS variable: --lia-rte-custom-color-8

"customColor8" : "#e03e2d",

customColor9

CSS variable: --lia-rte-custom-color-9

"customColor9" : "#b96ad9",

customColor10

CSS variable: --lia-rte-custom-color-10

"customColor10" : "#3598db",

customColor11

CSS variable: --lia-rte-custom-color-11

"customColor11" : "#169179",

customColor12

CSS variable: --lia-rte-custom-color-12

"customColor12" : "#e67e23",

customColor13

CSS variable: --lia-rte-custom-color-13

"customColor13" : "#ba372a",

customColor14

CSS variable: --lia-rte-custom-color-14

"customColor14" : "#843fa1",

customColor15

CSS variable: --lia-rte-custom-color-15

"customColor15" : "#236fa1",

customColor16

CSS variable: --lia-rte-custom-color-16

"customColor16" : "#ecf0f1",

customColor17

CSS variable: --lia-rte-custom-color-17

"customColor17" : "#ced4d9",

customColor18

CSS variable: --lia-rte-custom-color-1

"customColor18" : "#95a5a6",

customColor19

CSS variable: --lia-rte-custom-color-19

"customColor19" : "#7e8c8d",

customColor20

CSS variable: --lia-rte-custom-color-1

"customColor20" : "#34495e",

customColor21

CSS variable: --lia-rte-custom-color-21

"customColor21" : "#000000",

customColor22

CSS variable: --lia-rte-custom-color-22

"customColor22" : "#ffffff",

defaultMessageHeaderMarginTop

CSS variable: --lia-rte-default-message-header-mt

"defaultMessageHeaderMarginTop" : "40px",

defaultMessageHeaderMarginBottom

CSS variable: --lia-rte-default-message-header-mb

"defaultMessageHeaderMarginBottom" : "20px",

defaultMessageItemMarginTop

CSS variable: --lia-rte-default-message-item-mt

"defaultMessageItemMarginTop" : "0",

defaultMessageItemMarginBottom

CSS variable: --lia-rte-default-message-item-mb

"defaultMessageItemMarginBottom" : "30px",

diffAddedColor

CSS variable: --lia-rte-diff-added-color

"diffAddedColor" : "#b3e8df",

diffChangedColor

CSS variable: --lia-rte-diff-changed-color

"diffChangedColor" : "#b3d7f3",

diffRemovedColor

CSS variable: --lia-rte-diff-removed-color

"diffRemovedColor" : "#edb0a5",

specialMessageHeaderMarginTop

CSS variable: --lia-rte-special-message-header-mt

"specialMessageHeaderMarginTop" : "40px",

specialMessageHeaderMarginBottom

CSS variable: --lia-rte-special-message-header-mb

"specialMessageHeaderMarginBottom" : "20px",

specialMessageItemMarginTop

CSS variable: --lia-rte-special-message-item-mt

"specialMessageItemMarginTop" : "0",

specialMessageItemMarginBottom

CSS variable: --lia-rte-special-message-item-mb

"specialMessageItemMarginBottom" : "30px"