User:DSquirrelGM/global.js

$('.mw-highlight').removeClass('mw-highlight'); if (mw.config.get('wgAction') === 'delete') { $('#wpReason').removeAttr('value'); }

//mw.loader.load( 'https://dev.fandom.com/wiki/MediaWiki:FD-CSS-VList.js?action=raw&ctype=text/javascript' );

$(function {

var $Loaded = Boolean(window.FDCSSVList_Loaded); var $O = Boolean(window.FDCSSVList_Open); var $V = Boolean(window.FDCSSVList_Variables); var $S = Boolean(window.FDCSSVList_Side); var $T = Boolean(window.FDCSSVList_Text);

const PageSelector = ' #content .mw-parser-output '; const ColorList = PageSelector + ' #ColorList ';

if (!$Loaded) {

const CSSTokenSeparators = /[\{\}\:\;\0\s\,]/; var s, c , v , CSSTokens ;

$( PageSelector ).prepend( '' +  + '' + '' + ' ' + '' + '' + '' + '' + '' + '' + '  ' );

//style setting iteration / filters //assumes CSS variable setting intent based on name: //--*-image: background image url //--*--rgb: color value triplet for rgb / rgba //--*: any other variable assumed to represent color

var styleSheets = Array.from( document.styleSheets ).map( function( styleSheet ) { try { return Array.from(styleSheet.cssRules); } catch(e) { return []; } } );

for ( i = 0 ; i < styleSheets.length ; i++ ) {

for ( r = 0 ; r < styleSheets[i].length ; r++ ) {

v = styleSheets[i][r].cssText;

CSSTokens = v.split(CSSTokenSeparators);

for ( d = 0 ; d < CSSTokens.length ; d++ ) {

s = CSSTokens[d];

if ( s.startsWith( '--' ) && $( '#CSSVL' + s ).length === 0 ) {

c = styleSheets[i][r].style.getPropertyValue(s);

var entry = $( ' ', { id: 'CSSVL' + s , title: s + ': ' + c , css: { border: '1px solid var(--theme-link-color)' , display: 'inline-block' , padding: '0.25em' , margin: '0' , textShadow: '1px 1px 0 var(--theme-link-color)' } } ).append( $( ' ' , { text: ( $V ? s + ': ' :  ) + ( $T ? c :  ) + ( ( $V || $T ) ? '' : '--' ) } ) );

if ( s.includes('-image') || s.includes('-logo') ) {

entry.css( { backgroundColor: 'transparent', backgroundPosition: 'left top' , backgroundSize: 'contain' , backgroundRepeat: 'no-repeat' , overflow: 'wrap' , wordWrap: 'break-word' , backgroundImage: c } )

} else if ( s.endsWith( '--rgb' ) ) {

entry.css( 'backgroundColor', 'rgb(' + c + ')' )

} else {

entry.css( 'backgroundColor', c )

}

$(ColorList).append(entry);

}

}

}

}

}

window.FDCSSVList_Loaded = true;

$Loaded = Boolean(window.FDCSSVList_Loaded);

} );