User:A. Amritesh/common.js

// importScript('User:SSethi (WMF)/Sandbox/SimpleUserScriptExamples.js'); mw.loader.using( 'oojs-ui-widgets','oojs-ui.styles.icons-movement' ).done(function{ var buttonIcon = new OO.ui.ButtonWidget( { icon: 'upTriangle', title: 'Up', classes:[ 'my-button'] } );   $( '#mw-content-text' ).after(buttonIcon.$element ); // buttonIcon.setIcon( 'upTriangle' ); $('.my-button').css('float','right'); buttonIcon.on('click', function{$(window).scrollTop(0);}); // .onClick(document.getElementById(firstHeading).focus({preventScroll:false})) }); mw.loader.using( 'oojs-ui-widgets' ).done(function{ var toggleSwitch = new OO.ui.ToggleSwitchWidget({ classes:[ 'my-togglebtn'] }); fieldset = new OO.ui.FieldsetLayout( { label: 'Dark Focus', classes:[ 'my-toggle'] } ); fieldset.addItems( [ new OO.ui.FieldLayout( toggleSwitch, {       align: 'right'    } ) ] ); $('#bodyContent').prepend( fieldset.$element ); $('.my-toggle').css('float','right'); toggleSwitch.on('change',onOff); });

function onOff{ // // console.log($('.my-togglebtn').prop('ariaChecked')); if($('.oo-ui-toggleSwitchWidget').prop('ariaChecked')){ $('.oo-ui-toggleSwitchWidget').addClass('active'); //  location.reload; //focus; }else{ $('.oo-ui-toggleSwitchWidget').removeClass('active'); } }

class active{ focus{ $("code,p").on({ mouseenter: function{    $(this).css("background-color", "black");    $(this).css("color", "white");  },  mouseleave: function{    $(this).css("background-color", "white");    $(this).css("color", "black");    }	});

$("pre").on({ mouseenter: function{    $(this).css("background-color", "black");    $(this).css("color", "white");  },  mouseleave: function{    $(this).css("background-color", "#f8f9fa");    $(this).css("color", "black");    }  }); } }

// mw.loader.using( 'oojs-ui-widgets' ).done(function{ // var toggleSwitch = new OO.ui.ToggleSwitchWidget; // fieldset = new OO.ui.FieldsetLayout( { //        label: 'Dark Focus', //        classes:[ 'my-toggle'] //    } ); // fieldset.addItems( [ //    new OO.ui.FieldLayout( toggleSwitch, { //         align: 'right' //     } ) //    ] ); // $('#bodyContent').prepend( fieldset.$element ); // $('.my-toggle').css('float','right'); // toggleSwitch.on('click', function{ // 	$("code,p").on({ //  mouseenter: function{ //     $(this).css("background-color", "black"); //     $(this).css("color", "white"); //   }, //   mouseleave: function{ //     $(this).css("background-color", "white"); //     $(this).css("color", "black"); //     } // 	});

// $("pre").on({ //  mouseenter: function{ //     $(this).css("background-color", "black"); //     $(this).css("color", "white"); //   }, //   mouseleave: function{ //     $(this).css("background-color", "#f8f9fa"); //     $(this).css("color", "black"); //     } // }); // }); // });

// $("code,p").on({ //  mouseenter: function{ //     $(this).css("background-color", "black"); //     $(this).css("color", "white"); //   }, //   mouseleave: function{ //     $(this).css("background-color", "white"); //     $(this).css("color", "black"); //     } // }); // $("pre").on({ //  mouseenter: function{ //     $(this).css("background-color", "black"); //     $(this).css("color", "white"); //   }, //   mouseleave: function{ //     $(this).css("background-color", "#f8f9fa"); //     $(this).css("color", "black"); //     } // });