<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://roguepedia.net/wiki/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3AComponents.css</id>
	<title>MediaWiki:Components.css - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://roguepedia.net/wiki/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3AComponents.css"/>
	<link rel="alternate" type="text/html" href="https://roguepedia.net/wiki/index.php?title=MediaWiki:Components.css&amp;action=history"/>
	<updated>2026-06-09T02:58:31Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.41.0</generator>
	<entry>
		<id>https://roguepedia.net/wiki/index.php?title=MediaWiki:Components.css&amp;diff=20&amp;oldid=prev</id>
		<title>Ken: Created page with &quot;/* Wiki editor */ .ui-widget {     font-size: 1rem;     max-width: 500px; }  .ui-widget-overlay {     background: #000; }  .ui-dialog-titlebar.ui-widget-header {     background: var(--theme-tone-7);     color: var(--text-color);     border-radius: 0;     border: 0;     border-bottom: 1px solid var(--border-color-tone-2);     margin: -3px;     font-weight: 500; }  .ui-dialog.ui-widget.ui-widget-content, .ui-dialog .ui-dialog-buttonpane {     background: var(--theme-tone-6...&quot;</title>
		<link rel="alternate" type="text/html" href="https://roguepedia.net/wiki/index.php?title=MediaWiki:Components.css&amp;diff=20&amp;oldid=prev"/>
		<updated>2022-12-28T21:31:03Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Wiki editor: &lt;/span&gt; .ui-widget {     font-size: 1rem;     max-width: 500px; }  .ui-widget-overlay {     background: #000; }  .ui-dialog-titlebar.ui-widget-header {     background: var(--theme-tone-7);     color: var(--text-color);     border-radius: 0;     border: 0;     border-bottom: 1px solid var(--border-color-tone-2);     margin: -3px;     font-weight: 500; }  .ui-dialog.ui-widget.ui-widget-content, .ui-dialog .ui-dialog-buttonpane {     background: var(--theme-tone-6...&amp;quot;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;/* Wiki editor */&lt;br /&gt;
.ui-widget {&lt;br /&gt;
    font-size: 1rem;&lt;br /&gt;
    max-width: 500px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget-overlay {&lt;br /&gt;
    background: #000;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-dialog-titlebar.ui-widget-header {&lt;br /&gt;
    background: var(--theme-tone-7);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    border-radius: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-bottom: 1px solid var(--border-color-tone-2);&lt;br /&gt;
    margin: -3px;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-dialog.ui-widget.ui-widget-content,&lt;br /&gt;
.ui-dialog .ui-dialog-buttonpane {&lt;br /&gt;
    background: var(--theme-tone-6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {&lt;br /&gt;
    border-color: var(--border-color) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
form:not(.oo-ui-layout) textarea,&lt;br /&gt;
form:not(.oo-ui-layout) input {&lt;br /&gt;
    border-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-dialog.ui-widget.ui-widget-content label,&lt;br /&gt;
.oo-ui-messageWidget &amp;gt; .oo-ui-labelElement-label {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-state-hover,&lt;br /&gt;
.ui-widget-content .ui-state-hover,&lt;br /&gt;
.ui-widget-header .ui-state-hover,&lt;br /&gt;
.ui-state-focus,&lt;br /&gt;
.ui-widget-content .ui-state-focus,&lt;br /&gt;
.ui-widget-header .ui-state-focus {&lt;br /&gt;
    background: none;&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.ui-button {&lt;br /&gt;
    background: var(--theme-tone-7) !important;&lt;br /&gt;
    color: var(--text-color) !important;&lt;br /&gt;
    border-radius: 2px;&lt;br /&gt;
    border-color: var(--border-color-tone-2) !important;&lt;br /&gt;
    font-weight: 500 !important;&lt;br /&gt;
    font-size: 1rem !important;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.ui-button.ui-state-focus {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.ui-button:hover {&lt;br /&gt;
    background: var(--theme-tone-8) !important;&lt;br /&gt;
    border: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wikieditor-toolbar-file-dialog + .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {&lt;br /&gt;
    transition: background-color 0.3s, color 0.2s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wikieditor-toolbar-file-dialog + .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child:hover {&lt;br /&gt;
    color: #fff !important;&lt;br /&gt;
    background: var(--accent-color) !important;&lt;br /&gt;
    border-color: var(--accent-color) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-dialog .ui-dialog-buttonpane {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0.5rem 2rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-toolbar-dialog .ui-dialog-content {&lt;br /&gt;
    padding: 2rem !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-dialog .ui-dialog-title {&lt;br /&gt;
    margin: 0.25rem auto;&lt;br /&gt;
    float: none;&lt;br /&gt;
    display: block;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wikieditor-toolbar-link-int-target-status-notexists,&lt;br /&gt;
.mw-editform #editpage-copywarn {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-editform #editpage-copywarn {&lt;br /&gt;
    margin-top: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {&lt;br /&gt;
    border-bottom-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless.oo-ui-labelElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    height: 2.5em;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {&lt;br /&gt;
    background: var(--theme-tone-6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .booklet .index div,&lt;br /&gt;
.wikiEditor-ui-toolbar .group .tool-select .label {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .booklet .index .current {&lt;br /&gt;
    background-color: var(--theme-tone-8);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {&lt;br /&gt;
    background-color: var(--theme-tone-4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .booklet .pages,&lt;br /&gt;
.oo-ui-processDialog-content .oo-ui-window-head {&lt;br /&gt;
    background-color: var(--theme-tone-5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .page-characters div span,&lt;br /&gt;
.wikiEditor-ui-toolbar .group,&lt;br /&gt;
.wikiEditor-ui-toolbar .group-search {&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .page-characters div span:hover {&lt;br /&gt;
    background-color: var(--accent-color);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    border-color: var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .page-table td {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .group .tool-select,&lt;br /&gt;
.wikiEditor-ui-toolbar .group .tool-select .options .option,&lt;br /&gt;
.wikiEditor-ui-toolbar .group .tool-select .options,&lt;br /&gt;
.oo-ui-bookletLayout-stackLayout &amp;gt; .oo-ui-panelLayout {&lt;br /&gt;
    background-color: var(--theme-tone-6);&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {&lt;br /&gt;
    background-color: var(--theme-tone-7) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .wikiEditor-ui [id^=&amp;quot;wpTextbox&amp;quot;] + textarea {&lt;br /&gt;
    color: #f0f0f0 !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.oo-ui-selectFileWidget-dropLabel,&lt;br /&gt;
.ve-ui-targetWidget .ve-ui-surface .ve-ce-attachedRootNode,&lt;br /&gt;
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-padded.oo-ui-panelLayout-expanded,&lt;br /&gt;
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog .oo-ui-actionWidget &amp;gt; .oo-ui-buttonElement-button:hover,&lt;br /&gt;
.oo-ui-processDialog .oo-ui-actionWidget &amp;gt; .oo-ui-buttonElement-button:active {&lt;br /&gt;
    border-color: var(--border-color) !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    background-color: var(--accent-color) !important;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-labelElement-label {&lt;br /&gt;
    transition: color 0.15s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog&lt;br /&gt;
    .oo-ui-actionWidget&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button.oo-ui-flaggedElement-primary:hover&lt;br /&gt;
    .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-processDialog&lt;br /&gt;
    .oo-ui-actionWidget&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button.oo-ui-flaggedElement-primary:active&lt;br /&gt;
    .oo-ui-labelElement-label {&lt;br /&gt;
    color: #fff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog .oo-ui-actionWidget &amp;gt; .oo-ui-buttonElement-button:focus {&lt;br /&gt;
    border-color: var(--accent-color) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.oo-ui-iconElement-icon.oo-ui-icon-unLink.oo-ui-image-destructive {&lt;br /&gt;
    filter: invert(0) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-context-menu.ve-ui-desktopContext-menu&lt;br /&gt;
    .oo-ui-buttonElement-framed.oo-ui-labelElement&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    padding-top: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tabSelectWidget-frameless {&lt;br /&gt;
    box-shadow: inset 0 -1px 0 0 var(--border-color-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-active .mw-parser-output h2 {&lt;br /&gt;
    padding-left: 2rem;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    font-size: 21px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-window-content {&lt;br /&gt;
    background-color: var(--theme-tone-5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-widget-mediaResultWidget-overlay {&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--border-color-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted,&lt;br /&gt;
.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Visual Editor */&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwTemplatePage-description {&lt;br /&gt;
    color: var(--inactive-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {&lt;br /&gt;
    background: var(--theme-tone-6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-targetWidget-focused {&lt;br /&gt;
    border-color: var(--accent-color);&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .ve-ui-diffElement-attributeChange del,&lt;br /&gt;
.dark-mode .ve-ui-diffElement-attributeChange del:hover {&lt;br /&gt;
    background-color: #f2c2bf59;&lt;br /&gt;
    box-shadow: 0 0 0 1px #f2c2bf59;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .ve-ui-changeDescriptionsSelectWidget &amp;gt; .oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: #b6d4fb29;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-init-mw-desktopArticleTarget #bodyContent {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-init-target-visual div#mw-content-text {&lt;br /&gt;
    height: 0;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tdg-templateDataParamWidget-param-alias:first-child,&lt;br /&gt;
.tdg-templateDataParamWidget-param-alias {&lt;br /&gt;
    background-color: var(--theme-tone-7);&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {&lt;br /&gt;
    background-color: #f7e5c145;&lt;br /&gt;
    border-color: #e2cf945c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .oo-ui-messageWidget.oo-ui-messageWidget-block &amp;gt; .oo-ui-iconElement-icon {&lt;br /&gt;
    filter: invert(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {&lt;br /&gt;
    left: -1px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {&lt;br /&gt;
    left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,&lt;br /&gt;
.oo-ui-toolbar-position-top &amp;gt; .oo-ui-toolbar-bar,&lt;br /&gt;
.oo-ui-menuToolGroup,&lt;br /&gt;
.oo-ui-popupToolGroup-tools,&lt;br /&gt;
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label,&lt;br /&gt;
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,&lt;br /&gt;
.oo-ui-bookletLayout &amp;gt; .oo-ui-menuLayout-menu,&lt;br /&gt;
.ve-ui-specialCharacterPage-character,&lt;br /&gt;
.mw-rcfilters-ui-datePopupWidget,&lt;br /&gt;
.oo-ui-windowManager-modal.oo-ui-windowManager-floating &amp;gt; .oo-ui-dialog &amp;gt; .oo-ui-window-frame,&lt;br /&gt;
.oo-ui-bookletLayout-outlinePanel &amp;gt; .oo-ui-outlineControlsWidget,&lt;br /&gt;
.ve-ui-mwGalleryDialog-imageListMenuLayout-desktop &amp;gt; .oo-ui-menuLayout-menu {&lt;br /&gt;
    border-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-init-mw-progressBarWidget-bar {&lt;br /&gt;
    background-color: var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-notification-title,&lt;br /&gt;
.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-padded {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-init-mw-progressBarWidget {&lt;br /&gt;
    border-color: var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-tool-link,&lt;br /&gt;
.mw-pulsating-dot:after,&lt;br /&gt;
.mw-pulsating-dot:before {&lt;br /&gt;
    background-color: var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&lt;br /&gt;
    &amp;gt; .oo-ui-tool-link:hover {&lt;br /&gt;
    background-color: var(--accent-color-tone-3);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .ve-init-mw-progressBarWidget {&lt;br /&gt;
    background-color: var(--theme-tone-5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-toolbar-bar {&lt;br /&gt;
    background: var(--theme-tone-5);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tool.oo-ui-tool-with-label .oo-ui-tool-link {&lt;br /&gt;
    padding: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupToolGroup.oo-ui-widget-enabled &amp;gt; .oo-ui-popupToolGroup-handle:hover,&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled &amp;gt; .oo-ui-tool-link:hover,&lt;br /&gt;
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {&lt;br /&gt;
    background-color: var(--theme-tone-7);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &amp;gt; .oo-ui-popupToolGroup-handle {&lt;br /&gt;
    background-color: var(--theme-tone-7);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupToolGroup.oo-ui-widget-enabled &amp;gt; .oo-ui-popupToolGroup-handle:focus,&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled &amp;gt; .oo-ui-tool-link:focus {&lt;br /&gt;
    outline-color: var(--accent-color);&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:focus,&lt;br /&gt;
.flow-ui-editorWidget-focused .flow-ui-editorWidget-editor {&lt;br /&gt;
    border-color: var(--accent-color);&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupWidget-popup {&lt;br /&gt;
    background: var(--theme-tone-1) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button:focus-visible {&lt;br /&gt;
    outline: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.ve-init-mw-switchPopupWidget.oo-ui-popupWidget-anchored-top&lt;br /&gt;
    span.oo-ui-labelElement-label {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 5px 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupWidget-body-padded {&lt;br /&gt;
    margin: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-image-progressive.oo-ui-icon-edit,&lt;br /&gt;
.mw-ui-icon-edit-progressive:before,&lt;br /&gt;
.oo-ui-image-progressive.oo-ui-icon-wikiText,&lt;br /&gt;
.mw-ui-icon-wikiText-progressive:before,&lt;br /&gt;
.oo-ui-image-progressive.oo-ui-icon-eye,&lt;br /&gt;
.mw-ui-icon-eye-progressive:before,&lt;br /&gt;
.oo-ui-image-progressive.oo-ui-icon-help,&lt;br /&gt;
.mw-ui-icon-help-progressive:before,&lt;br /&gt;
.oo-ui-image-progressive.oo-ui-icon-menu,&lt;br /&gt;
.mw-ui-icon-menu-progressive:before,&lt;br /&gt;
.oo-ui-image-progressive:not(.oo-ui-indicatorElement-indicator) {&lt;br /&gt;
    filter: brightness(2) invert(0) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode span.oo-ui-indicatorElement-indicator.oo-ui-indicator-down.oo-ui-image-progressive {&lt;br /&gt;
    filter: invert(1) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &amp;gt; .oo-ui-popupToolGroup-handle {&lt;br /&gt;
    border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .oo-ui-popupToolGroup.oo-ui-widget-enabled &amp;gt; .oo-ui-popupToolGroup-handle:hover,&lt;br /&gt;
.dark-mode .oo-ui-tool.oo-ui-widget-enabled &amp;gt; .oo-ui-tool-link:hover,&lt;br /&gt;
.oo-ui-processDialog-actions-safe&lt;br /&gt;
    .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button:hover,&lt;br /&gt;
.oo-ui-popupToolGroup.oo-ui-widget-enabled &amp;gt; .oo-ui-popupToolGroup-handle:active {&lt;br /&gt;
    background-color: var(--theme-tone-4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .ve-ce-branchNode-blockSlug,&lt;br /&gt;
.dark-mode .ve-ce-branchNode-newSlug {&lt;br /&gt;
    background-color: #39393957;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ce-linkAnnotation.ve-ce-annotation-active {&lt;br /&gt;
    background-color: var(--theme-tone-4);&lt;br /&gt;
    box-shadow: 0 0 0 1px var(--theme-tone-4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,&lt;br /&gt;
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {&lt;br /&gt;
    color: var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled,&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled &amp;gt; .oo-ui-tool-link:active,&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &amp;gt; .oo-ui-tool-link,&lt;br /&gt;
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &amp;gt; .oo-ui-tool-link {&lt;br /&gt;
    background-color: #00adda0f;&lt;br /&gt;
    color: var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-popupToolGroup-tools {&lt;br /&gt;
    background-color: var(--theme-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {&lt;br /&gt;
    background: var(--theme-tone-4);&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-context-menu.ve-ui-desktopContext-menu&lt;br /&gt;
    .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background-color: var(--theme-tone-5) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-desktopContext&lt;br /&gt;
    .ve-ui-linkContextItem&lt;br /&gt;
    .ve-ui-linkContextItem-label&lt;br /&gt;
    .oo-ui-buttonElement-button&lt;br /&gt;
    .oo-ui-labelElement-label {&lt;br /&gt;
    color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.oo-ui-popupWidget-popup&lt;br /&gt;
    .oo-ui-flaggedElement-progressive&lt;br /&gt;
    &amp;gt; a.oo-ui-buttonElement-button:hover&lt;br /&gt;
    .oo-ui-labelElement-label {&lt;br /&gt;
    color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,&lt;br /&gt;
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,&lt;br /&gt;
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:focus {&lt;br /&gt;
    color: var(--accent-color);&lt;br /&gt;
    box-shadow: inset 0 -2px 0 0 var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-flaggedElement-primary.oo-ui-buttonWidget.oo-ui-actionWidget.oo-ui-widget-enabled&lt;br /&gt;
    a:hover {&lt;br /&gt;
    border-color: transparent !important;&lt;br /&gt;
    background-color: var(--accent-color-tone-3) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-content .oo-ui-window-head,&lt;br /&gt;
.oo-ui-processDialog-content .oo-ui-window-foot {&lt;br /&gt;
    outline-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {&lt;br /&gt;
    background-color: var(--theme-tone-5);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,&lt;br /&gt;
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {&lt;br /&gt;
    background: var(--theme-tone-7);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-outlineSelectWidget {&lt;br /&gt;
    background: var(--theme-tone-1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-outlineControlsWidget {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-overlay,&lt;br /&gt;
.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-outlineSelectWidget.oo-ui-selectWidget-pressed,&lt;br /&gt;
.ve-ui-mwGalleryDialog-highlighted-image {&lt;br /&gt;
    background: var(--theme-tone-1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {&lt;br /&gt;
    background-color: var(--theme-tone-7);&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
    text-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwLanguagesPage-languages-table th,&lt;br /&gt;
.ve-ui-mwLanguagesPage-languages-table td {&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-toolbar-position-top &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    border-right: 1px solid var(--border-color);&lt;br /&gt;
    border-left: 1px solid var(--border-color);&lt;br /&gt;
    border-bottom: 1px solid var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupTool-popup.oo-ui-popupWidget-anchored-top&lt;br /&gt;
    .oo-ui-popupWidget-head&lt;br /&gt;
    .oo-ui-labelElement-label {&lt;br /&gt;
    margin: 5px 0;&lt;br /&gt;
    font-size: 17px;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background-color: var(--theme-tone-4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-actions-safe&lt;br /&gt;
    .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    background-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog-actions-safe&lt;br /&gt;
    .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button:hover {&lt;br /&gt;
    background-color: #d73333;&lt;br /&gt;
    border-color: #d73333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools&lt;br /&gt;
    .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary&lt;br /&gt;
    &amp;gt; .oo-ui-tool-link,&lt;br /&gt;
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary &amp;gt; .oo-ui-tool-link {&lt;br /&gt;
    background-color: var(--theme-tone-8);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwSaveDialog-options {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwSaveDialog-summaryLabel {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {&lt;br /&gt;
    background: var(--theme-tone-6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dark-mode .ve-ui-tableLineContext &amp;gt; .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {&lt;br /&gt;
    background-color: #9eadc1;&lt;br /&gt;
    filter: invert(0) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ce-tableCellableNode {&lt;br /&gt;
    border: 1px dotted var(--border-color-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-contextItem + .ve-ui-contextItem {&lt;br /&gt;
    border-top: 1px solid var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
label.flow-ui-editorWidget-wikitextHelpLabel.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-labelElement-label.oo-ui-labelWidget {&lt;br /&gt;
    padding-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ce-surface.notranslate.mw-editfont-monospace.ve-ce-surface-enabled,&lt;br /&gt;
.ve-ce-surface.notranslate.ve-ce-surface-enabled {&lt;br /&gt;
    background-color: var(--theme-tone-6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tool-title:not(.oo-ui-flaggedElement-progressive span) {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flow-ui-editorWidget &amp;gt; .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) {&lt;br /&gt;
    background-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-toolbar-position-bottom &amp;gt; .oo-ui-toolbar-bar {&lt;br /&gt;
    border-top-color: var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flow-ui-navigationWidget {&lt;br /&gt;
    border-color: var(--border-color-tone-2);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flow-component .ve-ce-documentNode,&lt;br /&gt;
.flow-component .ve-ui-surface-placeholder {&lt;br /&gt;
    padding: 1rem 0.6rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-labelElement &amp;gt; .oo-ui-buttonElement-button,&lt;br /&gt;
button {&lt;br /&gt;
    padding: 0.35em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-messageDialog-content &amp;gt; .oo-ui-window-foot,&lt;br /&gt;
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {&lt;br /&gt;
    outline: 1px solid var(--border-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flow-component .flow-list a:focus {&lt;br /&gt;
    background-color: var(--theme-tone-4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-ui-button:not(.mw-ui-icon-element) {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 1165px) {&lt;br /&gt;
    .flow-component.flow-board-page .flow-board-header {&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement.oo-ui-labelElement &amp;gt; .oo-ui-buttonElement-button &amp;gt; .oo-ui-labelElement-label {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    filter: invert(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group &amp;gt; input,&lt;br /&gt;
span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-labelElement.oo-ui-flaggedElement-safe.oo-ui-buttonWidget.oo-ui-actionWidget.oo-ui-buttonElement-framed:hover&lt;br /&gt;
    span.oo-ui-labelElement-label {&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {&lt;br /&gt;
    background-color: var(--theme-tone-6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus&lt;br /&gt;
    .oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
    box-shadow: inset 0 0 0 1px var(--accent-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.oo-ui-widget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-flaggedElement-primary.oo-ui-buttonWidget.oo-ui-actionWidget.oo-ui-widget-disabled:hover&lt;br /&gt;
    .oo-ui-labelElement-label,&lt;br /&gt;
span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-buttonWidget.oo-ui-actionWidget&lt;br /&gt;
    a:hover&lt;br /&gt;
    .oo-ui-labelElement-label,&lt;br /&gt;
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive&lt;br /&gt;
    &amp;gt; .oo-ui-buttonElement-button&lt;br /&gt;
    span.oo-ui-labelElement-label {&lt;br /&gt;
    color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget.oo-ui-flaggedElement-close:hover span.oo-ui-icon-close:not(.dark-mode span) {&lt;br /&gt;
    filter: invert(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget.oo-ui-flaggedElement-close span.oo-ui-icon-close:not(.dark-mode span) {&lt;br /&gt;
    transition: filter 0.2s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-buttonElement.oo-ui-widget-enabled &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    -webkit-transition: background-color 300ms, color 300ms, border-color 300ms, box-shadow 300ms;&lt;br /&gt;
    transition: background-color 300ms, color 300ms, border-color 300ms, box-shadow 300ms;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-messageWidget.oo-ui-messageWidget-block p {&lt;br /&gt;
    color: var(--text-color-invert);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ve-ui-mwSaveDialog&lt;br /&gt;
    .oo-ui-widget.oo-ui-widget-enabled.oo-ui-indicatorElement.oo-ui-labelElement.oo-ui-dropdownWidget:nth-of-type(3) {&lt;br /&gt;
    margin: 0.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.oo-ui-widget-disabled {&lt;br /&gt;
    opacity: 0.6;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.oo-ui-labelElement-label.mw-widget-mediaResultWidget-nameLabel:not(.dark-mode span) {&lt;br /&gt;
    color: var(--text-color-invert);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flow-component a.mw-ui-button.mw-ui-quiet.side-rail-toggle-button:active,&lt;br /&gt;
.flow-component a.mw-ui-button.mw-ui-quiet.side-rail-toggle-button:focus {&lt;br /&gt;
    border: none !important;&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Ken</name></author>
	</entry>
</feed>