2025-02-27T22:19:10Z

User: Created page with "Donating is the primary method of supporting the development of August RSPS. Donating can be done by clicking the *Donate* button on the [August RSPS Website](https://august-rsps.com/donate), or by typing ```::donate``` in-game to be automatically redirected. To claim your donations, type ``` ::claimdonations ``` in game. Donator credits from Bonds can be spent at the Donator store NPC."

Donating is the primary method of supporting the development of August RSPS.

Donating can be done by clicking the *Donate* button on the [August RSPS Website](https://august-rsps.com/donate), or by typing ```::donate``` in-game to be automatically redirected.

To claim your donations, type ``` ::claimdonations ``` in game. Donator credits from [[Donating#Bonds|Bonds]] can be spent at the [[Donator store]] NPC.

File:Melee.png

2025-02-27T14:31:13Z

User:

2025-02-27T13:37:36Z

User:

/**
* Handles the full-width toggle, dark mode toggle, and other appearance-related
* toggles on the page.
*
* @author Gaz Lloyd
* @author Jayden
*
*/
;(function($, mw, rs){
var DARK_COOKIE = 'darkmode',
THEME_COOKIE = 'theme',
FLOORNUMBER_LS = 'floornumber_display',
theme = ($.cookie('theme') !== null) ? $.cookie('theme') : (($.cookie(DARK_COOKIE) === 'true') ? 'dark' : 'light'),
fixedWidthEnabled = $.cookie('readermode') === 'true',
currentFloornumber = '_auto',
themeSwitch,
floorSelect,
floorSelectAuto,
floorSelectUK,
floorSelectUS,
closeButton,
themePortletLink,
fixedWidthPortletLink,
$content,
userLocale = 'UK',
flsetting,
browserLocale,
themePopup;

var self = {
init: function () {
// Add the theme selector
self.createThemePortletLink();

// Add the fixed-width toggle
//self.createFixedWidthPortletLink();

// Handle the floor numbering modal
$('.floor-convention').click(function(e) {
e.preventDefault();
if (!window.OOUIWindowManager || !window.OOUIWindowManager.hasWindow('floorNumber')) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createFloorNumberModal);
} else {
window.OOUIWindowManager.openWindow('floorNumber');
}
});

// Perform skin overrides if required
self.doFloorNumberOverrides();

// Set the theme cookie
if ( $.cookie('theme') == null ) {
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
}
},

/**
* Perform specific overrides to the skin based on the selected
* floor number preference.
*/
doFloorNumberOverrides: function() {
if (rs.hasLocalStorage()) {
currentFloornumber = window.localStorage.getItem(FLOORNUMBER_LS);
if (currentFloornumber == null) {
currentFloornumber = '_auto';
}
}
flsetting = currentFloornumber;
if (window.navigator.languages && window.navigator.languages.length) {
browserLocale = window.navigator.languages[0];
} else {
browserLocale = navigator.userLanguage || navigator.language || navigator.browserLanguage || 'en';
}
switch (browserLocale) {
// all langs in -US or -CA
case 'en-US':
case 'es-US':
case 'en-CA':
case 'fr-CA':
userLocale = 'US';
break;
}
if (currentFloornumber == '_auto') {
flsetting = userLocale;
}
switch (flsetting) {
case 'US':
flsetting = 'floornumber-setting-us';
break;
case 'UK':
default:
flsetting = 'floornumber-setting-gb';
break;
}
$('body').addClass(flsetting);
},

toggleFixedWidth: function () {
if (fixedWidthEnabled) {
// Switch to full width
$('body').removeClass('wgl-fixedWidth');
} else {
// Switch to fixed width
mw.loader.load('wg.fixedwidth');
$('body').addClass('wgl-fixedWidth');
}

fixedWidthEnabled = !fixedWidthEnabled;
$.cookie('readermode', fixedWidthEnabled, {expires: 365, path: '/'});
},

/*
* Adds fixed width portlet link to the page
*createFixedWidthPortletLink: function() {
* fixedWidthPortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-fixed-width', 'Toggle fixed-width mode', null, $('#pt-userpage, #pt-anonuserpage'));
* $(fixedWidthPortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
* e.preventDefault();
* self.toggleFixedWidth();
* });
},*/

/**
* Adds the theme select portlet link to the page
*/
createThemePortletLink: function() {
themePortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-theme-toggles', 'Change theme', null, $('#pt-userpage, #pt-anonuserpage'));
$(themePortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
e.preventDefault();
if (!themePopup) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createThemePopup);
} else {
themePopup.toggle();
}
});
},

/**
* Loads a theme by its name
*/
loadTheme: function(themeName) {
var removeExistingTheme = function () {
// Remove any existing theme class
$('body').removeClass(function (i, className) {
console.log("we are re-adding the theme text")
console.log("Available modules:", mw.loader.moduleRegistry);
return (className.match (/(^|\s)wgl-theme-\S+/g) || []).join(' ')
})
}

// Add new theme class
if (themeName === 'light') {
removeExistingTheme();
console.log("we are adding the light theme the theme text")
$('body').addClass('wgl-theme-light');
} else {
mw.loader.using(['wgl.theme.' + themeName]).then(function () {
removeExistingTheme();
console.log("we are re-adding the theme text")
console.log("Available modules:", mw.loader.moduleRegistry);
$('body').addClass('wgl-theme-' + themeName);
});
}
},

/**
* Initialises the creation of the theme toggle widget
*/
createThemeToggle: function() {
// Create the theme toggle
themeSwitch = new OO.ui.ButtonSelectWidget({
classes: ['appearance-buttons'],
items: [
new OO.ui.ButtonOptionWidget({
classes: ['light-mode-button'],
data: 'light',
title: 'Light',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['dark-mode-button'],
data: 'dark',
title: 'Dark',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['brown-mode-button'],
data: 'browntown',
title: 'Browntown',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
]
});

// Set the toggle to whatever theme is currently active
themeSwitch.selectItemByData(theme);

themeSwitch.on('choose', function() {
// Change the theme instantly without needing a refresh
theme = themeSwitch.findSelectedItem().getData();
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
console.log("we are loading the theme")
console.log("Available modules:", mw.loader.moduleRegistry);
self.loadTheme(theme);
})
},

/**
* Initialises the creation of the theme popup window, which appears
* when the moon icon is clicked at the top right of the page.
*/
createThemePopup: function() {
self.createThemeToggle();

// Create the popup
themePopup = new OO.ui.PopupWidget( {
classes: ['wgl-theme-popup'],
$content: themeSwitch.$element,
$floatableContainer: $(themePortletLink),
width: null,
autoClose: true,
} );

themePopup.on('toggle', function (visible) {
// When the popup is opened, change the moon icon to an X
if (visible) {
$(themePortletLink).find('a').addClass('wgl-theme-popup-opened');
} else {
$(themePortletLink).find('a').removeClass('wgl-theme-popup-opened');
}
})

$(document.body).append(themePopup.$element);

// Open the popup, since we'll have only created the popup if the
// user tried to interact with it in the first place.
themePopup.toggle(true);
},

/**
* Initialises the creation of the gear modal, for other non-theme
* related appearance settings.
*/

createFloorNumberModal: function() {
floorSelectAuto = new OO.ui.RadioOptionWidget({
data: '_auto',
label: 'Auto-detect: '+userLocale
});
floorSelectUK = new OO.ui.RadioOptionWidget({
data: 'UK',
label: 'UK'
});
floorSelectUS = new OO.ui.RadioOptionWidget({
data: 'US',
label: 'US'
});

floorSelect = new OO.ui.RadioSelectWidget({
classes: ['floornumber-select'],
items: [
floorSelectAuto,
floorSelectUK,
floorSelectUS
]
});
floorSelect.selectItemByData(currentFloornumber);
floorSelectHelp = 'Adjust how floor numbers are displayed on the wiki - whether the numbering begins at 0 (ground) or 1.';
if (!rs.hasLocalStorage()) {
floorSelect.setDisabled(true);
floorSelectHelp = 'This option requires local storage to be supported and enabled in your browser.';
}
floorSelectAuto.$element.attr('title', 'Automatically detect the type to use from your browser.');
floorSelectUK.$element.attr('title', 'The numbering used in the UK, Europe, and many Commonwealth countries: entrance on the ground floor, then above that is 1st floor, 2nd floor, etc.');
floorSelectUS.$element.attr('title', 'The numbering used in the US and Canada: entrance on the 1st floor, then above that is 2nd floor, 3rd floor, etc.');
floorSelect.on('choose', function () {
if (rs.hasLocalStorage()) {
window.localStorage.setItem(FLOORNUMBER_LS, floorSelect.findSelectedItem().getData());
}
});

closeButton = new OO.ui.ButtonInputWidget({ label: 'Close', flags: 'destructive'});

$content = $('<div>');
$content
.addClass('appearance-modal')
.append(
$('<div>')
.addClass('reader-mode')
.append(
floorSelect.$element,
$('<div>').addClass('setting-header floornumber-header').text('Floor numbering'),
$('<p>').addClass('floornumber-desc').text(floorSelectHelp)
),
$('<div>')
.addClass('appearance-save')
.append(
$('<p>').addClass('save-button-desc').html('<a href="https://weirdgloop.org/privacy">Cookies</a> are used to personalise the wiki.'),
$('<div>').addClass('save-button-container')
.append(closeButton.$element)
)
);

var initModal = function (modal) {
modal.$body.append( $content );
closeButton.on('click', function(modal){window.OOUIWindowManager.closeWindow(modal);}, [modal]);
};

rs.createOOUIWindow('floorNumber', 'Floor numbering', {size: 'large', classes: ['rsw-skin-toggle-popup']}, initModal, true, true);
}
}

mw.loader.using(['ext.gadget.rsw-util'], function () {
$(self.init);
})

}(jQuery, mediaWiki, rswiki));

MediaWiki:Gadget-skinTogglesNew.js

2025-02-27T13:36:23Z

User:

/**
* Handles the full-width toggle, dark mode toggle, and other appearance-related
* toggles on the page.
*
* @author Gaz Lloyd
* @author Jayden
*
*/
;(function($, mw, rs){
var DARK_COOKIE = 'darkmode',
THEME_COOKIE = 'theme',
FLOORNUMBER_LS = 'floornumber_display',
theme = ($.cookie('theme') !== null) ? $.cookie('theme') : (($.cookie(DARK_COOKIE) === 'true') ? 'dark' : 'light'),
fixedWidthEnabled = $.cookie('readermode') === 'true',
currentFloornumber = '_auto',
themeSwitch,
floorSelect,
floorSelectAuto,
floorSelectUK,
floorSelectUS,
closeButton,
themePortletLink,
fixedWidthPortletLink,
$content,
userLocale = 'UK',
flsetting,
browserLocale,
themePopup;

var self = {
init: function () {
// Add the theme selector
self.createThemePortletLink();

// Add the fixed-width toggle
//self.createFixedWidthPortletLink();

// Handle the floor numbering modal
$('.floor-convention').click(function(e) {
e.preventDefault();
if (!window.OOUIWindowManager || !window.OOUIWindowManager.hasWindow('floorNumber')) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createFloorNumberModal);
} else {
window.OOUIWindowManager.openWindow('floorNumber');
}
});

// Perform skin overrides if required
self.doFloorNumberOverrides();

// Set the theme cookie
if ( $.cookie('theme') == null ) {
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
}
},

/**
* Perform specific overrides to the skin based on the selected
* floor number preference.
*/
doFloorNumberOverrides: function() {
if (rs.hasLocalStorage()) {
currentFloornumber = window.localStorage.getItem(FLOORNUMBER_LS);
if (currentFloornumber == null) {
currentFloornumber = '_auto';
}
}
flsetting = currentFloornumber;
if (window.navigator.languages && window.navigator.languages.length) {
browserLocale = window.navigator.languages[0];
} else {
browserLocale = navigator.userLanguage || navigator.language || navigator.browserLanguage || 'en';
}
switch (browserLocale) {
// all langs in -US or -CA
case 'en-US':
case 'es-US':
case 'en-CA':
case 'fr-CA':
userLocale = 'US';
break;
}
if (currentFloornumber == '_auto') {
flsetting = userLocale;
}
switch (flsetting) {
case 'US':
flsetting = 'floornumber-setting-us';
break;
case 'UK':
default:
flsetting = 'floornumber-setting-gb';
break;
}
$('body').addClass(flsetting);
},

toggleFixedWidth: function () {
if (fixedWidthEnabled) {
// Switch to full width
$('body').removeClass('wgl-fixedWidth');
} else {
// Switch to fixed width
mw.loader.load('wg.fixedwidth');
$('body').addClass('wgl-fixedWidth');
}

fixedWidthEnabled = !fixedWidthEnabled;
$.cookie('readermode', fixedWidthEnabled, {expires: 365, path: '/'});
},

/*
* Adds fixed width portlet link to the page
*createFixedWidthPortletLink: function() {
* fixedWidthPortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-fixed-width', 'Toggle fixed-width mode', null, $('#pt-userpage, #pt-anonuserpage'));
* $(fixedWidthPortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
* e.preventDefault();
* self.toggleFixedWidth();
* });
},*/

/**
* Adds the theme select portlet link to the page
*/
createThemePortletLink: function() {
themePortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-theme-toggles', 'Change theme', null, $('#pt-userpage, #pt-anonuserpage'));
$(themePortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
e.preventDefault();
if (!themePopup) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createThemePopup);
} else {
themePopup.toggle();
}
});
},

/**
* Loads a theme by its name
*/
loadTheme: function(themeName) {
var removeExistingTheme = function () {
// Remove any existing theme class
$('body').removeClass(function (i, className) {
console.log("we are re-adding the theme text")
return (className.match (/(^|\s)wgl-theme-\S+/g) || []).join(' ')
})
}

// Add new theme class
if (themeName === 'light') {
removeExistingTheme();
console.log("we are adding the light theme the theme text")
$('body').addClass('wgl-theme-light');
} else {
mw.loader.using(['wgl.theme.' + themeName]).then(function () {
removeExistingTheme();
console.log("we are re-adding the theme text")
console.log("Available modules:", mw.loader.moduleRegistry);
$('body').addClass('wgl-theme-' + themeName);
});
}
},

/**
* Initialises the creation of the theme toggle widget
*/
createThemeToggle: function() {
// Create the theme toggle
themeSwitch = new OO.ui.ButtonSelectWidget({
classes: ['appearance-buttons'],
items: [
new OO.ui.ButtonOptionWidget({
classes: ['light-mode-button'],
data: 'light',
title: 'Light',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['dark-mode-button'],
data: 'dark',
title: 'Dark',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['brown-mode-button'],
data: 'browntown',
title: 'Browntown',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
]
});

// Set the toggle to whatever theme is currently active
themeSwitch.selectItemByData(theme);

themeSwitch.on('choose', function() {
// Change the theme instantly without needing a refresh
theme = themeSwitch.findSelectedItem().getData();
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
console.log("we are loading the theme")
self.loadTheme(theme);
})
},

/**
* Initialises the creation of the theme popup window, which appears
* when the moon icon is clicked at the top right of the page.
*/
createThemePopup: function() {
self.createThemeToggle();

// Create the popup
themePopup = new OO.ui.PopupWidget( {
classes: ['wgl-theme-popup'],
$content: themeSwitch.$element,
$floatableContainer: $(themePortletLink),
width: null,
autoClose: true,
} );

themePopup.on('toggle', function (visible) {
// When the popup is opened, change the moon icon to an X
if (visible) {
$(themePortletLink).find('a').addClass('wgl-theme-popup-opened');
} else {
$(themePortletLink).find('a').removeClass('wgl-theme-popup-opened');
}
})

$(document.body).append(themePopup.$element);

// Open the popup, since we'll have only created the popup if the
// user tried to interact with it in the first place.
themePopup.toggle(true);
},

/**
* Initialises the creation of the gear modal, for other non-theme
* related appearance settings.
*/

createFloorNumberModal: function() {
floorSelectAuto = new OO.ui.RadioOptionWidget({
data: '_auto',
label: 'Auto-detect: '+userLocale
});
floorSelectUK = new OO.ui.RadioOptionWidget({
data: 'UK',
label: 'UK'
});
floorSelectUS = new OO.ui.RadioOptionWidget({
data: 'US',
label: 'US'
});

floorSelect = new OO.ui.RadioSelectWidget({
classes: ['floornumber-select'],
items: [
floorSelectAuto,
floorSelectUK,
floorSelectUS
]
});
floorSelect.selectItemByData(currentFloornumber);
floorSelectHelp = 'Adjust how floor numbers are displayed on the wiki - whether the numbering begins at 0 (ground) or 1.';
if (!rs.hasLocalStorage()) {
floorSelect.setDisabled(true);
floorSelectHelp = 'This option requires local storage to be supported and enabled in your browser.';
}
floorSelectAuto.$element.attr('title', 'Automatically detect the type to use from your browser.');
floorSelectUK.$element.attr('title', 'The numbering used in the UK, Europe, and many Commonwealth countries: entrance on the ground floor, then above that is 1st floor, 2nd floor, etc.');
floorSelectUS.$element.attr('title', 'The numbering used in the US and Canada: entrance on the 1st floor, then above that is 2nd floor, 3rd floor, etc.');
floorSelect.on('choose', function () {
if (rs.hasLocalStorage()) {
window.localStorage.setItem(FLOORNUMBER_LS, floorSelect.findSelectedItem().getData());
}
});

closeButton = new OO.ui.ButtonInputWidget({ label: 'Close', flags: 'destructive'});

$content = $('<div>');
$content
.addClass('appearance-modal')
.append(
$('<div>')
.addClass('reader-mode')
.append(
floorSelect.$element,
$('<div>').addClass('setting-header floornumber-header').text('Floor numbering'),
$('<p>').addClass('floornumber-desc').text(floorSelectHelp)
),
$('<div>')
.addClass('appearance-save')
.append(
$('<p>').addClass('save-button-desc').html('<a href="https://weirdgloop.org/privacy">Cookies</a> are used to personalise the wiki.'),
$('<div>').addClass('save-button-container')
.append(closeButton.$element)
)
);

var initModal = function (modal) {
modal.$body.append( $content );
closeButton.on('click', function(modal){window.OOUIWindowManager.closeWindow(modal);}, [modal]);
};

rs.createOOUIWindow('floorNumber', 'Floor numbering', {size: 'large', classes: ['rsw-skin-toggle-popup']}, initModal, true, true);
}
}

mw.loader.using(['ext.gadget.rsw-util'], function () {
$(self.init);
})

}(jQuery, mediaWiki, rswiki));

MediaWiki:Vector-theme-browntown.css

2025-02-27T13:32:45Z

User: Created page with "/* <pre> */ html:has(body.wgl-theme-browntown) { color-scheme: dark; } body.wgl-theme-browntown { color-scheme: dark; --body-background-image: url('filepath://Old_School_RuneScape_Wiki_background_brown_darkmode.jpg'); --body-background-color: #1b1612; --body-main: #28221d; --body-light: #3e362f; --body-mid: #312a25; --body-dark: #312a25; --body-border: #736559; --link-color: #b79d7e; --background-link-color: var(--link-color);..."

/* <pre> */
html:has(body.wgl-theme-browntown) {
color-scheme: dark;
}

body.wgl-theme-browntown {
color-scheme: dark;
--body-background-image: url('filepath://Old_School_RuneScape_Wiki_background_brown_darkmode.jpg');
--body-background-color: #1b1612;
--body-main: #28221d;
--body-light: #3e362f;
--body-mid: #312a25;
--body-dark: #312a25;
--body-border: #736559;
--link-color: #b79d7e;
--background-link-color: var(--link-color);
--redlink-color: #f26d60;
--text-color: #f4eaea;
--background-text-color: #f4eaea;
--byline-color: #a4a1a1;
--subtle-color: var(--byline-color);
--search-box: var(--body-light);
--admin-blue: #0087ff;
--bearcat-green: #00ff55;
--awb-purple: #f319ff;
--sidebar: var(--body-border);
--button-background: #7c6658;
--button-dark: var(--button-background);
--button-border: var(--button-background);
--button-light: var(--button-background);
--wikitable-header-bg: #312a25;
--wikitable-border: #28221d;
--wikitable-bg: #3e362f;
--wikitable-bg-lighter: #4a4038;
--wikitable-color: var(--text-color);
--wikitable-alternating-bg: #372e27;
--table-na-background: rgba(0, 0, 0, 0.2);
--table-na-color: var(--subtle-color);
--table-yes-background: #2e5e05;
--table-yes-color: #c3e8a3;
--table-no-background: #801c13;
--table-no-color: #fbc0ba;
--table-maybe-background: #786300;
--table-maybe-color: #fcea94;
--droptable-text-color: #fff;
--droptable-always-background: #0b5884;
--droptable-common-background: #3c780a;
--droptable-uncommon-background: #a48900;
--droptable-rare-background: #b55e0c;
--droptable-veryrare-background: #9f261e;
--droptable-random-background: #984c89;
--ooui-text: #f4eaea;
--ooui-interface: #312a25;
--ooui-interface-border: #483e37;
--ooui-window-background: rgba(25, 25, 25, 0.6);
--ooui-input: #3e362f;
--ooui-input-border: #554a41;
--ooui-input-border--hover: #6c5e52;
--ooui-normal: #3e362f;
--ooui-normal--hover: #4a4038;
--ooui-normal-border: #554a41;
--ooui-progressive: #7c6658;
--ooui-progressive--hover: #987f6f;
--ooui-accent: var(--link-color);
--ooui-disabled: #888888;
--ooui-disabled-border: #888888;
--ooui-disabled-text: var(--ooui-text);
--ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
--tile-border-color: var(--body-border);
--tile-background-color: var(--body-light);
--tile-link-button-color: #312a25;
--tile-link-button-highlight-color: #403630;
--tile-dark-color: #fff;
--tile-dark-bg: #5d6773;
--tile-dark-link-color: #ccc;
--tile-dark-byline-color: rgba(255, 255, 255, 0.7);
--tile-dark-header-color: #fff;
--documentation-background: var(--body-light);
--documentation-border: var(--sidebar);
--documentation-link-color: var(--link-color);
--documentation-headers-color: var(--text-color);
--documentation-header-background: var(--body-dark);
--documentation-subheader-background: #2b2521;
--base-text-color: var(--text-color);
--base-heading-color: var(--text-color);
--base-heading-border: var(--sidebar);
--mainpage-recent-updates-description-color: var(--text-color);
--thumb-bg: var(--body-mid);
--thumb-caption-bg: var(--body-light);
--diff-context-border-color: var(--body-mid);
--diff-context-background: var(--body-mid);
--diff-addedline-background: #438ab5;
--diff-addedline-border-color: #438ab5;
--diff-addedline-color: #fff;
--diff-deletedline-background: #379541;
--diff-deletedline-border-color: #379541;
--diff-deletedline-color: #fff;
--diff-inline-deletedline: #9f261e;
--errorbox-bg: #801c13;
--errorbox-border: #9f261e;
--warningbox-bg: var(--errorbox-bg);
--warningbox-border: var(--errorbox-border);
--successbox-bg: #2e5e05;
--successbox-border: #3c780a;
--messagebox-obsolete-background: #464646;
--messagebox-obsolete-border: #333;
--messagebox-obsolete-color: #ddd;
--messagebox-obsolete-link-color: #bbb;
--messagebox-info-background: var(--messagebox-obsolete-background);
--messagebox-info-border: var(--messagebox-obsolete-border);
--messagebox-info-color: var(--messagebox-obsolete-color);
--messagebox-info-link-color: var(--messagebox-obsolete-link-color);
--messagebox-action-background: #45697d;
--messagebox-action-border: #2d5266;
--messagebox-action-color: var(--text-color);
--messagebox-action-link-color: #b8d5e5;
--messagebox-warn-background: #95271b;
--messagebox-warn-border: #6b130a;
--messagebox-warn-color: #f8ebe9;
--messagebox-warn-link-color: #e8b8b3;
--messagebox-safe-background: #1b8408;
--messagebox-safe-border: #126802;
--messagebox-safe-color: #e9f6e7;
--messagebox-safe-link-color: #c1e0bb;
--messagebox-disambig-background: var(--messagebox-obsolete-background);
--messagebox-disambig-border: var(--messagebox-obsolete-border);
--messagebox-disambig-color: var(--messagebox-obsolete-color);
--messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);
--mw-code-background-color: var(--body-dark);
--tabber-tab-bg: var(--body-light);
--tabber-tab-border-color: var(--body-border);
--tabber-active-tab-bg: var(--body-light);
--tabber-active-tab-color: var(--text-color);
--tabber-active-tab-hover-bg: var(--body-light);
--tabber-active-tab-hover-border-color: var(--body-border);
--tabber-active-tab-hover-color: var(--text-color);
--tabber-active-tab-border-hider-color: var(--body-light);
--tabber-inactive-tab-bg: var(--body-mid);
--tabber-inactive-tab-border-color: var(--body-border);
--tabber-inactive-tab-color: var(--text-color);
--tabber-inactive-tab-hover-bg: var(--body-light);
--tabber-inactive-tab-hover-border-color: var(--body-border);
--scribuntoconsole-input: #3ea6e6;
--scibuntoconsole-print: #f9d000;
--scribuntoconsole-error: #ee4231;
--scribuntoconsole-message: #6bc71f;
--scribuntoconsole-tabcomplete: #855cd8;
--scribuntoconsole-clear: #ee4231;
--blockquote-color: var(--text-color);
--coins-color: #6bc71f;
--coins-pos-color: #3ea6e6;
--coins-neg-color: #ee4231;
--questdetails-header-background: var(--body-dark);
--questdetails-header-background-alt: var(--body-dark);
--fact-text-color: #3ea6e6;
--production-selected-background: #3c780a;
--production-selected-color: #fff;
--wikipedia-border: var(--body-border);
--wikipedia-background: var(--body-light);
--keypress-background: var(--body-light);
--keypress-border: var(--body-border);
--keypress-color: var(--text-color);
--ajaxpoll-background: var(--body-light);
--ajaxpoll-text-color: var(--base-text-color);
--ajaxpoll-answerbar-background: var(--body-mid);
--ajaxpoll-answerbar-border: var(--body-border);
--rc-negative-color: #ee4231;
--rc-positive-color: #6bc71f;
--filter-black-to-link: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(377%) hue-rotate(352deg) brightness(87%) contrast(89%);
--transcript-border-color: #736559;
--transcript-border-hover-color: #9b8b7e;
--transcript-strikethrough-color: #fff;
--navbox-background: var(--body-light);
--navbox-border: var(--body-main);
--navbox-title-background: var(--body-dark);
--navbox-footer-background: var(--navbox-title-background);
--navbox-group-title-background: var(--navbox-title-background);
--infobox-bg: var(--body-light);
--infobox-border: var(--body-border);
--infobox-header: var(--body-dark);
--infobox-subheader: var(--body-mid);
--infobox-text-color: var(--text-color);
--infobox-room-poh-color: #444e5a;
--sourceeditor-input-background: var(--body-mid);
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--body-mid);
--sourceeditor-border: var(--body-main);
--codemirror-gutter-background: var(--body-light);
--toc-bg: var(--body-light);
--toc-title-bg: var(--body-dark);
--toc-border-color: var(--body-border);
--toc-list-border-color: var(--body-border);
--vector-tab-background: #312a25;
--vector-tab-background--hover: #3d342e;
--vector-tab-link-color: var(--background-link-color);
--lighttable-bg-hover: #3c780a;
--lighttable-bg-active: #2e5e05;
--lighttable-link-color: #c3e8a3;
--personal-links-bg: rgba(27, 22, 18, 0.75);
--tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);
--tbz-unlocked-border-color: #00e417;
--tbz-locked-background-color: #8a2525;
--tbz-locked-border-color: #b32828;
--tbz-partial-unlock-background: #5a5a5a;
--tbz-partial-unlock-border-color: #13421e;
--echo-icon-moon-bg-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%23f4eaea' fill-rule='evenodd'/%3E%3C/svg%3E");
--echo-icon-person-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13.836' viewBox='0 0 12 13.836'%3E%3Cpath fill='%23f4eaea' d='M1.938,6.656c-1.32,1.485-1.47,3.15-0.97,4.25c0.323,0.707,0.78,1.127,1.313,1.375 c0.496,0.229,1.074,0.273,1.658,0.282c0.023,0,0.04,0.03,0.062,0.03h4.187c0.61,0,1.225-0.125,1.75-0.405 c0.527-0.28,0.961-0.718,1.188-1.376c0.335-0.964,0.175-2.529-1.094-4.03C9.094,7.954,7.68,8.719,6.065,8.719 c-1.677,0-3.182-0.812-4.125-2.063H1.938z'/%3E%3Cpath fill='%23f4eaea' d='M6.063,0c-1.89,0-3.595,1.674-3.594,3.563C2.467,5.45,4.173,7.155,6.06,7.155 c1.89,0,3.564-1.705,3.563-3.593C9.625,1.673,7.95,0,6.063,0L6.063,0z'/%3E%3C/svg%3E");
--echo-icon-bell-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E bell %3C/title%3E%3Cpath fill='%23f4eaea' d='M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z'/%3E%3C/svg%3E");
--echo-icon-tray-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23f4eaea' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E");
--echo-icon-fullscreen-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%23f4eaea'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
--echo-icon-exitFullscreen-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%23f4eaea'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
--searchbutton-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23b79d7e' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8z'/%3E%3C/svg%3E");
--arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23f4eaea'/%3E%3C/svg%3E");
--watch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%23b79d7e' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A");
--unwatch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23b79d7e' stroke='%23b79d7e' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A");
--external-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b79d7e' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
--ul-list-style-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='13'%3E%3Ccircle cx='2.5' cy='9' r='2.5' fill='%23f4eaea'/%3E%3C/svg%3E");
}

body.wgl-theme-browntown select,
body.wgl-theme-browntown textarea {
background: var(--body-light);
border: 1px solid var(--body-border);
color: var(--text-color);
}

body.wgl-theme-browntown .mw-highlight pre {
background-color: var(--mw-code-background-color);
}

body.wgl-theme-browntown .mw-highlight pre .hll {
background-color: #49483e;
}

body.wgl-theme-browntown .mw-highlight pre .c {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .err {
color: #960050;
}

body.wgl-theme-browntown .mw-highlight pre .k {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .l {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .n {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .o {
color: #f92672;
}

body.wgl-theme-browntown .mw-highlight pre .p {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .ch {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .cm {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .cp {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .cpf {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .c1 {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .cs {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .gd {
color: #f92672;
}

body.wgl-theme-browntown .mw-highlight pre .ge {
font-style: italic;
}

body.wgl-theme-browntown .mw-highlight pre .gi {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .gs {
font-weight: bold;
}

body.wgl-theme-browntown .mw-highlight pre .gu {
color: #949eaa;
}

body.wgl-theme-browntown .mw-highlight pre .kc {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .kd {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .kn {
color: #f92672;
}

body.wgl-theme-browntown .mw-highlight pre .kp {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .kr {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .kt {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .ld {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .m {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .s {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .na {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .nb {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .nc {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .no {
color: #66d9ef;
}

body.wgl-theme-browntown .mw-highlight pre .nd {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .ni {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .ne {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .nf {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .nl {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .nn {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .nx {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .py {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .nt {
color: #f92672;
}

body.wgl-theme-browntown .mw-highlight pre .nv {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .ow {
color: #f92672;
}

body.wgl-theme-browntown .mw-highlight pre .w {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .mb {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .mf {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .mh {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .mi {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .mo {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .sa {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .sb {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .sc {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .dl {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .sd {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .s2 {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .se {
color: #ae81ff;
}

body.wgl-theme-browntown .mw-highlight pre .sh {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .si {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .sx {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .sr {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .s1 {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .ss {
color: #e6db74;
}

body.wgl-theme-browntown .mw-highlight pre .bp {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .fm {
color: #a6e22e;
}

body.wgl-theme-browntown .mw-highlight pre .vc {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .vg {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .vi {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .vm {
color: #f8f8f2;
}

body.wgl-theme-browntown .mw-highlight pre .il {
color: #ae81ff;
}

body.wgl-theme-browntown .ace-tm .ace_gutter,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter {
background: #3e362f;
color: #f4eaea;
}

body.wgl-theme-browntown .ace-tm .ace_print-margin,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_print-margin {
background: #555651;
}

body.wgl-theme-browntown .ace-tm,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm {
background-color: #312a25;
color: #f8f8f2;
}

body.wgl-theme-browntown .ace-tm .ace_cursor,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_cursor {
color: #f8f8f0;
}

body.wgl-theme-browntown .ace-tm .ace_marker-layer .ace_selection,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selection {
background: #4e433b;
}

body.wgl-theme-browntown .ace-tm.ace_multiselect .ace_selection.ace_start,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px #4e433b;
}

body.wgl-theme-browntown .ace-tm .ace_marker-layer .ace_step,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_step {
background: #665200;
}

body.wgl-theme-browntown .ace-tm .ace_marker-layer .ace_bracket,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_bracket {
border: 1px solid #49483e;
}

body.wgl-theme-browntown .ace-tm .ace_marker-layer .ace_active-line,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_active-line {
background: #403630;
}

body.wgl-theme-browntown .ace-tm .ace_gutter-active-line,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter-active-line {
background-color: #5b4f45;
}

body.wgl-theme-browntown .ace-tm .ace_marker-layer .ace_selected-word,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selected-word {
border: 1px solid #49483e;
background: #49483e;
}

body.wgl-theme-browntown .ace-tm .ace_invisible,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_invisible {
color: #52524d;
}

body.wgl-theme-browntown .ace-tm .ace_entity.ace_name.ace_tag,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_tag,
body.wgl-theme-browntown .ace-tm .ace_keyword,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword,
body.wgl-theme-browntown .ace-tm .ace_meta.ace_tag,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_meta.ace_tag,
body.wgl-theme-browntown .ace-tm .ace_storage,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_storage {
color: #f92672;
}

body.wgl-theme-browntown .ace-tm .ace_punctuation,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation,
body.wgl-theme-browntown .ace-tm .ace_punctuation.ace_tag,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation.ace_tag {
color: #fff;
}

body.wgl-theme-browntown .ace-tm .ace_constant.ace_character,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_character,
body.wgl-theme-browntown .ace-tm .ace_constant.ace_language,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_language,
body.wgl-theme-browntown .ace-tm .ace_constant.ace_numeric,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_numeric,
body.wgl-theme-browntown .ace-tm .ace_constant.ace_other,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_other {
color: #ae81ff;
}

body.wgl-theme-browntown .ace-tm .ace_invalid,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid {
color: #f8f8f0;
background-color: #f92672;
}

body.wgl-theme-browntown .ace-tm .ace_invalid.ace_deprecated,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid.ace_deprecated {
color: #f8f8f0;
background-color: #ae81ff;
}

body.wgl-theme-browntown .ace-tm .ace_support.ace_constant,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_constant,
body.wgl-theme-browntown .ace-tm .ace_support.ace_function,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_function {
color: #66d9ef;
}

body.wgl-theme-browntown .ace-tm .ace_fold,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_fold {
background-color: #a6e22e;
border-color: #d8d8d2;
}

body.wgl-theme-browntown .ace-tm .ace_storage.ace_type,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_storage.ace_type,
body.wgl-theme-browntown .ace-tm .ace_support.ace_class,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_class,
body.wgl-theme-browntown .ace-tm .ace_support.ace_type,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_type {
color: #66d9ef;
}

body.wgl-theme-browntown .ace-tm .ace_entity.ace_name.ace_function,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_function,
body.wgl-theme-browntown .ace-tm .ace_entity.ace_other,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other,
body.wgl-theme-browntown .ace-tm .ace_entity.ace_other.ace_attribute-name,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other.ace_attribute-name,
body.wgl-theme-browntown .ace-tm .ace_variable,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_variable {
color: #a6e22e;
}

body.wgl-theme-browntown .ace-tm .ace_variable.ace_parameter,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_variable.ace_parameter {
color: #fd971f;
}

body.wgl-theme-browntown .ace-tm .ace_string,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_string {
color: #e6db74;
}

body.wgl-theme-browntown .ace-tm .ace_keyword.ace_operator,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword.ace_operator {
color: #949eaa;
}

body.wgl-theme-browntown .ace-tm .ace_comment,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_comment {
color: #949eaa;
}

body.wgl-theme-browntown .ace-tm .ace_indent-guide,
body.wgl-theme-browntown .ve-ui-mwAceEditorWidget .ace-tm .ace_indent-guide {
background: none;
border-right: solid 1px #4e433b;
margin-left: -1px;
}

body.wgl-theme-browntown .CodeMirror {
background: #312a25;
caret-color: #61afef;
}

body.wgl-theme-browntown .CodeMirror pre {
color: #f4eaea;
}

body.wgl-theme-browntown .ve-init-mw-desktopArticleTarget .CodeMirror {
background: transparent;
}

body.wgl-theme-browntown .CodeMirror-cursor {
border-left-color: #61afef;
}

body.wgl-theme-browntown pre.cm-mw-section-1,
body.wgl-theme-browntown pre.cm-mw-section-2,
body.wgl-theme-browntown pre.cm-mw-section-3,
body.wgl-theme-browntown pre.cm-mw-section-4,
body.wgl-theme-browntown pre.cm-mw-section-5,
body.wgl-theme-browntown pre.cm-mw-section-6 {
color: #fff;
}

body.wgl-theme-browntown pre.cm-mw-section-1 {
font-size: 1.7em;
}

body.wgl-theme-browntown pre.cm-mw-section-2 {
font-size: 1.35em;
}

body.wgl-theme-browntown pre.cm-mw-section-3 {
font-size: 1.1em;
}

body.wgl-theme-browntown .cm-mw-section-header {
color: #84be5b;
}

body.wgl-theme-browntown .cm-mw-apostrophes-bold,
body.wgl-theme-browntown .cm-mw-apostrophes-italic,
body.wgl-theme-browntown .cm-mw-doubleUnderscore,
body.wgl-theme-browntown .cm-mw-indenting,
body.wgl-theme-browntown .cm-mw-signature,
body.wgl-theme-browntown .cm-mw-hr,
body.wgl-theme-browntown .cm-mw-list {
color: #3b9ff1;
}

body.wgl-theme-browntown .cm-mw-doubleUnderscore,
body.wgl-theme-browntown .cm-mw-indenting,
body.wgl-theme-browntown .cm-mw-signature,
body.wgl-theme-browntown .cm-mw-hr,
body.wgl-theme-browntown .cm-mw-list {
background: rgba(97, 175, 239, 0.1);
}

body.wgl-theme-browntown .cm-mw-skipformatting {
background: rgba(97, 175, 239, 0.5);
}

body.wgl-theme-browntown .cm-mw-mnemonic {
color: #98c379;
}

body.wgl-theme-browntown .cm-mw-comment {
color: #f4eaea;
opacity: 0.7;
}

body.wgl-theme-browntown .cm-mw-link-pagename,
body.wgl-theme-browntown .cm-mw-link,
body.wgl-theme-browntown .cm-mw-extlink,
body.wgl-theme-browntown .cm-mw-free-extlink {
color: #61afef;
}

body.wgl-theme-browntown .cm-mw-link-tosection,
body.wgl-theme-browntown .cm-mw-extlink-protocol,
body.wgl-theme-browntown .cm-mw-free-extlink-protocol {
color: #85bfef;
}

body.wgl-theme-browntown .cm-mw-link-bracket,
body.wgl-theme-browntown .cm-mw-link-delimiter,
body.wgl-theme-browntown .cm-mw-extlink-bracket {
color: #3b9ff1;
}

body.wgl-theme-browntown .cm-mw-template-bracket,
body.wgl-theme-browntown .cm-mw-template-delimiter {
color: #c78343;
}

body.wgl-theme-browntown .cm-mw-template-name,
body.wgl-theme-browntown .cm-mw-template-argument-name {
color: #ca9564;
}

body.wgl-theme-browntown .cm-mw-template {
color: #cfa783;
}

body.wgl-theme-browntown .cm-mw-table-bracket,
body.wgl-theme-browntown .cm-mw-table-delimiter {
color: #3bacba;
}

body.wgl-theme-browntown .cm-mw-table-definition {
color: #56b6c2;
}

body.wgl-theme-browntown .cm-mw-templatevariable-bracket,
body.wgl-theme-browntown .cm-mw-templatevariable-delimiter {
color: #bd56db;
}

body.wgl-theme-browntown .cm-mw-templatevariable-name,
body.wgl-theme-browntown .cm-mw-templatevariable {
color: #c678dd;
}

body.wgl-theme-browntown .cm-mw-parserfunction-bracket {
color: #de4955;
}

body.wgl-theme-browntown .cm-mw-parserfunction-name,
body.wgl-theme-browntown .cm-mw-parserfunction-delimiter {
color: #df6c75;
}

body.wgl-theme-browntown .CodeMirror-selected {
background-color: rgba(183, 157, 126, 0.1);
}

.CodeMirror-focused body.wgl-theme-browntown .CodeMirror-selected {
background-color: rgba(183, 157, 126, 0.2);
}

body.wgl-theme-browntown .CodeMirror-line::selection,
body.wgl-theme-browntown .CodeMirror-line > span::selection,
body.wgl-theme-browntown .CodeMirror-line > span > span::selection {
background: rgba(183, 157, 126, 0.2);
}

body.wgl-theme-browntown .CodeMirror-line::-moz-selection,
body.wgl-theme-browntown .CodeMirror-line > span::-moz-selection,
body.wgl-theme-browntown .CodeMirror-line > span > span::-moz-selection {
background: rgba(183, 157, 126, 0.2);
}

body.wgl-theme-browntown .cm-mw-htmltag-bracket,
body.wgl-theme-browntown .cm-mw-exttag-bracket {
color: #84be5b;
}

body.wgl-theme-browntown .cm-mw-htmltag-name,
body.wgl-theme-browntown .cm-mw-htmltag-attribute,
body.wgl-theme-browntown .cm-mw-exttag-name,
body.wgl-theme-browntown .cm-mw-exttag-attribute {
color: #98c379;
}

body.wgl-theme-browntown pre.cm-mw-exttag {
background: rgba(255, 255, 255, 0.05);
}

body.wgl-theme-browntown .cm-mw-matchingbracket {
background-color: #3e362f;
box-shadow: inset 0 0 1px 0 #61afef;
}

body.wgl-theme-browntown .oo-ui-iconElement-icon:not(.oo-ui-image-destructive, .oo-ui-image-warning, .oo-ui-image-progressive, .oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-invert, .mw-no-invert),
body.wgl-theme-browntown .oo-ui-indicatorElement-indicator,
body.wgl-theme-browntown .mwe-math-element img,
body.wgl-theme-browntown .mw-ui-icon:before,
body.wgl-theme-browntown .cdx-button__icon,
body.wgl-theme-browntown .popups-icon,
body.wgl-theme-browntown .soft-redirect > div:nth-child(1) img {
filter: invert(1) hue-rotate(180deg);
}

.client-js body.wgl-theme-browntown .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
body.wgl-theme-browntown .jquery-tablesorter th.headerSort {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='9' viewBox='0 0 21 9'%3E%3Cg fill='%23f4eaea'%3E%3Cpath d='M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z'/%3E%3C/g%3E%3C/svg%3E");
}

body.wgl-theme-browntown .jquery-tablesorter th.headerSortUp {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23f4eaea'%3E%3Cpath d='M6.5 4l4-4 4 4z'/%3E%3C/g%3E%3C/svg%3E");
}

body.wgl-theme-browntown .jquery-tablesorter th.headerSortDown {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23f4eaea'%3E%3Cpath d='M14.5 0l-4 4-4-4z'/%3E%3C/g%3E%3C/svg%3E");
}

MediaWiki:Vector-darkmode.css

2025-02-27T13:28:41Z

User: Created page with "/* <pre> */ html:has(body.wgl-theme-dark) { color-scheme: dark; } body.wgl-theme-dark { color-scheme: dark; --body-background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); --body-background-color: #071022; --body-main: #172136; --body-light: #313e59; --body-mid: #222e45; --body-dark: #222e45; --body-border: #596e96; --link-color: #8cabe6; --background-link-color: var(--link-color); --redlink-c..."

/* <pre> */
html:has(body.wgl-theme-dark) {
color-scheme: dark;
}

body.wgl-theme-dark {
color-scheme: dark;
--body-background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg');
--body-background-color: #071022;
--body-main: #172136;
--body-light: #313e59;
--body-mid: #222e45;
--body-dark: #222e45;
--body-border: #596e96;
--link-color: #8cabe6;
--background-link-color: var(--link-color);
--redlink-color: #f26d60;
--text-color: #cbd9f4;
--background-text-color: #cbd9f4;
--byline-color: #98a2b6;
--subtle-color: var(--byline-color);
--search-box: var(--body-light);
--admin-blue: #0087ff;
--bearcat-green: #00ff55;
--awb-purple: #f319ff;
--sidebar: #596e96;
--button-background: #617ebc;
--button-dark: #617ebc;
--button-border: #617ebc;
--button-light: #617ebc;
--wikitable-header-bg: #222e45;
--wikitable-border: #172136;
--wikitable-bg: #313e59;
--wikitable-bg-lighter: #384766;
--wikitable-color: var(--text-color);
--wikitable-alternating-bg: #2a3651;
--table-na-background: rgba(0, 0, 0, 0.2);
--table-na-color: var(--subtle-color);
--table-yes-background: #2e5e05;
--table-yes-color: #c3e8a3;
--table-no-background: #801c13;
--table-no-color: #fbc0ba;
--table-maybe-background: #786300;
--table-maybe-color: #fcea94;
--droptable-text-color: #fff;
--droptable-always-background: #0b5884;
--droptable-common-background: #3c780a;
--droptable-uncommon-background: #a48900;
--droptable-rare-background: #b55e0c;
--droptable-veryrare-background: #9f261e;
--droptable-random-background: #984c89;
--ooui-text: #cbd9f4;
--ooui-interface: #222e45;
--ooui-interface-border: #2f4060;
--ooui-window-background: rgba(25, 25, 25, 0.6);
--ooui-input: #384766;
--ooui-input-border: #475980;
--ooui-input-border--hover: #556c9b;
--ooui-normal: #313e59;
--ooui-normal--hover: #384766;
--ooui-normal-border: #3f5073;
--ooui-progressive: #617ebc;
--ooui-progressive--hover: #859bcb;
--ooui-accent: var(--link-color);
--ooui-disabled: #8992a4;
--ooui-disabled-border: #8992a4;
--ooui-disabled-text: var(--ooui-text);
--ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
--tile-border-color: var(--body-border);
--tile-background-color: var(--body-light);
--tile-link-button-color: var(--body-mid);
--tile-link-button-highlight-color: #2a3956;
--tile-dark-color: #fff;
--tile-dark-bg: #5d6773;
--tile-dark-link-color: #ccc;
--tile-dark-byline-color: rgba(255, 255, 255, 0.7);
--tile-dark-header-color: #fff;
--documentation-background: var(--body-light);
--documentation-border: var(--sidebar);
--documentation-link-color: var(--link-color);
--documentation-headers-color: var(--text-color);
--documentation-header-background: var(--body-dark);
--documentation-subheader-background: #1f293e;
--base-text-color: var(--text-color);
--base-heading-color: var(--text-color);
--base-heading-border: var(--sidebar);
--mainpage-recent-updates-description-color: var(--text-color);
--thumb-bg: var(--body-mid);
--thumb-caption-bg: var(--body-light);
--diff-context-border-color: var(--body-mid);
--diff-context-background: var(--body-mid);
--diff-addedline-background: #438ab5;
--diff-addedline-border-color: #438ab5;
--diff-addedline-color: #fff;
--diff-deletedline-background: #379541;
--diff-deletedline-border-color: #379541;
--diff-deletedline-color: #fff;
--diff-inline-deletedline: #9f261e;
--errorbox-bg: #801c13;
--errorbox-border: #9f261e;
--warningbox-bg: var(--errorbox-bg);
--warningbox-border: var(--errorbox-border);
--successbox-bg: #2e5e05;
--successbox-border: #3c780a;
--messagebox-obsolete-background: #464646;
--messagebox-obsolete-border: #333;
--messagebox-obsolete-color: #ddd;
--messagebox-obsolete-link-color: #bbb;
--messagebox-info-background: var(--messagebox-obsolete-background);
--messagebox-info-border: var(--messagebox-obsolete-border);
--messagebox-info-color: var(--messagebox-obsolete-color);
--messagebox-info-link-color: var(--messagebox-obsolete-link-color);
--messagebox-action-background: #45697d;
--messagebox-action-border: #2d5266;
--messagebox-action-color: var(--text-color);
--messagebox-action-link-color: #b8d5e5;
--messagebox-warn-background: #95271b;
--messagebox-warn-border: #6b130a;
--messagebox-warn-color: #f8ebe9;
--messagebox-warn-link-color: #e8b8b3;
--messagebox-safe-background: #1b8408;
--messagebox-safe-border: #126802;
--messagebox-safe-color: #e9f6e7;
--messagebox-safe-link-color: #c1e0bb;
--messagebox-disambig-background: var(--messagebox-obsolete-background);
--messagebox-disambig-border: var(--messagebox-obsolete-border);
--messagebox-disambig-color: var(--messagebox-obsolete-color);
--messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);
--mw-code-background-color: #222e45;
--tabber-tab-bg: var(--body-light);
--tabber-tab-border-color: var(--body-border);
--tabber-active-tab-bg: var(--body-light);
--tabber-active-tab-color: var(--text-color);
--tabber-active-tab-hover-bg: var(--body-light);
--tabber-active-tab-hover-border-color: var(--body-border);
--tabber-active-tab-hover-color: var(--text-color);
--tabber-active-tab-border-hider-color: var(--body-light);
--tabber-inactive-tab-bg: var(--body-mid);
--tabber-inactive-tab-border-color: var(--body-border);
--tabber-inactive-tab-color: var(--text-color);
--tabber-inactive-tab-hover-bg: var(--body-light);
--tabber-inactive-tab-hover-border-color: var(--body-border);
--scribuntoconsole-input: #3ea6e6;
--scibuntoconsole-print: #f9d000;
--scribuntoconsole-error: #ee4231;
--scribuntoconsole-message: #6bc71f;
--scribuntoconsole-tabcomplete: #855cd8;
--scribuntoconsole-clear: #ee4231;
--blockquote-color: var(--text-color);
--coins-color: #6bc71f;
--coins-pos-color: #3ea6e6;
--coins-neg-color: #ee4231;
--questdetails-header-background: var(--body-dark);
--questdetails-header-background-alt: var(--body-dark);
--fact-text-color: #3ea6e6;
--production-selected-background: #3c780a;
--production-selected-color: #fff;
--wikipedia-border: var(--body-border);
--wikipedia-background: var(--body-light);
--keypress-background: var(--body-light);
--keypress-border: var(--body-border);
--keypress-color: var(--text-color);
--ajaxpoll-background: var(--body-light);
--ajaxpoll-text-color: var(--base-text-color);
--ajaxpoll-answerbar-background: var(--body-mid);
--ajaxpoll-answerbar-border: var(--body-border);
--rc-negative-color: #ee4231;
--rc-positive-color: #6bc71f;
--filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);
--transcript-border-color: #596e96;
--transcript-border-hover-color: #8596b7;
--transcript-strikethrough-color: #fff;
--navbox-background: var(--body-light);
--navbox-border: var(--body-main);
--navbox-title-background: var(--body-dark);
--navbox-footer-background: var(--navbox-title-background);
--navbox-group-title-background: var(--navbox-title-background);
--infobox-bg: var(--body-light);
--infobox-border: var(--body-border);
--infobox-header: var(--body-dark);
--infobox-subheader: var(--body-mid);
--infobox-text-color: var(--text-color);
--infobox-room-poh-color: #444e5a;
--sourceeditor-input-background: var(--body-mid);
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--body-mid);
--sourceeditor-border: var(--body-main);
--codemirror-gutter-background: var(--body-light);
--toc-bg: var(--body-light);
--toc-title-bg: var(--body-dark);
--toc-border-color: var(--body-border);
--toc-list-border-color: var(--body-border);
--vector-tab-background: #222e45;
--vector-tab-background--hover: #293753;
--vector-tab-link-color: var(--background-link-color);
--lighttable-bg-hover: #3c780a;
--lighttable-bg-active: #2e5e05;
--lighttable-link-color: #c3e8a3;
--personal-links-bg: rgba(7, 16, 34, 0.75);
--tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);
--tbz-unlocked-border-color: #00e417;
--tbz-locked-background-color: #8a2525;
--tbz-locked-border-color: #b32828;
--tbz-partial-unlock-background: #5a5a5a;
--tbz-partial-unlock-border-color: #13421e;
--echo-icon-moon-bg-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%23cbd9f4' fill-rule='evenodd'/%3E%3C/svg%3E");
--echo-icon-person-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13.836' viewBox='0 0 12 13.836'%3E%3Cpath fill='%23cbd9f4' d='M1.938,6.656c-1.32,1.485-1.47,3.15-0.97,4.25c0.323,0.707,0.78,1.127,1.313,1.375 c0.496,0.229,1.074,0.273,1.658,0.282c0.023,0,0.04,0.03,0.062,0.03h4.187c0.61,0,1.225-0.125,1.75-0.405 c0.527-0.28,0.961-0.718,1.188-1.376c0.335-0.964,0.175-2.529-1.094-4.03C9.094,7.954,7.68,8.719,6.065,8.719 c-1.677,0-3.182-0.812-4.125-2.063H1.938z'/%3E%3Cpath fill='%23cbd9f4' d='M6.063,0c-1.89,0-3.595,1.674-3.594,3.563C2.467,5.45,4.173,7.155,6.06,7.155 c1.89,0,3.564-1.705,3.563-3.593C9.625,1.673,7.95,0,6.063,0L6.063,0z'/%3E%3C/svg%3E");
--echo-icon-bell-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E bell %3C/title%3E%3Cpath fill='%23cbd9f4' d='M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z'/%3E%3C/svg%3E");
--echo-icon-tray-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23cbd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E");
--echo-icon-cog-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E settings %3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath fill='%23cbd9f4' id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath fill='%23cbd9f4' d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E%0A");
--echo-icon-fullscreen-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
--echo-icon-exitFullscreen-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
--searchbutton-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%238cabe6' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8z'/%3E%3C/svg%3E");
--arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23cbd9f4'/%3E%3C/svg%3E");
--watch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A");
--unwatch-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A");
--external-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
--ul-list-style-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='13'%3E%3Ccircle cx='2.5' cy='9' r='2.5' fill='%23cbd9f4'/%3E%3C/svg%3E");
}

body.wgl-theme-dark select,
body.wgl-theme-dark textarea {
background: var(--body-light);
border: 1px solid var(--body-border);
color: var(--text-color);
}

body.wgl-theme-dark .mw-highlight pre {
background-color: var(--mw-code-background-color);
}

body.wgl-theme-dark .mw-highlight pre .hll {
background-color: #49483e;
}

body.wgl-theme-dark .mw-highlight pre .c {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .err {
color: #960050;
}

body.wgl-theme-dark .mw-highlight pre .k {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .l {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .n {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .o {
color: #f92672;
}

body.wgl-theme-dark .mw-highlight pre .p {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .ch {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .cm {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .cp {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .cpf {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .c1 {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .cs {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .gd {
color: #f92672;
}

body.wgl-theme-dark .mw-highlight pre .ge {
font-style: italic;
}

body.wgl-theme-dark .mw-highlight pre .gi {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .gs {
font-weight: bold;
}

body.wgl-theme-dark .mw-highlight pre .gu {
color: #949eaa;
}

body.wgl-theme-dark .mw-highlight pre .kc {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .kd {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .kn {
color: #f92672;
}

body.wgl-theme-dark .mw-highlight pre .kp {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .kr {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .kt {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .ld {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .m {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .s {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .na {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .nb {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .nc {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .no {
color: #66d9ef;
}

body.wgl-theme-dark .mw-highlight pre .nd {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .ni {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .ne {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .nf {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .nl {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .nn {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .nx {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .py {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .nt {
color: #f92672;
}

body.wgl-theme-dark .mw-highlight pre .nv {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .ow {
color: #f92672;
}

body.wgl-theme-dark .mw-highlight pre .w {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .mb {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .mf {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .mh {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .mi {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .mo {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .sa {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .sb {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .sc {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .dl {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .sd {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .s2 {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .se {
color: #ae81ff;
}

body.wgl-theme-dark .mw-highlight pre .sh {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .si {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .sx {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .sr {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .s1 {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .ss {
color: #e6db74;
}

body.wgl-theme-dark .mw-highlight pre .bp {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .fm {
color: #a6e22e;
}

body.wgl-theme-dark .mw-highlight pre .vc {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .vg {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .vi {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .vm {
color: #f8f8f2;
}

body.wgl-theme-dark .mw-highlight pre .il {
color: #ae81ff;
}

body.wgl-theme-dark .ace-tm .ace_gutter,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter {
background: #313e59;
color: #cbd9f4;
}

body.wgl-theme-dark .ace-tm .ace_print-margin,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_print-margin {
background: #555651;
}

body.wgl-theme-dark .ace-tm,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm {
background-color: #222e45;
color: #f8f8f2;
}

body.wgl-theme-dark .ace-tm .ace_cursor,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_cursor {
color: #f8f8f0;
}

body.wgl-theme-dark .ace-tm .ace_marker-layer .ace_selection,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selection {
background: #334567;
}

body.wgl-theme-dark .ace-tm.ace_multiselect .ace_selection.ace_start,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px #334567;
}

body.wgl-theme-dark .ace-tm .ace_marker-layer .ace_step,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_step {
background: #665200;
}

body.wgl-theme-dark .ace-tm .ace_marker-layer .ace_bracket,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_bracket {
border: 1px solid #49483e;
}

body.wgl-theme-dark .ace-tm .ace_marker-layer .ace_active-line,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_active-line {
background: #2a3956;
}

body.wgl-theme-dark .ace-tm .ace_gutter-active-line,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter-active-line {
background-color: #43557a;
}

body.wgl-theme-dark .ace-tm .ace_marker-layer .ace_selected-word,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selected-word {
border: 1px solid #49483e;
background: #49483e;
}

body.wgl-theme-dark .ace-tm .ace_invisible,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_invisible {
color: #52524d;
}

body.wgl-theme-dark .ace-tm .ace_entity.ace_name.ace_tag,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_tag,
body.wgl-theme-dark .ace-tm .ace_keyword,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword,
body.wgl-theme-dark .ace-tm .ace_meta.ace_tag,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_meta.ace_tag,
body.wgl-theme-dark .ace-tm .ace_storage,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_storage {
color: #f92672;
}

body.wgl-theme-dark .ace-tm .ace_punctuation,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation,
body.wgl-theme-dark .ace-tm .ace_punctuation.ace_tag,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation.ace_tag {
color: #fff;
}

body.wgl-theme-dark .ace-tm .ace_constant.ace_character,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_character,
body.wgl-theme-dark .ace-tm .ace_constant.ace_language,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_language,
body.wgl-theme-dark .ace-tm .ace_constant.ace_numeric,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_numeric,
body.wgl-theme-dark .ace-tm .ace_constant.ace_other,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_other {
color: #ae81ff;
}

body.wgl-theme-dark .ace-tm .ace_invalid,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid {
color: #f8f8f0;
background-color: #f92672;
}

body.wgl-theme-dark .ace-tm .ace_invalid.ace_deprecated,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid.ace_deprecated {
color: #f8f8f0;
background-color: #ae81ff;
}

body.wgl-theme-dark .ace-tm .ace_support.ace_constant,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_constant,
body.wgl-theme-dark .ace-tm .ace_support.ace_function,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_function {
color: #66d9ef;
}

body.wgl-theme-dark .ace-tm .ace_fold,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_fold {
background-color: #a6e22e;
border-color: #d8d8d2;
}

body.wgl-theme-dark .ace-tm .ace_storage.ace_type,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_storage.ace_type,
body.wgl-theme-dark .ace-tm .ace_support.ace_class,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_class,
body.wgl-theme-dark .ace-tm .ace_support.ace_type,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_type {
color: #66d9ef;
}

body.wgl-theme-dark .ace-tm .ace_entity.ace_name.ace_function,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_function,
body.wgl-theme-dark .ace-tm .ace_entity.ace_other,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other,
body.wgl-theme-dark .ace-tm .ace_entity.ace_other.ace_attribute-name,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other.ace_attribute-name,
body.wgl-theme-dark .ace-tm .ace_variable,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_variable {
color: #a6e22e;
}

body.wgl-theme-dark .ace-tm .ace_variable.ace_parameter,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_variable.ace_parameter {
color: #fd971f;
}

body.wgl-theme-dark .ace-tm .ace_string,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_string {
color: #e6db74;
}

body.wgl-theme-dark .ace-tm .ace_keyword.ace_operator,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword.ace_operator {
color: #949eaa;
}

body.wgl-theme-dark .ace-tm .ace_comment,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_comment {
color: #949eaa;
}

body.wgl-theme-dark .ace-tm .ace_indent-guide,
body.wgl-theme-dark .ve-ui-mwAceEditorWidget .ace-tm .ace_indent-guide {
background: none;
border-right: solid 1px #334567;
margin-left: -1px;
}

body.wgl-theme-dark .CodeMirror {
background: #222e45;
caret-color: #61afef;
}

body.wgl-theme-dark .CodeMirror pre {
color: #cbd9f4;
}

body.wgl-theme-dark .ve-init-mw-desktopArticleTarget .CodeMirror {
background: transparent;
}

body.wgl-theme-dark .CodeMirror-cursor {
border-left-color: #61afef;
}

body.wgl-theme-dark pre.cm-mw-section-1,
body.wgl-theme-dark pre.cm-mw-section-2,
body.wgl-theme-dark pre.cm-mw-section-3,
body.wgl-theme-dark pre.cm-mw-section-4,
body.wgl-theme-dark pre.cm-mw-section-5,
body.wgl-theme-dark pre.cm-mw-section-6 {
color: #fff;
}

body.wgl-theme-dark pre.cm-mw-section-1 {
font-size: 1.7em;
}

body.wgl-theme-dark pre.cm-mw-section-2 {
font-size: 1.35em;
}

body.wgl-theme-dark pre.cm-mw-section-3 {
font-size: 1.1em;
}

body.wgl-theme-dark .cm-mw-section-header {
color: #84be5b;
}

body.wgl-theme-dark .cm-mw-apostrophes-bold,
body.wgl-theme-dark .cm-mw-apostrophes-italic,
body.wgl-theme-dark .cm-mw-doubleUnderscore,
body.wgl-theme-dark .cm-mw-indenting,
body.wgl-theme-dark .cm-mw-signature,
body.wgl-theme-dark .cm-mw-hr,
body.wgl-theme-dark .cm-mw-list {
color: #3b9ff1;
}

body.wgl-theme-dark .cm-mw-doubleUnderscore,
body.wgl-theme-dark .cm-mw-indenting,
body.wgl-theme-dark .cm-mw-signature,
body.wgl-theme-dark .cm-mw-hr,
body.wgl-theme-dark .cm-mw-list {
background: rgba(97, 175, 239, 0.1);
}

body.wgl-theme-dark .cm-mw-skipformatting {
background: rgba(97, 175, 239, 0.5);
}

body.wgl-theme-dark .cm-mw-mnemonic {
color: #98c379;
}

body.wgl-theme-dark .cm-mw-comment {
color: #cbd9f4;
opacity: 0.7;
}

body.wgl-theme-dark .cm-mw-link-pagename,
body.wgl-theme-dark .cm-mw-link,
body.wgl-theme-dark .cm-mw-extlink,
body.wgl-theme-dark .cm-mw-free-extlink {
color: #61afef;
}

body.wgl-theme-dark .cm-mw-link-tosection,
body.wgl-theme-dark .cm-mw-extlink-protocol,
body.wgl-theme-dark .cm-mw-free-extlink-protocol {
color: #85bfef;
}

body.wgl-theme-dark .cm-mw-link-bracket,
body.wgl-theme-dark .cm-mw-link-delimiter,
body.wgl-theme-dark .cm-mw-extlink-bracket {
color: #3b9ff1;
}

body.wgl-theme-dark .cm-mw-template-bracket,
body.wgl-theme-dark .cm-mw-template-delimiter {
color: #c78343;
}

body.wgl-theme-dark .cm-mw-template-name,
body.wgl-theme-dark .cm-mw-template-argument-name {
color: #ca9564;
}

body.wgl-theme-dark .cm-mw-template {
color: #cfa783;
}

body.wgl-theme-dark .cm-mw-table-bracket,
body.wgl-theme-dark .cm-mw-table-delimiter {
color: #3bacba;
}

body.wgl-theme-dark .cm-mw-table-definition {
color: #56b6c2;
}

body.wgl-theme-dark .cm-mw-templatevariable-bracket,
body.wgl-theme-dark .cm-mw-templatevariable-delimiter {
color: #bd56db;
}

body.wgl-theme-dark .cm-mw-templatevariable-name,
body.wgl-theme-dark .cm-mw-templatevariable {
color: #c678dd;
}

body.wgl-theme-dark .cm-mw-parserfunction-bracket {
color: #de4955;
}

body.wgl-theme-dark .cm-mw-parserfunction-name,
body.wgl-theme-dark .cm-mw-parserfunction-delimiter {
color: #df6c75;
}

body.wgl-theme-dark .CodeMirror-selected {
background-color: rgba(140, 171, 230, 0.1);
}

.CodeMirror-focused body.wgl-theme-dark .CodeMirror-selected {
background-color: rgba(140, 171, 230, 0.2);
}

body.wgl-theme-dark .CodeMirror-line::selection,
body.wgl-theme-dark .CodeMirror-line > span::selection,
body.wgl-theme-dark .CodeMirror-line > span > span::selection {
background: rgba(140, 171, 230, 0.2);
}

body.wgl-theme-dark .CodeMirror-line::-moz-selection,
body.wgl-theme-dark .CodeMirror-line > span::-moz-selection,
body.wgl-theme-dark .CodeMirror-line > span > span::-moz-selection {
background: rgba(140, 171, 230, 0.2);
}

body.wgl-theme-dark .cm-mw-htmltag-bracket,
body.wgl-theme-dark .cm-mw-exttag-bracket {
color: #84be5b;
}

body.wgl-theme-dark .cm-mw-htmltag-name,
body.wgl-theme-dark .cm-mw-htmltag-attribute,
body.wgl-theme-dark .cm-mw-exttag-name,
body.wgl-theme-dark .cm-mw-exttag-attribute {
color: #98c379;
}

body.wgl-theme-dark pre.cm-mw-exttag {
background: rgba(255, 255, 255, 0.05);
}

body.wgl-theme-dark .cm-mw-matchingbracket {
background-color: #313e59;
box-shadow: inset 0 0 1px 0 #61afef;
}

body.wgl-theme-dark .oo-ui-iconElement-icon:not(.oo-ui-image-destructive, .oo-ui-image-warning, .oo-ui-image-progressive, .oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-invert, .mw-no-invert),
body.wgl-theme-dark .oo-ui-indicatorElement-indicator,
body.wgl-theme-dark .mwe-math-element img,
body.wgl-theme-dark .mw-ui-icon:before,
body.wgl-theme-dark .cdx-button__icon,
body.wgl-theme-dark .popups-icon,
body.wgl-theme-dark .soft-redirect > div:nth-child(1) img {
filter: invert(1) hue-rotate(180deg);
}

.client-js body.wgl-theme-dark .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
body.wgl-theme-dark .jquery-tablesorter th.headerSort {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='9' viewBox='0 0 21 9'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z'/%3E%3C/g%3E%3C/svg%3E");
}

body.wgl-theme-dark .jquery-tablesorter th.headerSortUp {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M6.5 4l4-4 4 4z'/%3E%3C/g%3E%3C/svg%3E");
}

body.wgl-theme-dark .jquery-tablesorter th.headerSortDown {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M14.5 0l-4 4-4-4z'/%3E%3C/g%3E%3C/svg%3E");
}

MediaWiki:Gadget-skinTogglesNew.js

2025-02-27T13:22:52Z

User:

/**
* Handles the full-width toggle, dark mode toggle, and other appearance-related
* toggles on the page.
*
* @author Gaz Lloyd
* @author Jayden
*
*/
;(function($, mw, rs){
var DARK_COOKIE = 'darkmode',
THEME_COOKIE = 'theme',
FLOORNUMBER_LS = 'floornumber_display',
theme = ($.cookie('theme') !== null) ? $.cookie('theme') : (($.cookie(DARK_COOKIE) === 'true') ? 'dark' : 'light'),
fixedWidthEnabled = $.cookie('readermode') === 'true',
currentFloornumber = '_auto',
themeSwitch,
floorSelect,
floorSelectAuto,
floorSelectUK,
floorSelectUS,
closeButton,
themePortletLink,
fixedWidthPortletLink,
$content,
userLocale = 'UK',
flsetting,
browserLocale,
themePopup;

var self = {
init: function () {
// Add the theme selector
self.createThemePortletLink();

// Add the fixed-width toggle
//self.createFixedWidthPortletLink();

// Handle the floor numbering modal
$('.floor-convention').click(function(e) {
e.preventDefault();
if (!window.OOUIWindowManager || !window.OOUIWindowManager.hasWindow('floorNumber')) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createFloorNumberModal);
} else {
window.OOUIWindowManager.openWindow('floorNumber');
}
});

// Perform skin overrides if required
self.doFloorNumberOverrides();

// Set the theme cookie
if ( $.cookie('theme') == null ) {
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
}
},

/**
* Perform specific overrides to the skin based on the selected
* floor number preference.
*/
doFloorNumberOverrides: function() {
if (rs.hasLocalStorage()) {
currentFloornumber = window.localStorage.getItem(FLOORNUMBER_LS);
if (currentFloornumber == null) {
currentFloornumber = '_auto';
}
}
flsetting = currentFloornumber;
if (window.navigator.languages && window.navigator.languages.length) {
browserLocale = window.navigator.languages[0];
} else {
browserLocale = navigator.userLanguage || navigator.language || navigator.browserLanguage || 'en';
}
switch (browserLocale) {
// all langs in -US or -CA
case 'en-US':
case 'es-US':
case 'en-CA':
case 'fr-CA':
userLocale = 'US';
break;
}
if (currentFloornumber == '_auto') {
flsetting = userLocale;
}
switch (flsetting) {
case 'US':
flsetting = 'floornumber-setting-us';
break;
case 'UK':
default:
flsetting = 'floornumber-setting-gb';
break;
}
$('body').addClass(flsetting);
},

toggleFixedWidth: function () {
if (fixedWidthEnabled) {
// Switch to full width
$('body').removeClass('wgl-fixedWidth');
} else {
// Switch to fixed width
mw.loader.load('wg.fixedwidth');
$('body').addClass('wgl-fixedWidth');
}

fixedWidthEnabled = !fixedWidthEnabled;
$.cookie('readermode', fixedWidthEnabled, {expires: 365, path: '/'});
},

/*
* Adds fixed width portlet link to the page
*createFixedWidthPortletLink: function() {
* fixedWidthPortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-fixed-width', 'Toggle fixed-width mode', null, $('#pt-userpage, #pt-anonuserpage'));
* $(fixedWidthPortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
* e.preventDefault();
* self.toggleFixedWidth();
* });
},*/

/**
* Adds the theme select portlet link to the page
*/
createThemePortletLink: function() {
themePortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-theme-toggles', 'Change theme', null, $('#pt-userpage, #pt-anonuserpage'));
$(themePortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
e.preventDefault();
if (!themePopup) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createThemePopup);
} else {
themePopup.toggle();
}
});
},

/**
* Loads a theme by its name
*/
loadTheme: function(themeName) {
var removeExistingTheme = function () {
// Remove any existing theme class
$('body').removeClass(function (i, className) {
console.log("we are re-adding the theme text")
return (className.match (/(^|\s)wgl-theme-\S+/g) || []).join(' ')
})
}

// Add new theme class
if (themeName === 'light') {
removeExistingTheme();
console.log("we are adding the light theme the theme text")
$('body').addClass('wgl-theme-light');
} else {
mw.loader.using(['wgl.theme.' + themeName]).then(function () {
removeExistingTheme();
console.log("we are re-adding the theme text")
$('body').addClass('wgl-theme-' + themeName);
});
}
},

/**
* Initialises the creation of the theme toggle widget
*/
createThemeToggle: function() {
// Create the theme toggle
themeSwitch = new OO.ui.ButtonSelectWidget({
classes: ['appearance-buttons'],
items: [
new OO.ui.ButtonOptionWidget({
classes: ['light-mode-button'],
data: 'light',
title: 'Light',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['dark-mode-button'],
data: 'dark',
title: 'Dark',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['brown-mode-button'],
data: 'browntown',
title: 'Browntown',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
]
});

// Set the toggle to whatever theme is currently active
themeSwitch.selectItemByData(theme);

themeSwitch.on('choose', function() {
// Change the theme instantly without needing a refresh
theme = themeSwitch.findSelectedItem().getData();
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
console.log("we are loading the theme")
self.loadTheme(theme);
})
},

/**
* Initialises the creation of the theme popup window, which appears
* when the moon icon is clicked at the top right of the page.
*/
createThemePopup: function() {
self.createThemeToggle();

// Create the popup
themePopup = new OO.ui.PopupWidget( {
classes: ['wgl-theme-popup'],
$content: themeSwitch.$element,
$floatableContainer: $(themePortletLink),
width: null,
autoClose: true,
} );

themePopup.on('toggle', function (visible) {
// When the popup is opened, change the moon icon to an X
if (visible) {
$(themePortletLink).find('a').addClass('wgl-theme-popup-opened');
} else {
$(themePortletLink).find('a').removeClass('wgl-theme-popup-opened');
}
})

$(document.body).append(themePopup.$element);

// Open the popup, since we'll have only created the popup if the
// user tried to interact with it in the first place.
themePopup.toggle(true);
},

/**
* Initialises the creation of the gear modal, for other non-theme
* related appearance settings.
*/

createFloorNumberModal: function() {
floorSelectAuto = new OO.ui.RadioOptionWidget({
data: '_auto',
label: 'Auto-detect: '+userLocale
});
floorSelectUK = new OO.ui.RadioOptionWidget({
data: 'UK',
label: 'UK'
});
floorSelectUS = new OO.ui.RadioOptionWidget({
data: 'US',
label: 'US'
});

floorSelect = new OO.ui.RadioSelectWidget({
classes: ['floornumber-select'],
items: [
floorSelectAuto,
floorSelectUK,
floorSelectUS
]
});
floorSelect.selectItemByData(currentFloornumber);
floorSelectHelp = 'Adjust how floor numbers are displayed on the wiki - whether the numbering begins at 0 (ground) or 1.';
if (!rs.hasLocalStorage()) {
floorSelect.setDisabled(true);
floorSelectHelp = 'This option requires local storage to be supported and enabled in your browser.';
}
floorSelectAuto.$element.attr('title', 'Automatically detect the type to use from your browser.');
floorSelectUK.$element.attr('title', 'The numbering used in the UK, Europe, and many Commonwealth countries: entrance on the ground floor, then above that is 1st floor, 2nd floor, etc.');
floorSelectUS.$element.attr('title', 'The numbering used in the US and Canada: entrance on the 1st floor, then above that is 2nd floor, 3rd floor, etc.');
floorSelect.on('choose', function () {
if (rs.hasLocalStorage()) {
window.localStorage.setItem(FLOORNUMBER_LS, floorSelect.findSelectedItem().getData());
}
});

closeButton = new OO.ui.ButtonInputWidget({ label: 'Close', flags: 'destructive'});

$content = $('<div>');
$content
.addClass('appearance-modal')
.append(
$('<div>')
.addClass('reader-mode')
.append(
floorSelect.$element,
$('<div>').addClass('setting-header floornumber-header').text('Floor numbering'),
$('<p>').addClass('floornumber-desc').text(floorSelectHelp)
),
$('<div>')
.addClass('appearance-save')
.append(
$('<p>').addClass('save-button-desc').html('<a href="https://weirdgloop.org/privacy">Cookies</a> are used to personalise the wiki.'),
$('<div>').addClass('save-button-container')
.append(closeButton.$element)
)
);

var initModal = function (modal) {
modal.$body.append( $content );
closeButton.on('click', function(modal){window.OOUIWindowManager.closeWindow(modal);}, [modal]);
};

rs.createOOUIWindow('floorNumber', 'Floor numbering', {size: 'large', classes: ['rsw-skin-toggle-popup']}, initModal, true, true);
}
}

mw.loader.using(['ext.gadget.rsw-util'], function () {
$(self.init);
})

}(jQuery, mediaWiki, rswiki));

MediaWiki:Gadget-skinTogglesNew.js

2025-02-27T13:18:13Z

User:

/**
* Handles the full-width toggle, dark mode toggle, and other appearance-related
* toggles on the page.
*
* @author Gaz Lloyd
* @author Jayden
*
*/
;(function($, mw, rs){
var DARK_COOKIE = 'darkmode',
THEME_COOKIE = 'theme',
FLOORNUMBER_LS = 'floornumber_display',
theme = ($.cookie('theme') !== null) ? $.cookie('theme') : (($.cookie(DARK_COOKIE) === 'true') ? 'dark' : 'light'),
fixedWidthEnabled = $.cookie('readermode') === 'true',
currentFloornumber = '_auto',
themeSwitch,
floorSelect,
floorSelectAuto,
floorSelectUK,
floorSelectUS,
closeButton,
themePortletLink,
fixedWidthPortletLink,
$content,
userLocale = 'UK',
flsetting,
browserLocale,
themePopup;

var self = {
init: function () {
// Add the theme selector
self.createThemePortletLink();

// Add the fixed-width toggle
//self.createFixedWidthPortletLink();

// Handle the floor numbering modal
$('.floor-convention').click(function(e) {
e.preventDefault();
if (!window.OOUIWindowManager || !window.OOUIWindowManager.hasWindow('floorNumber')) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createFloorNumberModal);
} else {
window.OOUIWindowManager.openWindow('floorNumber');
}
});

// Perform skin overrides if required
self.doFloorNumberOverrides();

// Set the theme cookie
if ( $.cookie('theme') == null ) {
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
}
},

/**
* Perform specific overrides to the skin based on the selected
* floor number preference.
*/
doFloorNumberOverrides: function() {
if (rs.hasLocalStorage()) {
currentFloornumber = window.localStorage.getItem(FLOORNUMBER_LS);
if (currentFloornumber == null) {
currentFloornumber = '_auto';
}
}
flsetting = currentFloornumber;
if (window.navigator.languages && window.navigator.languages.length) {
browserLocale = window.navigator.languages[0];
} else {
browserLocale = navigator.userLanguage || navigator.language || navigator.browserLanguage || 'en';
}
switch (browserLocale) {
// all langs in -US or -CA
case 'en-US':
case 'es-US':
case 'en-CA':
case 'fr-CA':
userLocale = 'US';
break;
}
if (currentFloornumber == '_auto') {
flsetting = userLocale;
}
switch (flsetting) {
case 'US':
flsetting = 'floornumber-setting-us';
break;
case 'UK':
default:
flsetting = 'floornumber-setting-gb';
break;
}
$('body').addClass(flsetting);
},

toggleFixedWidth: function () {
if (fixedWidthEnabled) {
// Switch to full width
$('body').removeClass('wgl-fixedWidth');
} else {
// Switch to fixed width
mw.loader.load('wg.fixedwidth');
$('body').addClass('wgl-fixedWidth');
}

fixedWidthEnabled = !fixedWidthEnabled;
$.cookie('readermode', fixedWidthEnabled, {expires: 365, path: '/'});
},

/*
* Adds fixed width portlet link to the page
*createFixedWidthPortletLink: function() {
* fixedWidthPortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-fixed-width', 'Toggle fixed-width mode', null, $('#pt-userpage, #pt-anonuserpage'));
* $(fixedWidthPortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
* e.preventDefault();
* self.toggleFixedWidth();
* });
},*/

/**
* Adds the theme select portlet link to the page
*/
createThemePortletLink: function() {
themePortletLink = mw.util.addPortletLink('p-personal', '', '', 'pt-theme-toggles', 'Change theme', null, $('#pt-userpage, #pt-anonuserpage'));
$(themePortletLink).find('a').addClass('oo-ui-icon-advanced').click(function(e) {
e.preventDefault();
if (!themePopup) {
mw.loader.using(['oojs-ui-core','oojs-ui-windows','oojs-ui-widgets']).then(self.createThemePopup);
} else {
themePopup.toggle();
}
});
},

/**
* Loads a theme by its name
*/
loadTheme: function(themeName) {
var removeExistingTheme = function () {
// Remove any existing theme class
$('body').removeClass(function (i, className) {
return (className.match (/(^|\s)wgl-theme-\S+/g) || []).join(' ')
})
}

// Add new theme class
if (themeName === 'light') {
removeExistingTheme();
$('body').addClass('wgl-theme-light');
} else {
mw.loader.using(['wgl.theme.' + themeName]).then(function () {
removeExistingTheme();
$('body').addClass('wgl-theme-' + themeName);
});
}
},

/**
* Initialises the creation of the theme toggle widget
*/
createThemeToggle: function() {
// Create the theme toggle
themeSwitch = new OO.ui.ButtonSelectWidget({
classes: ['appearance-buttons'],
items: [
new OO.ui.ButtonOptionWidget({
classes: ['light-mode-button'],
data: 'light',
title: 'Light',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['dark-mode-button'],
data: 'dark',
title: 'Dark',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
new OO.ui.ButtonOptionWidget({
classes: ['brown-mode-button'],
data: 'browntown',
title: 'Browntown',
framed: false,
label: new OO.ui.HtmlSnippet('<div class="button-img"></div>'),
}),
]
});

// Set the toggle to whatever theme is currently active
themeSwitch.selectItemByData(theme);

themeSwitch.on('choose', function() {
// Change the theme instantly without needing a refresh
theme = themeSwitch.findSelectedItem().getData();
$.cookie(THEME_COOKIE, theme, {expires: 365, path: '/'});
self.loadTheme(theme);
})
},

/**
* Initialises the creation of the theme popup window, which appears
* when the moon icon is clicked at the top right of the page.
*/
createThemePopup: function() {
self.createThemeToggle();

// Create the popup
themePopup = new OO.ui.PopupWidget( {
classes: ['wgl-theme-popup'],
$content: themeSwitch.$element,
$floatableContainer: $(themePortletLink),
width: null,
autoClose: true,
} );

themePopup.on('toggle', function (visible) {
// When the popup is opened, change the moon icon to an X
if (visible) {
$(themePortletLink).find('a').addClass('wgl-theme-popup-opened');
} else {
$(themePortletLink).find('a').removeClass('wgl-theme-popup-opened');
}
})

$(document.body).append(themePopup.$element);

// Open the popup, since we'll have only created the popup if the
// user tried to interact with it in the first place.
themePopup.toggle(true);
},

/**
* Initialises the creation of the gear modal, for other non-theme
* related appearance settings.
*/

createFloorNumberModal: function() {
floorSelectAuto = new OO.ui.RadioOptionWidget({
data: '_auto',
label: 'Auto-detect: '+userLocale
});
floorSelectUK = new OO.ui.RadioOptionWidget({
data: 'UK',
label: 'UK'
});
floorSelectUS = new OO.ui.RadioOptionWidget({
data: 'US',
label: 'US'
});

floorSelect = new OO.ui.RadioSelectWidget({
classes: ['floornumber-select'],
items: [
floorSelectAuto,
floorSelectUK,
floorSelectUS
]
});
floorSelect.selectItemByData(currentFloornumber);
floorSelectHelp = 'Adjust how floor numbers are displayed on the wiki - whether the numbering begins at 0 (ground) or 1.';
if (!rs.hasLocalStorage()) {
floorSelect.setDisabled(true);
floorSelectHelp = 'This option requires local storage to be supported and enabled in your browser.';
}
floorSelectAuto.$element.attr('title', 'Automatically detect the type to use from your browser.');
floorSelectUK.$element.attr('title', 'The numbering used in the UK, Europe, and many Commonwealth countries: entrance on the ground floor, then above that is 1st floor, 2nd floor, etc.');
floorSelectUS.$element.attr('title', 'The numbering used in the US and Canada: entrance on the 1st floor, then above that is 2nd floor, 3rd floor, etc.');
floorSelect.on('choose', function () {
if (rs.hasLocalStorage()) {
window.localStorage.setItem(FLOORNUMBER_LS, floorSelect.findSelectedItem().getData());
}
});

closeButton = new OO.ui.ButtonInputWidget({ label: 'Close', flags: 'destructive'});

$content = $('<div>');
$content
.addClass('appearance-modal')
.append(
$('<div>')
.addClass('reader-mode')
.append(
floorSelect.$element,
$('<div>').addClass('setting-header floornumber-header').text('Floor numbering'),
$('<p>').addClass('floornumber-desc').text(floorSelectHelp)
),
$('<div>')
.addClass('appearance-save')
.append(
$('<p>').addClass('save-button-desc').html('<a href="https://weirdgloop.org/privacy">Cookies</a> are used to personalise the wiki.'),
$('<div>').addClass('save-button-container')
.append(closeButton.$element)
)
);

var initModal = function (modal) {
modal.$body.append( $content );
closeButton.on('click', function(modal){window.OOUIWindowManager.closeWindow(modal);}, [modal]);
};

rs.createOOUIWindow('floorNumber', 'Floor numbering', {size: 'large', classes: ['rsw-skin-toggle-popup']}, initModal, true, true);
}
}

mw.loader.using(['ext.gadget.rsw-util'], function () {
$(self.init);
})

}(jQuery, mediaWiki, rswiki));