MediaWiki:Flow.css

/* STYLES FOR STRUCTURED DISCUSSIONS AKA FLOW UI  */ /* -- They should be imported to Common.CSS   */ /* -- Some rules have additional '.flow-component' to not affect UI of other features such as Recent changes (marked as /!/) -- */

.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 /!/ */ filter: saturate(100) !important; } .flow-board-header::before { background-color: transparent !important; box-shadow: none !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) { /* Action icons /!/ */ filter:invert(100%); }

.flow-component .oo-ui-menuSelectWidget { /* Action drop down /!/ */ 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 { /* Icon */ filter:invert(100%) }

.flow-component .oo-ui-textInputWidget .oo-ui-inputWidget-input { /* Topic title input /!/ */ 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 /!/ */ background-color:#48092C; } .flow-component .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar { border-top:1px solid #E6005C; }

.flow-component .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { /* 'Add topic' button */ background-color: #E6005C; border-color: #E6005C; border-radius: 0; }

/* Post styling */ .flow-topic-titlebar { /* Topic header */ background-color: #4D3667; border: 1px solid #E6005C; } .flow-post { color: #E9E6D9; } .flow-post .flow-author .mw-usertoollinks { /* Userlinks */ opacity: unset; color: #76777D; }