MediaWiki:Vector-darkmode.less

From RuneScape Classic Wiki
Jump to: navigation, search
// <pre>
/* ------------------------------------------------------------------------------
   This is the root LESS file that is parsed to produce [[MediaWiki:Vector-darkmode.css]].

   Subpages can be found at [[Special:PrefixIndex/MediaWiki:Vector-darkmode.less/]].
   Please try to keep the amount of dark-mode specific subpages to a minimum.
   Instead, make use of existing colours defined in
   * [[MediaWiki:Common.less/variables.less]]
   * [[MediaWiki:Vector-darkmode.less/variables.less]]
   Or add an appropriate colour to both of those files.
   Then make sure the less-stylesheet is imported into both Common and this file.

   To update [[MediaWiki:Vector-darkmode.css]] from here, users with the appropriate
   permissions can click the "Update CSS" button found to the left of the edit button.
   ------------------------------------------------------------------------------ */

/* ------------------------------------------
 *            TABLE OF CONTENTS
 *
 * - Imports
 *    - Important stuff
 *    - Local modifications
 *    - Custom classes
 *    - Templates
 *    - Page specific styling
 *    - Script CSS
 * - Junk that hasn't been organised yet
   ------------------------------------------ */

/* =============
      IMPORTS
   ============= */

@dir: 'MediaWiki:Common.less';
@dark: 'MediaWiki:Vector-darkmode.less'

body.wgl-darkmode {
	
	// important stuff
	@import '@{dir}/colors.less';            // color variables
	@import '@{dark}/variables.less';        // theme variables; !IMPORTANT! Put all alternative colours (wrt. Common.less) in this file.
	@import '@{dir}/fonts.less';             // font definitions
	
	// modifications
	@import '@{dir}/links.less';             // link colors, at the top for lower specificity
	@import '@{dir}/elements.less';          // HTML elements
	@import '@{dir}/hilite.less';            // highlighted usernames
	@import '@{dir}/interface.less';         // changes to the MediaWiki interface: system messages, etc
	@import '@{dir}/codemirror.less';        // Extension:CodeMirror
	@import '@{dir}/diffs.less';             // diffs
	@import '@{dir}/poll.less';              // <poll>
	
	// custom classes
	@import '@{dir}/animations.less';        // CSS animations
	@import '@{dir}/censored.less';          //
	@import '@{dir}/hovereffects.less';      // document usage better
	@import '@{dir}/nodesktop.less';         // hide elements from appearing on desktop
	@import '@{dir}/tile.less';              //
	@import '@{dir}/tooltips.less';          //
	@import '@{dir}/transcripts.less';       //
	
	// templates
	@import '@{dir}/archivelist.less';       // 
	@import '@{dir}/chatoptions.less';       // 
	@import '@{dir}/clear.less';             // 
	@import '@{dir}/coins.less';             // 
	@import '@{dir}/documentation.less';     // 
	@import '@{dir}/dropsline.less';         // 
	@import '@{dir}/editnotice.less';        // 
	@import '@{dir}/extimage.less';          // 
	@import '@{dir}/fact.less';              // 
	@import '@{dir}/fairycode.less';         //
	@import '@{dir}/floornumber.less';       // 
	@import '@{dir}/indicators.less';        // 
	@import '@{dir}/infobox.less';           //
	@import '@{dir}/infotablebonuses.less';  // 
	@import '@{dir}/inventory.less';         // 
	@import '@{dir}/keypress.less';          // 
	@import '@{dir}/license.less';           //
	@import '@{dir}/listen.less';            // 
	@import '@{dir}/messagebox.less';        // 
	@import '@{dir}/navbox.less';            // 
	@import '@{dir}/pohroom.less';           // 
	@import '@{dir}/questdetails.less';      // 
	@import '@{dir}/questreq.less';          // 
	@import '@{dir}/quotes.less';            //
	@import '@{dir}/references.less';        //
	@import '@{dir}/shortcut.less';          //
	@import '@{dir}/statbox.less';           //
	@import '@{dir}/succession.less';        //
	@import '@{dir}/tabber.less';            //
	@import '@{dir}/toc.less';               //
	@import '@{dir}/towers.less';            //
	@import '@{dir}/updatelist.less';        //
	@import '@{dir}/updates.less';           //
	@import '@{dir}/usesmateriallist.less';        //
	@import '@{dir}/wikitables.less';        //
	
	// page specific styling
	@import '@{dir}/activediscussions.less'; // [[RuneScape:Active discussions]]
	@import '@{dir}/mainpage.less';          // Main Page
	@import '@{dir}/popular.less';           //Main page popular pages
	@import '@{dir}/specials.less';          // Special pages
	@import '@{dir}/rsediting.less';         // [[RuneScape:Editing]]
	@import '@{dir}/rstheme.less';           // [[RuneScape:Theme]]
	@import '@{dir}/yewgrove.less';          // [[Forum:Yew Grove]]
	
	// script styles
	@import '@{dir}/calc.less';              // [[MediaWiki:Common.js/calc.js]]
	// @import '@{dir}/issues.less';            // [[MediaWiki:Common.js/issues.js]]
	@import '@{dir}/timer.less';             // 
	@import '@{dir}/ooui.less';              // anything that uses OOUI
}