div[data-editorjs-holder] { display: inline-block; width: 100%; max-width: 750px; padding: 1.5em 1em; border: 1px solid #ccc; border-radius: 4px; background-color: #fcfeff; } .codex-editor .ce-rawtool__textarea { background-color: #010e15; color: #ccced2; } .codex-editor .cdx-list { margin: 0; padding-left: 32px; outline: none; } .codex-editor .cdx-list__item { padding: 8px; line-height: 1.4em; list-style: inherit; } .codex-editor .cdx-checklist__item-text { align-self: center; } .codex-editor .ce-header { padding: 1em 0; margin: 0; margin-bottom: -1em; line-height: 1.4em; outline: none; background: transparent; color: #000; font-weight: 800; text-transform: initial; } .codex-editor h2.ce-header { font-size: 1.5em; } .codex-editor h3.ce-header { font-size: 1.3em; } .codex-editor h4.ce-header { font-size: 1.1em; } .codex-editor blockquote { border: initial; margin: initial; color: initial; font-size: inherit; } .codex-editor .wrapper .cdx-button { display: none; } .codex-editor .link-tool__progress { float: initial; width: 100%; line-height: initial; padding: initial; } @media (max-width: 767px) { div[data-editorjs-holder] { width: auto; } .aligned .form-row, .aligned .form-row > div { flex-direction: column; } } @media (prefers-color-scheme: dark) { .change-form #container #content-main div[data-editorjs-holder] { border: 1px solid var(--border-color); background-color: var(--body-bg); } .change-form #container #content-main .link-tool__input { color: var(--primary); } .change-form #container #content-main .codex-editor .ce-header, .change-form #container #content-main .codex-editor blockquote { color: var(--body-fg); } .change-form #container #content-main .codex-editor .ce-rawtool__textarea { background-color: #264b5d; color: #fbfbfb; } .change-form #container #content-main .cdx-marker { background: #fff03b; } .change-form #container #content-main .ce-inline-toolbar { color: #000; } .change-form #container #content-main ::-moz-selection, .change-form #container #content-main ::selection { color: #fff; background: #616161; } .change-form #container #content-main .ce-block--selected .ce-block__content { background: #426b8a; } }