Template:Infobox styles.css - Revision history

JVC3: clarity

2025-03-27T03:56:42Z

clarity

← Older revision		Revision as of 03:56, 27 March 2025
Line 1:		Line 1:
	/* ~~page irrelevant~~ */		/* empty */

JVC3: deleted all content - page now irrelevant

2025-03-27T03:49:54Z

deleted all content - page now irrelevant

← Older revision		Revision as of 03:49, 27 March 2025
Line 1:		Line 1:
	/* ~~For explicit client preference dark mode~~ */		/* page irrelevant */
	~~@media screen {~~
	~~.skin-theme-clientpref-night .infobox {~~
	~~background-color: red;~~
	}
	}

	~~/* For OS-level dark mode preference */~~
	~~@media screen and (prefers-color-scheme: dark) {~~
	~~.skin-theme-clientpref-os .infobox {~~
	~~background-color: red;~~
	}
	}

JVC3: still testing css

2025-03-27T03:47:17Z

still testing css

← Older revision		Revision as of 03:47, 27 March 2025
Line 2:		Line 2:
	@media screen {		@media screen {
	.skin-theme-clientpref-night .infobox {		.skin-theme-clientpref-night .infobox {
	background-color: ~~#151A23~~;		background-color: red;
	}		}
	}		}
Line 9:		Line 9:
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	.skin-theme-clientpref-os .infobox {		.skin-theme-clientpref-os .infobox {
	background-color: ~~#151A23~~;		background-color: red;
	}		}
	}		}

JVC3: uh oh - trying something

2025-03-27T03:46:43Z

uh oh - trying something

← Older revision		Revision as of 03:46, 27 March 2025
Line 3:		Line 3:
	.skin-theme-clientpref-night .infobox {		.skin-theme-clientpref-night .infobox {
	background-color: #151A23;		background-color: #151A23;
	~~color: red;~~
	}		}
	}		}
Line 11:		Line 10:
	.skin-theme-clientpref-os .infobox {		.skin-theme-clientpref-os .infobox {
	background-color: #151A23;		background-color: #151A23;
	~~color: red;~~
	}		}
	}		}

JVC3: added pref for user night mode (still testing)

2025-03-27T03:34:44Z

added pref for user night mode (still testing)

← Older revision		Revision as of 03:34, 27 March 2025
Line 1:		Line 1:
			/* For explicit client preference dark mode */
	@media screen {		@media screen {
	.skin-theme-clientpref-night .infobox { background-color: #151A23; color: red; }		.skin-theme-clientpref-night .infobox {
			background-color: #151A23;
			color: red;
			}
	}		}

			/* For OS-level dark mode preference */
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	.skin-theme-clientpref-os .infobox { background-color: #151A23; color: red; }		.skin-theme-clientpref-os .infobox {
			background-color: #151A23;
			color: red;
			}
	}		}

JVC3: test

2025-03-27T03:28:29Z

test

← Older revision		Revision as of 03:28, 27 March 2025
Line 1:		Line 1:
	@media screen {		@media screen {
	~~html~~.skin-theme-clientpref-night .infobox { background-color: #151A23; color: ~~white~~; }		.skin-theme-clientpref-night .infobox { background-color: #151A23; color: red; }
	}		}
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	~~html~~.skin-theme-clientpref-os .infobox { background-color: #151A23; color: ~~white~~; }		.skin-theme-clientpref-os .infobox { background-color: #151A23; color: red; }
	}		}

JVC3: changed colour

2025-03-27T03:26:51Z

changed colour

← Older revision		Revision as of 03:26, 27 March 2025
Line 1:		Line 1:
	@media screen {		@media screen {
	html.skin-theme-clientpref-night .infobox { background-color: ~~black~~; color: white; }		html.skin-theme-clientpref-night .infobox { background-color: #151A23; color: white; }
	}		}
	@media screen and (prefers-color-scheme: dark) {		@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox { background-color: ~~black~~; color: white; }		html.skin-theme-clientpref-os .infobox { background-color: #151A23; color: white; }
	}		}

JVC3: JVC3 changed the content model of the page Template:Infobox styles.css from "wikitext" to "Sanitised CSS": CSS file

2025-03-27T03:26:06Z

JVC3 changed the content model of the page Template:Infobox styles.css from "wikitext" to "Sanitised CSS": CSS file

← Older revision		Revision as of 03:26, 27 March 2025
(No difference)

JVC3: nvm im doing it all wrong

2025-03-27T03:24:16Z

nvm im doing it all wrong

← Older revision		Revision as of 03:24, 27 March 2025
Line 1:		Line 1:
	~~<?php~~

	~~require 'vendor/autoload.php'; // Ensure Wikimedia CSS libraries are installed via Composer~~

	~~use Wikimedia\CSS\Parser\Parser;~~
	~~use Wikimedia\CSS\Sanitizer\StylesheetSanitizer;~~
	~~use Wikimedia\CSS\Util;~~

	~~$inputFile = "input.css"; // Path to the original CSS file~~
	~~$outputFile = "sanitized.css"; // Path to save the sanitized CSS~~

	~~// Read the CSS file~~
	~~$cssText = file_get_contents($inputFile);~~
	~~if ($cssText === false) {~~
	~~die("Error: Could not read CSS file.\n");~~
	}

	~~// Parse the CSS~~
	~~$parser = Parser::newFromString($cssText);~~
	~~$stylesheet = $parser->parseStylesheet();~~

	~~// Report parser errors~~
	~~foreach ($parser->getParseErrors() as list($code, $line, $pos)) {~~
	~~echo "Parse error: $code at line $line, character $pos\n";~~
	}

	~~// Sanitize the CSS~~
	~~$sanitizer = StylesheetSanitizer::newDefault();~~
	~~$newStylesheet = $sanitizer->sanitize($stylesheet);~~

	~~// Report sanitization errors~~
	~~foreach ($sanitizer->getSanitizationErrors() as list($code, $line, $pos)) {~~
	~~echo "Sanitization error: $code at line $line, character $pos\n";~~
	}

	~~// Convert sanitized stylesheet back to text~~
	~~$newText = (string)$newStylesheet;~~

	~~// Save sanitized CSS to a new file~~
	~~if (file_put_contents($outputFile, $newText) !== false) {~~
	~~echo "Sanitized CSS saved to $outputFile\n";~~
	~~} else {~~
	~~echo "Error: Could not write sanitized CSS file.\n";~~
	}

	?>

	@media screen {		@media screen {
	html.skin-theme-clientpref-night .infobox { background-color: black; color: white; }		html.skin-theme-clientpref-night .infobox { background-color: black; color: white; }

JVC3: Added php (idrk what im doing)

2025-03-27T03:23:04Z

Added php (idrk what im doing)

← Older revision		Revision as of 03:23, 27 March 2025
Line 1:		Line 1:
			<?php

			require 'vendor/autoload.php'; // Ensure Wikimedia CSS libraries are installed via Composer

	use Wikimedia\CSS\Parser\Parser;		use Wikimedia\CSS\Parser\Parser;
	use Wikimedia\CSS\Sanitizer\StylesheetSanitizer;		use Wikimedia\CSS\Sanitizer\StylesheetSanitizer;
			use Wikimedia\CSS\Util;

			$inputFile = "input.css"; // Path to the original CSS file
			$outputFile = "sanitized.css"; // Path to save the sanitized CSS

	/~~ Parse a stylesheet from a string ~~/		// Read the CSS file
			$cssText = file_get_contents($inputFile);
			if ($cssText === false) {
			die("Error: Could not read CSS file.\n");
			}

	$parser = Parser::newFromString( $cssText );		// Parse the CSS
			$parser = Parser::newFromString($cssText);
	$stylesheet = $parser->parseStylesheet();		$stylesheet = $parser->parseStylesheet();

	/ Report ~~any~~ parser errors /		// Report parser errors
			foreach ($parser->getParseErrors() as list($code, $line, $pos)) {
	foreach ( $parser->getParseErrors() as list( $code, $line, $pos ) ) {		echo "Parse error: $code at line $line, character $pos\n";
	~~// $code is a string that should be suitable as a key for an i18n library.~~
	~~// See errors.md for details.~~
	~~$error = lookupI18nMessage( "css-parse-error-$code" );~~
	echo "Parse error: $~~error~~ at line $line character $pos\n";
	}		}

	/ Apply sanitization to the stylesheet /		// Sanitize the CSS
			$sanitizer = StylesheetSanitizer::newDefault();
			$newStylesheet = $sanitizer->sanitize($stylesheet);

	// ~~If you need to customize the defaults, copy the code of this method and~~		// Report sanitization errors
	~~// modify it.~~		foreach ($sanitizer->getSanitizationErrors() as list($code, $line, $pos)) {
	$sanitizer ~~= StylesheetSanitizer::newDefault~~();		echo "Sanitization error: $code at line $line, character $pos\n";
	$~~newStylesheet =~~ $~~sanitizer->sanitize(~~ $~~stylesheet )~~;		}

	/~~ Report any sanitizer errors ~~/		// Convert sanitized stylesheet back to text
			$newText = (string)$newStylesheet;

	~~foreach~~ ( ~~$sanitizer->getSanitizationErrors~~(~~) as list( $code,~~ $~~line~~, $~~pos~~ ) ) {		// Save sanitized CSS to a new file
	~~// $code is a string that should be suitable as a key for an i18n library.~~		if (file_put_contents($outputFile, $newText) !== false) {
	~~// See errors.md for details.~~		echo "Sanitized CSS saved to $outputFile\n";
	~~$error = lookupI18nMessage(~~ "~~css-sanitization-error-~~$~~code~~" );		} else {
	echo "~~Sanitization error~~: ~~$error at line $line character $pos~~\n";		echo "Error: Could not write sanitized CSS file.\n";
	}		}

	~~/ Convert the sanitized stylesheet back to text /~~		?>

	~~$newText = (string)$newStylesheet;~~

	@media screen {		@media screen {