The Deadlock Wiki

MediaWiki:Gadget-brownTheme.css: Difference between revisions

Browse history interactively
← Older edit

Vergir (talk | contribs)

2 user groups
1,631 edits
No edit summary
Vergir (talk | contribs)
Contributors, Interface administrators
1,631 edits
Add scaling annotation color tokens for Template:PI and Template:Ss, with light mode values for the compact numbers (with help from vergir-bot LLM)
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
:root[data-theme="brown"] {
:root[data-theme="brown"] {
--base: #241c16;
    --base: #241c16;
--accent: #60f8b3;
    --accent: #60f8b3;
 
--link-color: var(--accent);
    --link-color: var(--accent);
--color-progressive: var(--accent);
    --color-progressive: var(--accent);
--color-visited: var(--accent);
    --color-visited: var(--accent);
--color-visited--hover: var(--accent);
    --color-visited--hover: var(--accent);
--color-visited--active: var(--accent);
    --color-visited--active: var(--accent);
 
    --color-content-added: #009c00;
    --background-color-success-subtle: #009c00;
    --border-color-success: #009c00;
 
    --color-destructive: #e64835;
    --border-color-error: #e64835;
    --color-destructive--visited--active: #e64835;
    --background-color-content-removed: #ff4e4e;
 
    --border-color-warning: #ab7f2a;
 
    --color-progressive--hover: var(--accent);
 
    --bg-image-color: transparent;


--color-content-added: #009c00;
    --background-color-base: var(--base);
--background-color-success-subtle: #009c00;
    --background-color-base-border: oklch(from var(--base) calc(l - 0.06) c h);
--border-color-success: #009c00;
    --background-color-base-subtle: oklch(from var(--base) calc(l - 0.09) c h);
    --background-color-base-subtle-border: oklch(from var(--base) calc(l - 0.06) c h);
    --background-color-light: oklch(from var(--base) calc(l + 0.05) calc(c + 0.011) h);
    --background-color-base-2: oklch(from var(--base) calc(l + 0.07) c h);
    --background-color-base-3: oklch(from var(--base) calc(l + 0.12) c h);
    --background-color-base-4: oklch(from var(--base) calc(l + 0.17) c h);
    --background-color-base-5: oklch(from var(--base) calc(l + 0.22) c h);
    --background-color-neutral-subtle: oklch(from var(--base) calc(l + 0.07) c h);
    --background-color-neutral: var(--base);
    --background-color-interactive-subtle: var(--base);
    --background-color-interactive: oklch(from var(--base) calc(l + 0.07) c h);
    --background-color-disabled: oklch(from var(--base) calc(l + 0.03) c h);
    --background-color-disabled-subtle: var(--base);


--color-destructive: #e64835;
    --border-color-base: oklch(from var(--base) calc(l + 0.27) c h);
--border-color-error: #e64835;
    --border-color-subtle: oklch(from var(--base) calc(l + 0.19) c h / 0.96);
--color-destructive--visited--active: #e64835;
    --border-color-muted: oklch(from var(--base) calc(l + 0.19) c h / 0.96);
--background-color-content-removed: #ff4e4e;
    --border-color-disabled: oklch(from var(--base) calc(l + 0.19) c h / 0.96);


--border-color-warning: #ab7f2a;
    --color-base: oklch(from var(--base) calc(l + 0.72) c h);
    --color-emphasized: oklch(from var(--base) calc(l + 0.78) c h);
    --color-subtle: oklch(from var(--base) calc(l + 0.72) c h / 0.63);
    --color-notice: oklch(from var(--base) calc(l + 0.72) c h / 0.63);
    --color-base--hover: oklch(from var(--base) calc(l + 0.72) c h);


--color-progressive--hover: var(--accent);
    --link-color--hover: oklch(from var(--accent) calc(l - 0.22) c h);
    --alt-link-color: oklch(from var(--base) calc(l + 0.72) c h);


--bg-image-color: transparent;
    --color-destructive-subtle: #3e0000;
    --background-color-error-subtle: #3e0000;


--background-color-base: var(--base);
    --background-color-warning-subtle: oklch(from var(--base) calc(l + 0.14) c h);
--background-color-base-border: oklch(from var(--base) calc(l - 0.06) c h);
--background-color-base-subtle: oklch(from var(--base) calc(l - 0.09) c h);
--background-color-base-subtle-border: oklch(from var(--base) calc(l - 0.06) c h);
--background-color-light: oklch(from var(--base) calc(l + 0.05) calc(c + 0.011) h);
--background-color-base-2: oklch(from var(--base) calc(l + 0.07) c h);
--background-color-base-3: oklch(from var(--base) calc(l + 0.12) c h);
--background-color-base-4: oklch(from var(--base) calc(l + 0.17) c h);
--background-color-base-5: oklch(from var(--base) calc(l + 0.22) c h);
--background-color-neutral-subtle: oklch(from var(--base) calc(l + 0.07) c h);
--background-color-neutral: var(--base);
--background-color-interactive-subtle: var(--base);
--background-color-interactive: oklch(from var(--base) calc(l + 0.07) c h);
--background-color-disabled: oklch(from var(--base) calc(l + 0.03) c h);
--background-color-disabled-subtle: var(--base);


--border-color-base: oklch(from var(--base) calc(l + 0.27) c h);
    --background-color-progressive: oklch(from var(--accent) calc(l - 0.50) c h);
--border-color-subtle: oklch(from var(--base) calc(l + 0.19) c h / 0.96);
    --background-color-progressive-subtle: oklch(from var(--accent) calc(l - 0.56) c h);
--border-color-muted: oklch(from var(--base) calc(l + 0.19) c h / 0.96);
    --background-color-progressive-subtle--hover: oklch(from var(--accent) calc(l - 0.52) c h);
--border-color-disabled: oklch(from var(--base) calc(l + 0.19) c h / 0.96);
    --background-color-progressive--hover: oklch(from var(--accent) calc(l - 0.40) c h);
    --background-color-progressive--active: oklch(from var(--accent) calc(l - 0.45) c h);
    --background-color-progressive-subtle--active: oklch(from var(--accent) calc(l - 0.45) c h);


--color-base: oklch(from var(--base) calc(l + 0.72) c h);
    --border-color-progressive: oklch(from var(--accent) calc(l - 0.56) c h);
--color-emphasized: oklch(from var(--base) calc(l + 0.78) c h);
    --border-color-progressive--hover: oklch(from var(--accent) calc(l - 0.48) c h);
--color-subtle: oklch(from var(--base) calc(l + 0.72) c h / 0.63);
    --border-color-progressive-subtle--active: oklch(from var(--accent) calc(l - 0.45) c h);
--color-notice: oklch(from var(--base) calc(l + 0.72) c h / 0.63);
--color-base--hover: oklch(from var(--base) calc(l + 0.72) c h);


--link-color--hover: oklch(from var(--accent) calc(l - 0.22) c h);
    --color-progressive--focus: oklch(from var(--accent) calc(l - 0.36) c h);
--alt-link-color: oklch(from var(--base) calc(l + 0.72) c h);
    --color-progressive--active: #fff;


--color-destructive-subtle: #3e0000;
    --background-color-backdrop-light: oklch(from var(--background-color-base) l c h / 0.4);
--background-color-error-subtle: #3e0000;


--background-color-warning-subtle: oklch(from var(--base) calc(l + 0.14) c h);
    --text-shadow-base: var(--background-color-base-2);
   
    --background-color-notice-subtle: var(--background-color-base-2);
   
    --border-color-notice: var(--border-color-base);


--background-color-progressive: oklch(from var(--accent) calc(l - 0.50) c h);
    /* Scaling annotations ([[Template:PI]] / [[Template:Ss]]) */
--background-color-progressive-subtle: oklch(from var(--accent) calc(l - 0.56) c h);
    --color-scaling-boon: #99ffd6;
--background-color-progressive-subtle--hover: oklch(from var(--accent) calc(l - 0.52) c h);
    --color-scaling-boon-value: #aaa;
--background-color-progressive--hover: oklch(from var(--accent) calc(l - 0.40) c h);
    --color-scaling-boon-value--hover: #ccc;
--background-color-progressive--active: oklch(from var(--accent) calc(l - 0.45) c h);
    --background-color-scaling-boon: rgba(33, 33, 29, 0.6);
--background-color-progressive-subtle--active: oklch(from var(--accent) calc(l - 0.45) c h);


--border-color-progressive: oklch(from var(--accent) calc(l - 0.56) c h);
    --color-scaling-spirit: #E3BDFA;
--border-color-progressive--hover: oklch(from var(--accent) calc(l - 0.48) c h);
    --color-scaling-spirit-value: #b89de0;
--border-color-progressive-subtle--active: oklch(from var(--accent) calc(l - 0.45) c h);
    --color-scaling-spirit-value--hover: #E3BDFA;
    --background-color-scaling-spirit: rgba(83, 54, 105, 0.8);
   
    .oo-ui-toolbar-bar {
    .oo-ui-iconElement-icon {
        filter: invert(1)
    }
}
}


--color-progressive--focus: oklch(from var(--accent) calc(l - 0.36) c h);
:root[data-theme="brown"][data-mode="dark"] {
--color-progressive--active: #fff;
    .oo-ui-toolbar-bar {
        .oo-ui-iconElement-icon {
--background-color-backdrop-light: oklch(from var(--background-color-base) l c h / 0.4);
            filter: invert(1)
        }
--text-shadow-base: var(--background-color-base-2)
    }
   
    .mw-header:hover .mw-headline-headanchor, .mw-headline-headanchor:target {
    filter:invert(1);
    }
}
}


:root[data-theme="brown"][data-mode="light"] {
:root[data-theme="brown"][data-mode="light"] {
Line 119: Line 153:
     --background-color-backdrop-light: oklch(from var(--background-color-base) l c h / 0.4);
     --background-color-backdrop-light: oklch(from var(--background-color-base) l c h / 0.4);
     --text-shadow-base: transparent;
     --text-shadow-base: transparent;
    --color-scaling-boon-value: #4a4a4a;
    --color-scaling-boon-value--hover: #1f1f1f;
    --color-scaling-spirit-value: #7a4fb0;
    --color-scaling-spirit-value--hover: #6035b0;
}
}


:root[data-theme="brown"][data-mode="light"] {
:root[data-theme="brown"][data-mode="light"] {
 
.cm-mw-section-header {
    .cm-mw-section-header {
    color: var(--color-progressive)
        color: var(--color-progressive)
}
    }
 
.mw-highlight pre,
    .mw-highlight pre,
.mw-highlight code {
    .mw-highlight code {
    background: var(--background-color-base);
        background: var(--background-color-base);
    color: var(--color-base);
        color: var(--color-base);
}
    }
 
/*highlighted line */
    /*highlighted line */
.mw-highlight .hll {
    .mw-highlight .hll {
    background-color: oklch(from var(--accent) calc(l + 0.50) c h / 0.18);
        background-color: oklch(from var(--accent) calc(l + 0.50) c h / 0.18);
}
    }
 
/*line numbers */
    /*line numbers */
.mw-highlight .linenos,
    .mw-highlight .linenos,
.mw-highlight .lineno {
    .mw-highlight .lineno {
    background: var(--background-color-base-2);
        background: var(--background-color-base-2);
    color: var(--color-subtle);
        color: var(--color-subtle);
    padding: 0 0.6em;
        padding: 0 0.6em;
    z-index: 0;
        z-index: 0;
}
    }
 
/*whitespace */
    /*whitespace */
.mw-highlight .w {
    .mw-highlight .w {
    color: var(--border-color-subtle);
        color: var(--border-color-subtle);
}
    }
 
/*errors / invalid */
    /*errors / invalid */
.mw-highlight .err {
    .mw-highlight .err {
    background-color: var(--background-color-error-subtle);
        background-color: var(--background-color-error-subtle);
    color: var(--color-destructive);
        color: var(--color-destructive);
    border: 1px solid var(--border-color-error);
        border: 1px solid var(--border-color-error);
}
    }
 
/*comments */
    /*comments */
.mw-highlight .c,
    .mw-highlight .c,
.mw-highlight .ch,
    .mw-highlight .ch,
.mw-highlight .cm,
    .mw-highlight .cm,
.mw-highlight .cpf,
    .mw-highlight .cpf,
.mw-highlight .c1,
    .mw-highlight .c1,
.mw-highlight .cs {
    .mw-highlight .cs {
    color: var(--color-subtle);
        color: var(--color-subtle);
    font-style: italic;
        font-style: italic;
}
    }
 
/*preprocessor / directive-ish comments */
    /*preprocessor / directive-ish comments */
.mw-highlight .cp {
    .mw-highlight .cp {
    color: var(--color-notice);
        color: var(--color-notice);
    font-style: italic;
        font-style: italic;
}
    }
 
/*keywords */
    /*keywords */
.mw-highlight .k,
    .mw-highlight .k,
.mw-highlight .kc,
    .mw-highlight .kc,
.mw-highlight .kd,
    .mw-highlight .kd,
.mw-highlight .kn,
    .mw-highlight .kn,
.mw-highlight .kr,
    .mw-highlight .kr,
.mw-highlight .kp {
    .mw-highlight .kp {
    color: var(--accent);
        color: var(--accent);
    font-weight: bold;
        font-weight: bold;
}
    }
 
/*keyword: type */
    /*keyword: type */
.mw-highlight .kt {
    .mw-highlight .kt {
    color: #6035b0;
        color: #6035b0;
    font-weight: bold;
        font-weight: bold;
}
    }
 
/*operators + punctuation */
    /*operators + punctuation */
.mw-highlight .o,
    .mw-highlight .o,
.mw-highlight .ow,
    .mw-highlight .ow,
.mw-highlight .p {
    .mw-highlight .p {
    color: var(--color-emphasized);
        color: var(--color-emphasized);
}
    }
 
/*numbers */
    /*numbers */
.mw-highlight .m,
    .mw-highlight .m,
.mw-highlight .mb,
    .mw-highlight .mb,
.mw-highlight .mf,
    .mw-highlight .mf,
.mw-highlight .mh,
    .mw-highlight .mh,
.mw-highlight .mi,
    .mw-highlight .mi,
.mw-highlight .mo,
    .mw-highlight .mo,
.mw-highlight .il {
    .mw-highlight .il {
    color: var(--border-color-warning);
        color: var(--border-color-warning);
}
    }
 
/*strings */
    /*strings */
.mw-highlight .s,
    .mw-highlight .s,
.mw-highlight .sa,
    .mw-highlight .sa,
.mw-highlight .sb,
    .mw-highlight .sb,
.mw-highlight .sc,
    .mw-highlight .sc,
.mw-highlight .dl,
    .mw-highlight .dl,
.mw-highlight .s2,
    .mw-highlight .s2,
.mw-highlight .sh,
    .mw-highlight .sh,
.mw-highlight .s1,
    .mw-highlight .s1,
.mw-highlight .sx,
    .mw-highlight .sx,
.mw-highlight .ss {
    .mw-highlight .ss {
    color: #b85000;
        color: #b85000;
}
    }
 
/*docstrings */
    /*docstrings */
.mw-highlight .sd {
    .mw-highlight .sd {
    color: var(--color-subtle);
        color: var(--color-subtle);
    font-style: italic;
        font-style: italic;
}
    }
 
/*string escapes / interpolation */
    /*string escapes / interpolation */
.mw-highlight .se,
    .mw-highlight .se,
.mw-highlight .si {
    .mw-highlight .si {
    color: var(--border-color-warning);
        color: var(--border-color-warning);
}
    }
 
/*regex */
    /*regex */
.mw-highlight .sr {
    .mw-highlight .sr {
    color: var(--color-destructive);
        color: var(--color-destructive);
}
    }
 
/*names / identifiers */
    /*names / identifiers */
.mw-highlight .n {
    .mw-highlight .n {
    color: var(--color-base);
        color: var(--color-base);
}
    }
 
/*functions */
    /*functions */
.mw-highlight .nf,
    .mw-highlight .nf,
.mw-highlight .fm {
    .mw-highlight .fm {
    color: #0a6080;
        color: #0a6080;
}
    }
 
/*variables */
    /*variables */
.mw-highlight .nv,
    .mw-highlight .nv,
.mw-highlight .vc,
    .mw-highlight .vc,
.mw-highlight .vg,
    .mw-highlight .vg,
.mw-highlight .vi,
    .mw-highlight .vi,
.mw-highlight .vm {
    .mw-highlight .vm {
    color: #0a6080;
        color: #0a6080;
}
    }
 
/*builtins / pseudo-builtin */
    /*builtins / pseudo-builtin */
.mw-highlight .nb,
    .mw-highlight .nb,
.mw-highlight .bp {
    .mw-highlight .bp {
    color: #0a6080;
        color: #0a6080;
}
    }
 
/*constants */
    /*constants */
.mw-highlight .no {
    .mw-highlight .no {
    color: var(--border-color-warning);
        color: var(--border-color-warning);
}
    }
 
/*classes / types / namespaces */
    /*classes / types / namespaces */
.mw-highlight .nc,
    .mw-highlight .nc,
.mw-highlight .nn {
    .mw-highlight .nn {
    color: #6035b0;
        color: #6035b0;
}
    }
 
/*exceptions */
    /*exceptions */
.mw-highlight .ne {
    .mw-highlight .ne {
    color: var(--color-destructive);
        color: var(--color-destructive);
}
    }
 
/*decorators / annotations */
    /*decorators / annotations */
.mw-highlight .nd {
    .mw-highlight .nd {
    color: #1a55b0;
        color: #1a55b0;
}
    }
 
/*labels */
    /*labels */
.mw-highlight .nl {
    .mw-highlight .nl {
    color: var(--accent);
        color: var(--accent);
}
    }
 
/*XML/HTML tags & attributes */
    /*XML/HTML tags & attributes */
.mw-highlight .nt {
    .mw-highlight .nt {
    color: #1a55b0;
        color: #1a55b0;
}
    }
 
.mw-highlight .na {
    .mw-highlight .na {
    color: var(--border-color-warning);
        color: var(--border-color-warning);
}
    }
 
/*entities */
    /*entities */
.mw-highlight .ni {
    .mw-highlight .ni {
    color: var(--color-emphasized);
        color: var(--color-emphasized);
}
    }
 
/*generic / headings / emphasis */
    /*generic / headings / emphasis */
.mw-highlight .gh,
    .mw-highlight .gh,
.mw-highlight .gu,
    .mw-highlight .gu,
.mw-highlight .gp {
    .mw-highlight .gp {
    color: #6035b0;
        color: #6035b0;
    font-weight: bold;
        font-weight: bold;
}
    }
 
/*deleted / inserted */
    /*deleted / inserted */
.mw-highlight .gd {
    .mw-highlight .gd {
    color: var(--color-destructive);
        color: var(--color-destructive);
}
    }
 
.mw-highlight .gi {
    .mw-highlight .gi {
    color: var(--color-content-added);
        color: var(--color-content-added);
}
    }
 
/*generic output / tracebacks */
    /*generic output / tracebacks */
.mw-highlight .go {
    .mw-highlight .go {
    color: var(--color-subtle);
        color: var(--color-subtle);
}
    }
 
.mw-highlight .gt {
    .mw-highlight .gt {
    color: #1a55b0;
        color: #1a55b0;
}
    }
 
/*CodeMirror (MediaWiki template tokens) */
    /*CodeMirror (MediaWiki template tokens) */
.cm-mw-template-name,
    .cm-mw-template-name,
.cm-mw-template-argument-name,
    .cm-mw-template-argument-name,
.cm-mw-template-delimiter,
    .cm-mw-template-delimiter,
.cm-mw-template-bracket {
    .cm-mw-template-bracket {
    color: #7a20b0;
        color: #7a20b0;
}
    }
 
/*Ace editor*/
    /*Ace editor*/
.ace-tm {
    .ace-tm {
    background-color: var(--background-color-base-subtle);
        background-color: var(--background-color-base-subtle);
    color: var(--color-base);
        color: var(--color-base);
}
    }
 
/*gutter */
    /*gutter */
.ace-tm .ace_gutter {
    .ace-tm .ace_gutter {
    background: var(--background-color-base-2);
        background: var(--background-color-base-2);
    color: var(--color-subtle);
        color: var(--color-subtle);
}
    }
 
/*print margin */
    /*print margin */
.ace-tm .ace_print-margin {
    .ace-tm .ace_print-margin {
    width: 1px;
        width: 1px;
    background: var(--border-color-subtle);
        background: var(--border-color-subtle);
}
    }
 
/*fold marker */
    /*fold marker */
.ace-tm .ace_fold {
    .ace-tm .ace_fold {
    background-color: #1a55b0;
        background-color: #1a55b0;
}
    }
 
/*cursor */
    /*cursor */
.ace-tm .ace_cursor {
    .ace-tm .ace_cursor {
    color: var(--color-emphasized);
        color: var(--color-emphasized);
}
    }
 
/*invisible chars */
    /*invisible chars */
.ace-tm .ace_invisible {
    .ace-tm .ace_invisible {
    color: var(--border-color-subtle);
        color: var(--border-color-subtle);
}
    }
 
/*keywords */
    /*keywords */
.ace-tm .ace_storage,
    .ace-tm .ace_storage,
.ace-tm .ace_keyword {
    .ace-tm .ace_keyword {
    color: var(--accent);
        color: var(--accent);
}
    }
 
/*constants */
    /*constants */
.ace-tm .ace_constant {
    .ace-tm .ace_constant {
    color: var(--border-color-warning);
        color: var(--border-color-warning);
}
    }
 
.ace-tm .ace_constant.ace_buildin {
    .ace-tm .ace_constant.ace_buildin {
    color: #0a6080;
        color: #0a6080;
}
    }
 
.ace-tm .ace_constant.ace_language {
    .ace-tm .ace_constant.ace_language {
    color: #1a55b0;
        color: #1a55b0;
}
    }
 
.ace-tm .ace_constant.ace_library {
    .ace-tm .ace_constant.ace_library {
    color: var(--accent);
        color: var(--accent);
}
    }
 
/*invalid */
    /*invalid */
.ace-tm .ace_invalid {
    .ace-tm .ace_invalid {
    background-color: var(--background-color-error-subtle);
        background-color: var(--background-color-error-subtle);
    color: var(--color-destructive);
        color: var(--color-destructive);
}
    }
 
/*functions */
    /*functions */
.ace-tm .ace_entity.ace_name.ace_function {
    .ace-tm .ace_entity.ace_name.ace_function {
    color: #2640c0;
        color: #2640c0;
}
    }
.ace-tm .ace_support.ace_function {
    .ace-tm .ace_support.ace_function {
    color: #2640c0;
        color: #2640c0;
}
    }
 
.ace-tm .ace_support.ace_constant {
    .ace-tm .ace_support.ace_constant {
    color: var(--accent);
        color: var(--accent);
}
    }
 
.ace-tm .ace_support.ace_type,
    .ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
    .ace-tm .ace_support.ace_class {
    color: #6035b0;
        color: #6035b0;
}
    }
 
/*operators */
    /*operators */
.ace-tm .ace_keyword.ace_operator {
    .ace-tm .ace_keyword.ace_operator {
    color: var(--color-emphasized);
        color: var(--color-emphasized);
}
    }
 
/*strings */
    /*strings */
.ace-tm .ace_string {
    .ace-tm .ace_string {
    color: #b85000;
        color: #b85000;
}
    }
 
/*comments */
    /*comments */
.ace-tm .ace_comment {
    .ace-tm .ace_comment {
    color: var(--color-subtle);
        color: var(--color-subtle);
    font-style: italic;
        font-style: italic;
}
    }
 
.ace-tm .ace_comment.ace_doc {
    .ace-tm .ace_comment.ace_doc {
    color: var(--color-notice);
        color: var(--color-notice);
}
    }
 
.ace-tm .ace_comment.ace_doc.ace_tag {
    .ace-tm .ace_comment.ace_doc.ace_tag {
    color: var(--border-color-subtle);
        color: var(--border-color-subtle);
}
    }
 
/*numbers */
    /*numbers */
.ace-tm .ace_constant.ace_numeric {
    .ace-tm .ace_constant.ace_numeric {
    color: var(--border-color-warning);
        color: var(--border-color-warning);
}
    }
 
/*variables */
    /*variables */
.ace-tm .ace_variable {
    .ace-tm .ace_variable {
    color: #0a6080;
        color: #0a6080;
}
    }
 
/*XML / markup */
    /*XML / markup */
.ace-tm .ace_xml-pe {
    .ace-tm .ace_xml-pe {
    color: var(--color-subtle);
        color: var(--color-subtle);
}
    }
 
.ace-tm .ace_meta.ace_tag {
    .ace-tm .ace_meta.ace_tag {
    color: #1a55b0;
        color: #1a55b0;
}
    }
 
/*regex */
    /*regex */
.ace-tm .ace_string.ace_regex {
    .ace-tm .ace_string.ace_regex {
    color: var(--color-destructive);
        color: var(--color-destructive);
}
    }
 
/*selection */
    /*selection */
.ace-tm .ace_marker-layer .ace_selection {
    .ace-tm .ace_marker-layer .ace_selection {
    background: oklch(from var(--accent) calc(l + 0.50) c h / 0.25);
        background: oklch(from var(--accent) calc(l + 0.50) c h / 0.25);
}
    }
 
.ace-tm.ace_multiselect .ace_selection.ace_start {
    .ace-tm.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px var(--color-emphasized);
        box-shadow: 0 0 3px 0px var(--color-emphasized);
}
    }
 
/*active line / step / stack */
    /*active line / step / stack */
.ace-tm .ace_marker-layer .ace_step {
    .ace-tm .ace_marker-layer .ace_step {
    background: oklch(from var(--border-color-warning) l c h / 0.20);
        background: oklch(from var(--border-color-warning) l c h / 0.20);
}
    }
 
.ace-tm .ace_marker-layer .ace_stack {
    .ace-tm .ace_marker-layer .ace_stack {
    background: oklch(from var(--accent) calc(l + 0.50) c h / 0.18);
        background: oklch(from var(--accent) calc(l + 0.50) c h / 0.18);
}
    }
 
.ace-tm .ace_marker-layer .ace_active-line {
    .ace-tm .ace_marker-layer .ace_active-line {
    background: oklch(from var(--base) calc(l - 0.04) c h);
        background: oklch(from var(--base) calc(l - 0.04) c h);
}
    }
 
/*brackets */
    /*brackets */
.ace-tm .ace_marker-layer .ace_bracket {
    .ace-tm .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
        margin: -1px 0 0 -1px;
    border: 1px solid var(--border-color-subtle);
        border: 1px solid var(--border-color-subtle);
}
    }
 
/*gutter active line */
    /*gutter active line */
.ace-tm .ace_gutter-active-line {
    .ace-tm .ace_gutter-active-line {
    background-color: var(--background-color-base-3);
        background-color: var(--background-color-base-3);
    color: var(--color-base);
        color: var(--color-base);
}
    }
 
/*selected word */
    /*selected word */
.ace-tm .ace_marker-layer .ace_selected-word {
    .ace-tm .ace_marker-layer .ace_selected-word {
    background: oklch(from var(--border-color-warning) l c h / 0.12);
        background: oklch(from var(--border-color-warning) l c h / 0.12);
    border: 1px solid oklch(from var(--border-color-warning) l c h / 0.30);
        border: 1px solid oklch(from var(--border-color-warning) l c h / 0.30);
}
    }
 
/*indent guides */
    /*indent guides */
.ace-tm .ace_indent-guide {
    .ace-tm .ace_indent-guide {
    background: none;
        background: none;
    border-right: 1px dotted var(--border-color-muted);
        border-right: 1px dotted var(--border-color-muted);
}
    }
 
.ace-tm .ace_indent-guide-active {
    .ace-tm .ace_indent-guide-active {
    background: none;
        background: none;
    border-right: 1px dotted var(--border-color-base);
        border-right: 1px dotted var(--border-color-base);
    }
 
    .module-icon-ability {
        filter: invert(1) !important;
    }
 
    .ability-section-wrapper .ability-name img {
        filter: none !important
    }
 
    .wikiEditor-ui-toolbar ::before,
    .wikiEditor-ui-toolbar .oo-ui-buttonElement-button {
        filter: unset !important;
    }
 
    .cm-mw-list,
    .cm-mw-apostrophes,
    .cm-mw-link-tosection,
    .cm-mw-link {
        color: black
    }
   
    .wikitable {
    background-color: var(--background-color-base-2);
}
}
.module-icon-ability {
.vector-search-box .cdx-search-input__end-button.cdx-button {
    filter: invert(1) !important;
filter:invert(0);
}
}
.ability-section-wrapper .ability-name img {
a.new, a.new:visited{
    filter: none !important
color:#a03131;
}
}
.wikiEditor-ui-toolbar ::before, .wikiEditor-ui-toolbar .oo-ui-buttonElement-button {
.pic-link {
    filter: unset !important;
filter: grayscale(1) brightness(0) invert(0);
}
}
}
}
Retrieved from "https://deadlock.wiki/MediaWiki:Gadget-brownTheme.css"