.toastui-editor-dark.toastui-editor-defaultUI {
  border-color: #494c56;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-md-container, .toastui-editor-dark .toastui-editor-ww-container {
  background-color: #121212;
}

.toastui-editor-dark .toastui-editor-defaultUI-toolbar {
  background-color: #232428;
  border-bottom-color: #303238;
}

.toastui-editor-dark .toastui-editor-toolbar-icons {
  background-position-y: -49px;
  border-color: #232428;
}

.toastui-editor-dark .toastui-editor-toolbar-icons:not(:disabled):hover {
  background-color: #36383f;
  border-color: #36383f;
}

.toastui-editor-dark .toastui-editor-toolbar-divider {
  background-color: #303238;
}

.toastui-editor-dark .toastui-editor-tooltip, .toastui-editor-dark .toastui-editor-tooltip .arrow {
  background-color: #535662;
}

.toastui-editor-dark .toastui-editor-defaultUI-toolbar .scroll-sync:before {
  color: #8f939f;
}

.toastui-editor-dark .toastui-editor-defaultUI-toolbar .scroll-sync.active:before {
  color: #67ccff;
}

.toastui-editor-dark .toastui-editor-defaultUI-toolbar .switch, .toastui-editor-dark .toastui-editor-defaultUI-toolbar input:checked + .switch {
  background-color: #2b4455;
}

.toastui-editor-dark .toastui-editor-defaultUI-toolbar .switch:before {
  background-color: #8f939f;
}

.toastui-editor-dark .toastui-editor-defaultUI-toolbar input:checked + .switch:before {
  background-color: #67ccff;
}

.toastui-editor-dark .toastui-editor-main .toastui-editor-md-splitter {
  background-color: #303238;
}

.toastui-editor-dark .toastui-editor-mode-switch {
  background-color: #121212;
  border-top-color: #393b42;
}

.toastui-editor-dark .toastui-editor-mode-switch .tab-item {
  background-color: #232428;
  border-color: #393b42;
  color: #757a86;
}

.toastui-editor-dark .toastui-editor-mode-switch .tab-item.active {
  background-color: #121212;
  border-top-color: #121212;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-context-menu, .toastui-editor-dark .toastui-editor-popup {
  background-color: #121212;
  border-color: #494c56;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.toastui-editor-dark .toastui-editor-popup-add-heading ul li:hover {
  background-color: #36383f;
}

.toastui-editor-dark .toastui-editor-popup-body label {
  color: #9a9da3;
}

.toastui-editor-dark .toastui-editor-popup-body input[type=text] {
  background-color: transparent;
  border-color: #303238;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-popup-body input[type=text]:focus {
  outline-color: #67ccff;
}

.toastui-editor-dark .toastui-editor-popup-body input[type=text].disabled {
  background-color: rgba(48, 50, 56, 0.4);
  border-color: #303238;
  color: #969aa5;
}

.toastui-editor-dark .toastui-editor-popup-add-image .toastui-editor-tabs .tab-item {
  border-bottom-color: #292e37;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-popup-add-image .toastui-editor-tabs .tab-item:hover {
  border-bottom-color: #3c424d;
}

.toastui-editor-dark .toastui-editor-popup-add-image .toastui-editor-tabs .tab-item.active {
  border-bottom-color: #67ccff;
  color: #67ccff;
}

.toastui-editor-dark .toastui-editor-popup-body .toastui-editor-file-name {
  border-color: #303238;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-popup-body .toastui-editor-file-select-button {
  background-color: #232428;
  border-color: #303238;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-popup-body .toastui-editor-file-select-button:hover {
  border-color: #494c56;
}

.toastui-editor-dark.toastui-editor-defaultUI .toastui-editor-close-button {
  background-color: #232428;
  border-color: #303238;
  color: #eee;
}

.toastui-editor-dark.toastui-editor-defaultUI .toastui-editor-close-button:hover {
  border-color: #494c56;
}

.toastui-editor-dark.toastui-editor-defaultUI .toastui-editor-ok-button {
  background-color: #67ccff;
  color: #121212;
}

.toastui-editor-dark.toastui-editor-defaultUI .toastui-editor-ok-button:hover {
  background-color: #32baff;
  color: #121212;
}

.toastui-editor-dark .toastui-editor-popup-add-table .toastui-editor-table-cell {
  background-color: #121212;
  border-color: #303238;
}

.toastui-editor-dark .toastui-editor-popup-add-table .toastui-editor-table-cell.header {
  background-color: #232428;
  border-color: #303238;
}

.toastui-editor-dark .toastui-editor-popup-add-table .toastui-editor-table-selection-layer {
  background-color: rgba(103, 204, 255, 0.1);
  border-color: rgba(103, 204, 255, 0.4);
}

.toastui-editor-dark .toastui-editor-popup-add-table .toastui-editor-table-description {
  color: #eee;
}

.toastui-editor-dark .toastui-editor-md-tab-container {
  background-color: #232428;
  border-bottom-color: #303238;
}

.toastui-editor-dark .toastui-editor-md-tab-container .tab-item {
  background-color: #2d2f34;
  border-color: #393b42;
  color: #757a86;
}

.toastui-editor-dark .toastui-editor-md-tab-container .tab-item.active {
  background-color: #121212;
  border-bottom-color: #121212;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-context-menu .menu-group {
  border-bottom-color: #303238;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-context-menu .menu-item span:before {
  background-position-y: -126px;
}

.toastui-editor-dark .toastui-editor-context-menu li:not(.disabled):hover {
  background-color: #36383f;
}

.toastui-editor-dark .toastui-editor-context-menu li.disabled {
  color: #969aa5;
}

.toastui-editor-dark .toastui-editor-dropdown-toolbar {
  background-color: #232428;
  border-color: #494c56;
}

.toastui-editor-dark .ProseMirror, .toastui-editor-dark .toastui-editor-contents h1, .toastui-editor-dark .toastui-editor-contents h2, .toastui-editor-dark .toastui-editor-contents h3, .toastui-editor-dark .toastui-editor-contents h4, .toastui-editor-dark .toastui-editor-contents h5, .toastui-editor-dark .toastui-editor-contents h6, .toastui-editor-dark .toastui-editor-contents p {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-contents h1, .toastui-editor-dark .toastui-editor-contents h2 {
  border-color: #fff;
}

.toastui-editor-dark .toastui-editor-contents del {
  color: #777980;
}

.toastui-editor-dark .toastui-editor-contents blockquote {
  border-color: #303135;
}

.toastui-editor-dark .toastui-editor-contents blockquote ol, .toastui-editor-dark .toastui-editor-contents blockquote p, .toastui-editor-dark .toastui-editor-contents blockquote ul {
  color: #777980;
}

.toastui-editor-dark .toastui-editor-contents pre {
  background-color: #232428;
}

.toastui-editor-dark .toastui-editor-contents pre code {
  background-color: transparent;
  color: #fff;
}

.toastui-editor-dark .toastui-editor-contents code {
  background-color: #35262a;
  color: #c1798b;
}

.toastui-editor-dark .toastui-editor-contents div {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-ww-code-block-language {
  background-color: #121212;
  border-color: #303238;
}

.toastui-editor-dark .toastui-editor-ww-code-block-language input {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-contents .toastui-editor-ww-code-block:after {
  background-color: #232428;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Im0xNS41IDEyLjUgMiAyTDEyIDIwaC0ydi0ybDUuNS01LjV6TTE4IDEwbDIgMi0xLjUgMS41LTItMkwxOCAxMHoiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmYiLz48L3N2Zz4=");
  border: 1px solid #393b42;
  color: #eee;
}

.toastui-editor-dark .toastui-editor-contents .toastui-editor-custom-block-editor {
  background: #392d31;
  border-color: #327491;
  color: #fff;
}

.toastui-editor-dark .toastui-editor-custom-block.ProseMirror-selectednode .toastui-editor-custom-block-view {
  border-color: #327491;
  color: #fff;
}

.toastui-editor-dark .toastui-editor-custom-block-view button {
  background-color: #232428;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Im0xNS41IDEyLjUgMiAyTDEyIDIwaC0ydi0ybDUuNS01LjV6TTE4IDEwbDIgMi0xLjUgMS41LTItMkwxOCAxMHoiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmYiLz48L3N2Zz4=");
  border-color: #393b42;
}

.toastui-editor-dark .toastui-editor-custom-block-view button:hover {
  background-color: #232428;
  border-color: #595c68;
}

.toastui-editor-dark .toastui-editor-custom-block-view .info {
  color: #65acca;
}

.toastui-editor-dark .toastui-editor-contents table, .toastui-editor-dark .toastui-editor-contents table td, .toastui-editor-dark .toastui-editor-contents table th {
  border-color: #303238;
}

.toastui-editor-dark .toastui-editor-contents table th {
  background-color: #3a3c42;
}

.toastui-editor-dark .toastui-editor-contents table td, .toastui-editor-dark .toastui-editor-contents table td p {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-contents td.toastui-editor-cell-selected {
  background-color: rgba(103, 204, 255, 0.5);
}

.toastui-editor-dark .toastui-editor-contents th.toastui-editor-cell-selected {
  background-color: rgba(103, 204, 255, 0.3);
}

.toastui-editor-dark .html-block.ProseMirror-selectednode, .toastui-editor-dark table.ProseMirror-selectednode {
  outline-color: #67ccff;
}

.toastui-editor-dark .toastui-editor-contents dir, .toastui-editor-dark .toastui-editor-contents menu, .toastui-editor-dark .toastui-editor-contents ol, .toastui-editor-dark .toastui-editor-contents ul {
  color: #55575f;
}

.toastui-editor-dark .toastui-editor-contents ul > li:before {
  background-color: #55575f;
}

.toastui-editor-dark .toastui-editor-contents hr {
  border-color: #55575f;
}

.toastui-editor-dark .toastui-editor-contents a {
  color: #4b96e6;
}

.toastui-editor-dark .toastui-editor-contents a:hover {
  color: #1f70de;
}

.toastui-editor-dark .toastui-editor-contents .image-link:hover:before {
  background-color: #232428;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjRUVFIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Im01LjY4NyAxMC4yOTQtMS4yODUgMS4yODhjLTEuMDUgMS4wNS0xLjAzNSAyLjc3Mi4wMzcgMy44NDRsLjEzNS4xMzVjMS4wNzIgMS4wNzIgMi43OTQgMS4wODggMy44NDQuMDM3bDIuNzItMi43MmMxLjA1MS0xLjA1IDEuMDM0LTIuNzcyLS4wMzctMy44NDNsLS4xMzYtLjEzNiIvPjxwYXRoIGQ9Im0xNC4zMDUgOS43MTMgMS4yODctMS4yOWMxLjA1Mi0xLjA1MSAxLjAzNi0yLjc3My0uMDM2LTMuODQ0bC0uMTM1LS4xMzZjLTEuMDcyLTEuMDcyLTIuNzk0LTEuMDg4LTMuODQ1LS4wMzZMOC44NTcgNy4xMjZjLTEuMDUxIDEuMDUxLTEuMDM0IDIuNzcyLjAzNyAzLjg0M2wuMTM2LjEzNiIvPjwvZz48L3N2Zz4=");
  border-color: #393b42;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.toastui-editor-dark .toastui-editor-contents .task-list-item:before {
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHJlY3Qgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB4PSIuNSIgeT0iLjUiIHJ4PSIyIiBzdHJva2U9IiM1NTU3NUYiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.toastui-editor-dark .toastui-editor-contents .task-list-item.checked:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZD0iTTE2IDBhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJoMTR6bS0xLjc5MyA1LjI5M2ExIDEgMCAwIDAtMS40MTQgMEw3LjUgMTAuNTg1IDUuMjA3IDguMjkzbC0uMDk0LS4wODNhMSAxIDAgMCAwLTEuMzIgMS40OTdsMyAzIC4wOTQuMDgzYTEgMSAwIDAgMCAxLjMyLS4wODNsNi02IC4wODMtLjA5NGExIDEgMCAwIDAtLjA4My0xLjMyeiIgZmlsbD0iIzRCOTZFNiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

.toastui-editor-dark .toastui-editor-md-block-quote, .toastui-editor-dark .toastui-editor-md-code.toastui-editor-md-delimiter, .toastui-editor-dark .toastui-editor-md-delimiter, .toastui-editor-dark .toastui-editor-md-html, .toastui-editor-dark .toastui-editor-md-link, .toastui-editor-dark .toastui-editor-md-meta, .toastui-editor-dark .toastui-editor-md-table, .toastui-editor-dark .toastui-editor-md-thematic-break {
  color: #55575f;
}

.toastui-editor-dark .toastui-editor-md-link.toastui-editor-md-link-url.toastui-editor-md-marked-text {
  color: #777980;
}

.toastui-editor-dark .toastui-editor-md-block-quote .toastui-editor-md-marked-text, .toastui-editor-dark .toastui-editor-md-list-item .toastui-editor-md-meta {
  color: #b3b5bc;
}

.toastui-editor-dark .toastui-editor-md-link.toastui-editor-md-link-desc.toastui-editor-md-marked-text, .toastui-editor-dark .toastui-editor-md-list-item-style.toastui-editor-md-list-item-odd {
  color: #4b96e6;
}

.toastui-editor-dark .toastui-editor-md-list-item-style.toastui-editor-md-list-item-even {
  color: #ef6767;
}

.toastui-editor-dark .toastui-editor-md-table .toastui-editor-md-table-cell {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-md-code.toastui-editor-md-marked-text {
  color: #c1798b;
}

.toastui-editor-dark .toastui-editor-md-code {
  background-color: #35262a;
}

.toastui-editor-dark .toastui-editor-md-code-block-line-background {
  background-color: #232428;
}

.toastui-editor-dark .toastui-editor-md-code-block .toastui-editor-md-meta {
  color: #aaa;
}

.toastui-editor-dark .toastui-editor-md-custom-block {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-md-custom-block-line-background {
  background-color: #392d31;
}

.toastui-editor-dark .toastui-editor-md-custom-block .toastui-editor-md-delimiter {
  color: #327491;
}

.toastui-editor-dark .toastui-editor-md-custom-block .toastui-editor-md-meta {
  color: #65acca;
}

.toastui-editor-dark .toastui-editor-contents .toastui-editor-md-preview-highlight:after, .toastui-editor-dark .toastui-editor-contents td.toastui-editor-md-preview-highlight, .toastui-editor-dark .toastui-editor-contents th.toastui-editor-md-preview-highlight {
  background-color: rgba(255, 250, 193, 0.5);
}

.toastui-editor-dark .toastui-editor-contents th.toastui-editor-md-preview-highlight {
  color: #fff;
}

.toastui-editor-dark .toastui-editor-contents .toastui-editor-md-preview-highlight:after, .toastui-editor-dark .toastui-editor-contents td.toastui-editor-md-preview-highlight, .toastui-editor-dark .toastui-editor-contents th.toastui-editor-md-preview-highlight {
  background-color: rgba(255, 250, 193, 0.25);
}