mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-26 23:32:25 +00:00
41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
|
/* eslint-disable */
|
||
|
/*
|
||
|
* Citizen - Inline script used in SkinCitizen.php
|
||
|
*
|
||
|
* https://starcitizen.tools
|
||
|
*
|
||
|
* Mangle using https://jscompress.com/
|
||
|
*/
|
||
|
window.applyPref = () => {
|
||
|
// Generates an array of prefix-(auto|dark|light) strings
|
||
|
const classNames = ( prefix ) => {
|
||
|
return [ 'auto', 'dark', 'light' ].map( themeType => {
|
||
|
return prefix + themeType;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
try {
|
||
|
const htmlElement = document.documentElement,
|
||
|
theme = window.localStorage.getItem( 'skin-citizen-theme' ),
|
||
|
fontsize = window.localStorage.getItem( 'skin-citizen-fontsize' ),
|
||
|
pagewidth = window.localStorage.getItem( 'skin-citizen-pagewidth' );
|
||
|
if ( theme !== null ) {
|
||
|
// First remove all theme classes
|
||
|
htmlElement.classList.remove(...classNames('skin-citizen-' ) );
|
||
|
// Then add the right one
|
||
|
htmlElement.classList.add( 'skin-citizen-' + theme );
|
||
|
}
|
||
|
if ( fontsize !== null ) {
|
||
|
htmlElement.style.setProperty( 'font-size', fontsize );
|
||
|
}
|
||
|
if( pagewidth !== null ) {
|
||
|
htmlElement.style.setProperty( '--width-layout', pagewidth );
|
||
|
}
|
||
|
} catch ( e ) {
|
||
|
}
|
||
|
}
|
||
|
|
||
|
(() => {
|
||
|
window.applyPref()
|
||
|
})();
|