MediaWiki:Vector-darkmode.less/elements.less - Revision history

Alex at 10:12, 18 October 2024

2024-10-18T10:12:24Z

← Older revision		Revision as of 12:12, 18 October 2024
Line 9:		Line 9:
	// background image		// background image
	& {		& {
	background-image: url('/images/rss/~~Old_School_RuneScape_Wiki_background_darkmode~~.jpg');		background-image: url('/images/rss/background_dark.jpg');
	background-color: @dark-body;		background-color: @dark-body;

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	background-image: url('/images/rss/~~Old_School_RuneScape_Wiki_background_darkmode~~.jpg');		background-image: url('/images/rss/background_dark.jpg');
	}		}

Alex at 16:16, 17 October 2024

2024-10-17T16:16:17Z

← Older revision		Revision as of 18:16, 17 October 2024
Line 9:		Line 9:
	// background image		// background image
	& {		& {
	background-image: url('~~filepath:~~//Old_School_RuneScape_Wiki_background_darkmode.jpg');		background-image: url('/images/rss/Old_School_RuneScape_Wiki_background_darkmode.jpg');
	background-color: @dark-body;		background-color: @dark-body;

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {		@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	background-image: url('~~filepath:~~//Old_School_RuneScape_Wiki_background_darkmode.jpg');		background-image: url('/images/rss/Old_School_RuneScape_Wiki_background_darkmode.jpg');
	}		}

Line 43:		Line 43:
	pre,		pre,
	code,		code,
	pre.mw-code.mw-script /* pre.mw-code.mw-script - code ~~mw.~~pages too large for syntax highlight */ {		pre.mw-code.mw-script /* pre.mw-code.mw-script - code pages too large for syntax highlight */ {
	background-color: @dark-wikitable-background;		background-color: @dark-wikitable-background;
	border-color: @dark-wikitable-border;		border-color: @dark-wikitable-border;

Alex: Created page with "/* ===================== html elements ===================== / / --------------------- --------------------- */ // background image & { background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); background-color: @dark-body; @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); } } .mw-body { color:..."

2024-10-16T23:11:25Z

Created page with "===================== html elements =====================: --------------------- <body> ---------------------: // background image & { background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); background-color: @dark-body; @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg'); } } .mw-body { color:..."

New page

/* =====================
html elements
===================== */

/* ---------------------
<body>
--------------------- */

// background image
& {
background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg');
background-color: @dark-body;

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
background-image: url('filepath://Old_School_RuneScape_Wiki_background_darkmode.jpg');
}

}

.mw-body {
color: @dark-text;
background-color: @dark-page;
}

/* ---------------------
headings
--------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
color: @dark-text;
border-color: @waikawa-grey;
}

/* ---------------------
<pre> and <code>
--------------------- */

pre,
code,
pre.mw-code.mw-script /* pre.mw-code.mw-script - code mw.pages too large for syntax highlight */ {
background-color: @dark-wikitable-background;
border-color: @dark-wikitable-border;
}

/* ---------------------
<ul>
--------------------- */

// only change is the fill to #cbd9f4
ul {
list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%23cbd9f4'/%3E %3C/svg%3E");
}

/* ---------------------
<hr>
--------------------- */

hr {
border-color: @waikawa-grey;
}

// Hide bullets
div.search-types > ul,
#p-cactions > div:nth-child(3) > ul:nth-child(1),
ul.ui-autocomplete {
list-style-image: none;
}

//Blue border
fieldset {
border-color: @waikawa-grey;
}

/* ---------------------
<blockquote>
--------------------- */

.mw-body-content blockquote {
border-color: @pickled-bluewood;
}

/* =========================
Text input fields
========================= */

input,
select,
textarea {
background: @dark-wikitable-background;
border: 1px solid @dark-interface-border;
color: @dark-text;
}