User:KatozzKita/common.css

.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header { /* Board description box */ background:#48092C !important; border:1px solid #E6005C; } .flow-component .mw-ui-icon { /* Icons inside description box */ filter:invert(100%); color:#1C171A; } .mw-ui-button.mw-ui-quiet:hover { /* Hover and focus over icons */ background-color:transparent; } .mw-ui-button.mw-ui-quiet:focus { border-color:transparent; } .flow-component .oo-ui-iconElement-icon.oo-ui-icon-edit.oo-ui-image-progressive { /* Color of edit icon (without .flow-component will affect all UI) */ } filter: saturate(100) !important; }

.flow-ui-navigationWidget { /* Border under action buttons */ border-bottom: none; }

.flow-component .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .flow-component .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) { filter:invert(100%); } /* Action icons (without .flow-component will affect all UI) */

.flow-component .oo-ui-menuSelectWidget { /* Action drop down (without .flow-component will affect all UI) */ background-color:#4D3667; border:none; border-radius:none; } .flow-component .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color:#79DEFF; } .flow-component .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color:#746586; } .flow-component .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-iconElement-icon, .flow-component .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-indicatorElement-indicator { filter:invert(100%) } /* Icon */

.flow-component .oo-ui-textInputWidget .oo-ui-inputWidget-input { /* Topic title input (without .flow-component will affect all UI) */ background-color:#800649; color:#fff; border:1px solid #E6005C; border-radius: 0; } .flow-component .oo-ui-textInputWidget .oo-ui-inputWidget-input:hover { border-color:#E6005C !important; }

.flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending) { /* Main input area */ background-color:#250214; } .flow-ui-editorWidget-editor { border:1px solid #E6005C; } .flow-ui-editorWidget-focused .flow-ui-editorWidget-editor { border-color:#03BBE3; box-shadow:inset 0 0 0 1px #03BBE3; }

.flow-component .oo-ui-toolbar-bar { /* Toolbar (without .flow-component will affect all UI) */ background-color:#48092C; } .flow-component .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar { border-top:1px solid #E6005C; }