ckeditor5-dark-mode
Version:
Dark mode styles for CKEditor5 with shadcn variables
3 lines (2 loc) • 7.02 kB
JavaScript
import{jsx as r}from"react/jsx-runtime";!function(r,o){void 0===o&&(o={});var c=o.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===c&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=r:e.appendChild(document.createTextNode(r))}}(".ck-content ol,.ck-content ul{list-style-position:outside;list-style-type:disc;margin-left:1.5em;padding-left:0}.ck-content li{margin-left:0}.dark{--ck-color-base-foreground:hsl(var(--foreground));--ck-color-base-background:hsl(var(--background));--ck-color-base-border:hsl(var(--border));--ck-color-base-action:hsl(var(--primary));--ck-color-base-focus:hsl(var(--ring));--ck-color-base-text:hsl(var(--foreground));--ck-color-base-active:hsl(var(--primary));--ck-color-base-active-focus:hsl(var(--primary));--ck-color-base-error:hsl(var(--destructive));--ck-color-focus-border-coordinates:0,0%,83.1%;--ck-color-focus-border:hsl(var(--ck-color-focus-border-coordinates));--ck-color-focus-outer-shadow:hsla(var(--ring),0.3);--ck-color-focus-disabled-shadow:hsla(var(--muted-foreground),0.3);--ck-color-focus-error-shadow:hsla(var(--destructive),0.3);--ck-color-text:var(--ck-color-base-text);--ck-color-shadow-drop:rgba(0,0,0,.5);--ck-color-shadow-drop-active:rgba(0,0,0,.7);--ck-color-shadow-inner:rgba(0,0,0,.4);--ck-color-button-default-background:transparent;--ck-color-button-default-hover-background:hsl(var(--secondary));--ck-color-button-default-active-background:hsl(var(--secondary));--ck-color-button-default-disabled-background:transparent;--ck-color-button-on-background:hsl(var(--accent));--ck-color-button-on-hover-background:hsl(var(--accent));--ck-color-button-on-active-background:hsl(var(--accent));--ck-color-button-on-disabled-background:hsl(var(--muted));--ck-color-button-on-color:hsl(var(--accent-foreground));--ck-color-button-action-background:hsl(var(--primary));--ck-color-button-action-hover-background:hsl(var(--primary));--ck-color-button-action-active-background:hsl(var(--primary));--ck-color-button-action-disabled-background:hsl(var(--muted-foreground));--ck-color-button-action-text:hsl(var(--primary-foreground));--ck-color-button-save:#0c0;--ck-color-button-cancel:hsl(var(--destructive));--ck-color-switch-button-off-background:hsl(var(--muted-foreground));--ck-color-switch-button-off-hover-background:hsl(var(--muted-foreground));--ck-color-switch-button-on-background:hsl(var(--primary));--ck-color-switch-button-on-hover-background:hsl(var(--primary));--ck-color-switch-button-inner-background:hsl(var(--background));--ck-color-switch-button-inner-shadow:rgba(0,0,0,.3);--ck-color-dropdown-panel-background:hsl(var(--popover));--ck-color-dropdown-panel-border:hsl(var(--border));--ck-color-dialog-background:hsl(var(--card));--ck-color-dialog-form-header-border:hsl(var(--border));--ck-color-input-background:hsl(var(--input));--ck-color-input-border:hsl(var(--border));--ck-color-input-error-border:hsl(var(--destructive));--ck-color-input-text:hsl(var(--foreground));--ck-color-input-disabled-background:hsl(var(--muted));--ck-color-input-disabled-border:hsl(var(--border));--ck-color-input-disabled-text:hsl(var(--muted-foreground));--ck-color-list-background:hsl(var(--popover));--ck-color-list-button-hover-background:hsl(var(--secondary));--ck-color-list-button-on-background:hsl(var(--primary));--ck-color-list-button-on-background-focus:hsl(var(--primary));--ck-color-list-button-on-text:hsl(var(--primary-foreground));--ck-color-panel-background:hsl(var(--card));--ck-color-panel-border:hsl(var(--border));--ck-color-toolbar-background:hsl(var(--background));--ck-color-toolbar-border:hsl(var(--border));--ck-color-tooltip-background:hsl(var(--foreground));--ck-color-tooltip-text:hsl(var(--background));--ck-color-engine-placeholder-text:hsl(var(--muted-foreground));--ck-color-upload-bar-background:hsl(var(--ring));--ck-color-link-default:#39f;--ck-color-link-selected-background:hsla(var(--primary),0.1);--ck-color-link-fake-selection:hsla(var(--primary),0.3);--ck-color-highlight-background:#fa0;--ck-color-light-red:#600}.ck-fullscreen__main-wrapper .ck-fullscreen__editable{height:100%;margin-left:0!important;margin-top:var(--ck-fullscreen-editor-top-margin)}.dark.ck-fullscreen,.dark.ck-fullscreen body{background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important}.ck-fullscreen__main-wrapper .ck-fullscreen__editable-wrapper{justify-content:center!important}.dark.ck-fullscreen .ck.ck-editor__main .ck-editor__editable{background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important;display:flex;justify-content:center}.dark.ck-fullscreen .ck.ck-balloon-panel,.dark.ck-fullscreen .ck.ck-dropdown__panel,.dark.ck-fullscreen .ck.ck-editor,.dark.ck-fullscreen .ck.ck-toolbar{background-color:hsl(var(--background))!important;border-color:hsl(var(--border))!important;color:hsl(var(--foreground))!important}.dark.ck-fullscreen .ck.ck-reset_all.ck-editor__editable_inline.ck-editor__editable_inline_fullscreen{background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important}.dark .ck-content{background-color:hsl(var(--background));color:hsl(var(--foreground))}.dark.ck-fullscreen .ck-content{background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important}.ck-menu-bar,.dark.ck-fullscreen .ck.ck-fullscreen__bottom-wrapper,.dark.ck-fullscreen .ck.ck-fullscreen__menu-bar,.dark.ck-fullscreen .ck.ck-fullscreen__sidebar,.dark.ck-fullscreen .ck.ck-fullscreen__toolbar{background-color:hsl(var(--background))!important;border-color:hsl(var(--border))!important;color:hsl(var(--foreground))!important}.dark.ck-fullscreen .ck.ck-fullscreen__editable-wrapper{background-color:hsl(var(--background))!important;border-color:hsl(var(--border))!important;display:flex;justify-content:center}.ck-fullscreen .ck.ck-fullscreen__left-sidebar,.ck-fullscreen .ck.ck-fullscreen__right-sidebar{background-color:hsl(var(--sidebar-background))!important;border-color:hsl(var(--sidebar-border))!important;color:hsl(var(--sidebar-foreground))!important;display:none}.dark.ck-fullscreen .ck-button{background-color:transparent!important;color:hsl(var(--foreground))!important}.dark.ck-fullscreen .ck-button.ck-on:hover:not(.ck-button_disabled),.dark.ck-fullscreen .ck-button:hover:not(.ck-button_disabled){background-color:hsl(var(--secondary))!important}.dark.ck-fullscreen .ck-button.ck-on{background-color:hsl(var(--accent))!important;color:hsl(var(--accent-foreground))!important}.dark.ck-fullscreen .ck-list__item .ck-button{color:hsl(var(--foreground))!important}.dark.ck-fullscreen .ck-list__item .ck-button:hover{background-color:hsl(var(--secondary))!important}.dark.ck-fullscreen .ck-icon{fill:currentColor}");var o=function(o){var c=o.children,a=o.theme;return r("div",{className:"".concat("dark"===a?"dark":""),children:c})};export{o as default};
//# sourceMappingURL=index.mjs.map