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 , ULanguage ; var 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 = {};

$( 'link[rel="stylesheet"]' ).each(function (r,v) {

$( '#StyleBuffer' ).append( ' ' );

$( '#StyleBuffer_' + r ).load( $(this).attr('href'), null , function {

rv[r] = ( $( '#StyleBuffer_' + r ).text ).split(CSSTokenSeparators);

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

s = rv[r][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'); } } );

} );