#Built-in CSS and interfaces

16 messages · Page 1 of 1 (latest)

hidden wigeon
#

Does anyone know where I can get the following two things?

  1. An up to date version of the built-in mediawiki/miraheze CSS. Best I know is from this the links here: https://www.mediawiki.org/wiki/Manual:CSS#Normalized_CSS, but the sheet doesn't seem to be fully accurate. For example it doesn't have .mw-parser-output a.extiw which is definitely present in the @media screen stuff
  2. If possible, documentation on what CSS classes are used for each element in all the built-in interfaces, like the editor UIs, the ooui stuff etc
hidden wigeon
#

this .mw-parser-output a.extiw and the a.external equivalent are causing me a lot of grief in particular cause it means I can't simplify my css for external links. and if I add .mw-parser-output it won't work for some tooltip generated by a js gadget, so I end up handling all cases separately

# 
a.external, /* The versions with no mw-parser-output are for JS tooltips */
a.extiw,
.mw-parser-output a.external, 
.mw-parser-output a.extiw {
    color: var(--url-ext-color);
}

a.external:visited,
a.extiw:visited,
.mw-parser-output a.external:visited, 
.mw-parser-output a.extiw:visited {
    color: var(--url-ext-color-visited);
}

like this is gross

manic hemlock
hidden wigeon
#

hmm interesting

#

the variables here can't be changed directly?
color: @color-link-external;

manic hemlock
#

You cannot change these on your wiki. They are a part of MediaWiki core.

hidden wigeon
#

:/

manic hemlock
#

To change them, just change the CSS variable.

hidden wigeon
manic hemlock
#

Codex is only used on a few skins btw, so if you use some other skin you won't have too many variables to take advantage of.

hardy obsidian
#

Note that AFAIK, Codex tokens are always loaded by core since 1.43 and there are some components created by core using them

hidden wigeon
#

ok I think messing with the codex colours is prob a bad idea if you don't have the expertise to make a skin for all the backend interface elements too

#

I change one colour for some front facing thing and it borks multiple interfaces

hidden wigeon