MediaWiki:Common.less/visualeditor.less

/* ==========================

         VisualEditor
  ========================== */

// copy of MediaWiki:Vector-darkmode.less/visualeditor.less @ooui-text: var(--ooui-text); @ooui-interface: var(--ooui-interface); @ooui-interface-border: var(--body-border); @ve-toolbar-border: var(--body-mid);

// may look into https://www.mediawiki.org/wiki/VisualEditor/Gadgets#Gadget_-_Registering_VE_plugin // so ve-specific stuff will be all lazy loaded

.ve-activated { .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: var(--ooui-normal--hover); } }

// limit to vector to not load on mobile .ve-ui-overlay { font-family: inherit; }

// border atop special character menu .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above { border-top-color: @ve-toolbar-border; }

// "Insert paragraph" button, maybe other things .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug { outline-color: @ooui-interface-border; background-color: @ooui-interface; }

// special characters menu // header .ve-ui-specialCharacterPage h3 { color: var(--byline-color); }

// background .ve-ui-toolbarDialog { background: @ooui-interface; }

// buttons - same as source editor .ve-ui-specialCharacterPage-character { border-color: var(--body-mid);

&:hover { border-color: var(--body-dark); } }

// when a link is selected .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px var(--body-mid); background: none; }

// inside link annotation box .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label { border-color: @ooui-interface-border; }

// ve version number .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--byline-color); }

// unstyled tables .ve-ce-tableCellableNode { border-color: @ve-toolbar-border; }

// "There are no references on this page to include in this list." // even though there is, just because it doesnt recognise cites templates // with <ref> tags embeded inside them .ve-ce-mwReferencesListNode-muted { color: var(--byline-color); }

/* ------------------

        modals
  ------------------ */

// template editor modal .ve-ui-mwTemplatePage-description, .ve-ui-mwParameterPage-label, .ve-ui-mwParameterPage-description-required, .ve-ui-mwParameterPage-description-deprecated { color: var(--byline-color); }

// template description .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--byline-color); }

// gallery modal .ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu, .ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu, .ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container, .ve-ui-targetWidget { border-color: @ooui-interface-border; }

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background-color: var(--body-main); }

// "Save your changes" modal .ve-ui-mwSaveDialog { color: var(--ooui-text); }

// box below edit summary box .ve-ui-mwSaveDialog-options { background-color: @ooui-interface; border-color: @ooui-interface-border; }

.ve-ui-mwSaveDialog-summary { background-color: var(--ooui-input); }

// char count remaining .ve-ui-mwSaveDialog-editSummary-count { border-color: @ooui-interface-border; }

.ve-ui-mwSaveDialog-license { color: var(--byline-color); }

.ve-ui-mwReferenceContextItem-muted { color: var(--byline-color); }

// borders inside edit notices .ve-ui-mwNoticesPopupTool-items > div:not(:first-child), .ve-ui-mwHelpPopupTool-item:not(:first-child) { border-color: @ooui-interface-border; }

// Templates config window

.ve-ui-mwTransclusionOutlineControlsWidget { background-color: @ooui-interface; border-top-color: @ooui-interface-border; }

.ve-ui-mwTransclusionOutlineTemplateWidget { &-sticky { background-color: @ooui-interface; }

.ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--ooui-text); }

&-no-template-parameters { color: var(--subtle-color); } }

.ve-ui-mwParameterPage-undocumentedLabel { color: var(--subtle-color); }

.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu { border-right: @ooui-interface-border; }

.ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--byline-color); }

// param "More" details button .ve-ui-expandableContent-toggle { background-color: @ooui-interface; }

// fade beside it .ve-ui-expandableContent-fade { background: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0, @ooui-interface 90% ) }

// keyboard shortcuts modal .ve-ui-commandHelpDialog-shortcut > kbd, .ve-ui-commandHelpDialog-sequence > kbd { background-color: var(--keypress-background); color: var(--keypress-color); border-color: var(--keypress-border); box-shadow: none; text-shadow: none; }

/* ------------------

     initialisation
  ------------------ */

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { background: @ooui-interface; // based on `.oo-ui-toolbar-bar` }

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: @ve-toolbar-border; // `.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar` }