User:Banri/common.css

From [N8]
Revision as of 18:12, 8 June 2020 by Banri (talk | contribs) (Created page with "// <pre> /* ------------------------------------------------------------------------------ This is the root LESS file that is parsed to produce [[MediaWiki:Vector-darkmode....")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
// <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/]].

   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.
   ------------------------------------------------------------------------------ */

/* --------------------
          COLORS
   -------------------- */

@dark-body:          @black-pearl;
@dark-links:         @portage;       // link color
@dark-links-escape : escape("@{dark-links}"); // For use in SVGs
@dark-links-lighter: lighten(@dark-links, 20%); // Used on hover effect
@dark-links-lighter-escape: escape("@{dark-links-lighter}"); // For use in SVGs
@dark-page:          @big-stone;     // page bg color
@dark-text:          lighten( @portage, 15% );

@dark-wikitable-header:             @cloud-burst;
@dark-wikitable-background:         @pickled-bluewood;
@dark-wikitable-background-lighter: lighten(@dark-wikitable-background, 20%); // Used on hover effect
@dark-wikitable-border:             @big-stone;

@dark-infobox-header:       @big-stone;
@dark-infobox-subheader:    @cloud-burst;
@dark-infobox-background:   @pickled-bluewood;
@dark-infobox-border:       @cloud-burst;

/* --------------------
         IMPORTS
   -------------------- */

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

// imported before everything so it's in scope
@import '@{common}/variables.less';      // colors, shadows, etc.

/* The following imports are nested inside body.wgl-darkmode for good reason.
 * Please do not change this. It is needed for "hot loading" darkmode when the
 * user tries to switch to it. */
body.wgl-darkmode {
	// basic
	@import '@{dir}/elements.less';          // HTML elements
	@import '@{dir}/links.less';             // link colors
	@import '@{dir}/files.less';             // files - images, audio, galleries
	@import '@{dir}/interface.less';         // MediaWiki messages and anything outside mw-body
	@import '@{dir}/diffs.less';             // page diffs
	@import '@{dir}/ooui.less';              // OOUI
	
	// editors
	@import '@{dir}/codehighlight.less';     // highlighter when viewing (not editing) pages
	@import '@{dir}/aceeditor.less';         // ace editor (for css, js, lua, etc.)
	@import '@{dir}/sourceeditor.less';      // source editor and syntax highlighting
	@import '@{dir}/visualeditor.less';      // VisualEditor
	
	// templates
	@import '@{dir}/wikitables.less';        // wikitables
	@import '@{dir}/infoboxes.less';         // infoboxes
	@import '@{dir}/messageboxes.less';      // messageboxes
	@import '@{dir}/navboxes.less';          // navboxes
	@import '@{dir}/templates.less';         // miscellaneous templates
	@import '@{dir}/menaphite.less';         // menaphite script
	
	// page specific
	@import '@{dir}/discussions.less';       // [[GS:AD]] and [[GS:YG]]
	@import '@{dir}/mainpage.less';          // main page
	@import '@{dir}/specials.less';          // special pages
	@import '@{dir}/gadgets.less';           // gadgets
	@import '@{dir}/gecharts.less';          // GE charts
	@import '@{dir}/smw.less';          	 // SMW search and property pages
	
	// custom classes
	@import '@{dir}/tooltips.less';          // tooltips
	@import '@{dir}/tile.less';	
}

// </pre>