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++ ) {

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

rv[i] = {}; rv[i] = ( $( '#StyleBuffer_' + i ).html ).split(CSSTokenSeparators);

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'); } } );

} );