User:ITR/vector.css

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
    background-color: #202122;
    color: #fff;
}

.mw-notification {
    background-color: #202122;
}

/*
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: #202122;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled, .oo-ui-dropdownWidget-handle:hover {
    background-color: #000000;
    color: #404244;
}

#preferences .mw-htmlform-submit-buttons {
    background-color: #000;
}

*/
/**************
* Wiki editor *
***************/
#wpTextbox0 {
  /* need !important here to override inline styling */
  background-color:var(--wiki-content-background-color) !important;
}

.wikiEditor-ui {
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
  border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar {
    background: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--wiki-content-background-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .booklet>.index> :hover {
    background-color: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-color: var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-tabs div a {
    background: #9A647F;
    display: inline-block;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #3B3352;
}

.wikiEditor-ui-tabs div.current a {
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #3B3352;
    border-top: 1px solid #3B3352;
}

.wikiEditor-ui-text {
  background-color:var(--wiki-content-dynamic-color--inverted);
}

.wikiEditor-preview-contents {
    background: transparent;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
    border-style: solid;
    border-width: 0 1px 1px;
}

.wikiEditor-ui-controls {
    background: transparent;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.ext-WikiEditor-ResizingDragBar {
	background-color: var(--wiki-content-background-color--secondary);
}

.ext-WikiEditor-ResizingDragBar-ns {
	border-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-ResizingDragBar span {
    background-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-ResizingDragBar:hover span {
    background-color: var(--wiki-content-text-mix-color);
}

.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
    border-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color: var(--wiki-content-border-color);
}

.ext-WikiEditor-realtimepreview-button:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb),0.15);
    color: var(--wiki-content-link-color);
    border-color:var(--wiki-content-link-color);
    box-shadow:inset 0 0 3px var(--wiki-content-link-color);
}

.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
}

.ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-background-color);
}

.editOptions {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}

.view-dark .ace_editor,
.ace_editor {
    --ace-keywords: #CDA869;
    --ace-regexp: #E9C062;
    --ace-constants: #CF6A4C;
    --ace-illegal: #F8F8F8;
    --ace-deprecated: #D2A8A1;
    --ace-support: #9B859D;
    --ace-function: #DAD085;
    --ace-list: #F9EE98;
    --ace-variable: #7587A6;
    --ace-string: #8F9D6A;
    
    --ace-illegal-highlight: rgba(86, 45, 86, 0.75);
    --ace-step-highlight: #665200;
    --ace-multiselect-shadow: #141414;
}

.view-light .ace_editor{
    --ace-keywords: #00f;
    --ace-regexp: #036a07;
    --ace-constants: #c5060b;
    --ace-illegal: #f00;
    --ace-deprecated: #f00;
    --ace-support: #6d79de;
    --ace-function: #3c4c72;
    --ace-list: #b90690;
    --ace-variable: #318495;
    --ace-string: #036a07;
    
    --ace-illegal-highlight: rgba(255, 0, 0, 0.1);
    --ace-step-highlight: #fcff00;
    --ace-multiselect-shadow: #fff;
}

.ace_editor .ace_gutter {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
}

.ace_gutter-cell {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4);
}

.ace_editor .ace_print-margin {
    width: 1px;
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75);
}

.ace_editor {
    /* this image gradient hack effectively lets the element have 2 layers of background */
    background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
    background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93);
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93);
}

.ace_editor .ace_cursor {
    color: var(--wiki-content-text-color);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
}

.ace_editor .ace_marker-layer .ace_step {
    background: var(--ace-step-highlight);
}

.ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace_editor .ace_gutter-active-line {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor .ace_invisible {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25)
}

.ace_editor .ace_keyword,
.ace_editor .ace_meta {
    color: var(--ace-keywords);
}

.ace_editor .ace_constant,
.ace_editor .ace_constant.ace_numeric,
.ace_editor .ace_constant.ace_character,
.ace_editor .ace_constant.ace_character.ace_escape,
.ace_editor .ace_constant.ace_other,
.ace_editor .ace_heading,
.ace_editor .ace_markup.ace_heading,
.ace_editor .ace_support.ace_constant {
    color: var(--ace-constants);
}

.ace_editor .ace_invalid.ace_illegal {
    color: var(--ace-illegal);
    background-color: var(--ace-illegal-highlight);
}

.ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: var(--ace-deprecated);
}

.ace_editor .ace_support,
.ace_editor .ace_support.ace_type {
    color: var(--ace-support);
}

.ace_editor .ace_fold {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
    border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_support.ace_function {
    color: var(--ace-function);
}

.ace_editor .ace_list,
.ace_editor .ace_markup.ace_list,
.ace_editor .ace_storage {
    color: var(--ace-list);
}

.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_meta.ace_tag,
.ace_editor .ace_variable {
    color: var(--ace-variable);
}

.ace_editor .ace_string {
    color: var(--ace-string);
}

.ace_editor .ace_string.ace_regexp {
    color: var(--ace-regexp);
}

.ace_editor .ace_comment {
    font-style: italic;
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3);
}

.ace_editor .ace_xml-pe {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28);
}

.ace_editor .ace_indent-guide {
    background:none;
    border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2);
}

.ace_search {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_search_field {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-mix-color);
}

.ace_button {
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_button:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_button.checked {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_searchbtn:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
    border-color: var(--wiki-accent-label-color);
}

.ace_searchbtn_close {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui .codeEditor-status {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-editform #wpTextbox1 {
    background: rgba(var(--wiki-content-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}

.view-dark .CodeMirror,
.CodeMirror {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #dd1616;
    --codemirror-purple: #CD4EF9;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}

.view-light .CodeMirror {
    --codemirror-yellow: #9e8500;
    --codemirror-light-blue: #008ae7;
    --codemirror-blue: #0085f9;
    --codemirror-green: #290;
    --codemirror-red: #ef4f00;
    --codemirror-dark-red: #a11;
    --codemirror-purple: #80c;
    --codemirror-pink: #ed00ed;
    --codemirror-light-gray: #858585;
    --codemirror-gray: #6b8a8a;
}

.CodeMirror {
    background-color:rgba(var(--wiki-content-background-color--rgb), 0.35);
    color: var(--wiki-content-text-color)
}

.CodeMirror-code:focus-visible {
	outline:none;
}

.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line>span::selection,
.CodeMirror .CodeMirror-line>span>span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line>span::-moz-selection,
.CodeMirror .CodeMirror-line>span>span::-moz-selection,
.CodeMirror .CodeMirror-selected {
    background: rgba(var(--wiki-content-link-color--rgb), .3);
}

.CodeMirror-linenumber {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid var(--wiki-content-text-color);
}

.cm-keyword {
    color: var(--codemirror-purple)
}

.cm-def {
    color: var(--codemirror-blue)
}

.cm-comment {
    color: var(--codemirror-yellow)
}

.cm-variable-2 {
    color: var(--codemirror-light-blue)
}

.cm-string {
    color: var(--codemirror-red)
}

.cm-atom {
    color: var(--codemirror-pink)
}

.cm-number {
    color: var(--codemirror-green)
}

.CodeMirror-gutters {
    background-color: var(--wiki-content-background-color--secondary);
    border-right-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

.cm-mw-matching {
    background-color: var(--codemirror-yellow)
}

.cm-mw-skipformatting {
    background-color: var(--codemirror-light-blue)
}

.cm-mw-list {
    color: var(--codemirror-blue)
}

.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--codemirror-blue)
}

.cm-mw-indenting {
    color: var(--codemirror-blue)
}

.cm-mw-mnemonic {
    color: var(--codemirror-green)
}

.cm-mw-comment {
    color: var(--codemirror-gray)
}

.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
    color: var(--codemirror-blue)
}

.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
    color: var(--codemirror-purple);
}

.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
    color: var(--codemirror-red)
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
    color: var(--codemirror-dark-red)
}

.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
    color: var(--codemirror-green)
}

.cm-mw-link,
.cm-mw-link-pagename {
    color: var(--wiki-content-link-color)
}

.cm-mw-link-tosection {
    color: var(--codemirror-blue)
}

.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
    color: var(--wiki-content-link-color)
}

.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
    color: var(--codemirror-pink)
}

.cm-mw-matchingbracket {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
    font-weight: bold;
}

/* VisualEditor: Fix broken toolbar layout */
.oo-ui-toolbar {
    clear: none;
}
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) {
    display: none;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    top: var( --wikigg-header-height );
}
.oo-ui-toolbar-bar .oo-ui-toolbar-bar,
.ve-area-wrapper .oo-ui-toolbar-bar {
    background-color: var(--wiki-content-background-color--secondary);
}
.ve-init-mw-desktopArticleTarget-originalContent .content-body {
    clear: right;
}

/*************
* End editor *
**************/