User:DSquirrelGM/global.js

( function {	$('.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 {	//https://heroicons.dev/#color-swatch	const Image_ColorSwatch = '  ' ;

//https://heroicons.dev/#pencil-alt const Image_PencilAlt = '  ' ;

const PageSelector = ' #content .mw-parser-output '; const ColorList = PageSelector + ' #ColorList '; const CSSTokenSeparators = /[\{\}\:\;\0\s\,]/; var s, c , d , v , r , rv , aSTD ; var $e = {}, $r = {} , $l = {} , $t = {} , $i = {} , CSSTokens = {};

if ( $( ColorList ).length > 0 ) { return; }

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

//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

rv = {}; $l = document.querySelectorAll( 'link[rel="stylesheet"]' );

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

rv[i] = {}; rv[i].xhr = new XMLHttpRequest; rv[i].xhr.open('GET',$l[i].href); rv[i].xhr.send; s = i;

if ( s.startsWith( '--' ) ) {

c = window.getComputedStyle(document.body).getPropertyValue(s);

if ( s.includes( '-image' ) ) { $( ColorList ).append( '' + s + ': ' + c + '; ' ); } else if ( s.endsWith( '--rgb' ) ) { $( ColorList ).append( '' + s + ': ' + c + '; ' ); } else { $( ColorList ).append( '' + s + ': ' + c + '; ' ); }

}

}

});

$('#FDCVToggle').click( function( $event ){ if ( $( ColorList ).css('display') == 'none' ) { $( ColorList ).css('display', 'block'); } else { $( ColorList ).css('display' , 'none'); } });

} );