feat: misc fixes

src/templates/infopush/infopush.css

@@ -13,7 +13,8 @@
 	transform: translateX(0%);
 }
 
-.tpl-infopush-item, .tpl-infopush-item p {
+.tpl-infopush-item,
+.tpl-infopush-item p {
 	margin: 0;
 	display: contents;
 }

src/themes/any/embedvideo.scss

@@ -1,9 +1,32 @@
 .embedvideo-thumbnail > p {
 	margin: 0;
 }
-
 .embedvideo-thumbnail__image {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 }
+.embedvideo-privacyNotice__dismiss {
+	color: var(--red);
+	background: var(--less-dark-grey);
+	border: solid var(--less-dark-grey-border);
+	border-radius: 10px;
+}
+.embedvideo-privacyNotice__continue {
+	background: var(--less-dark-grey);
+	color: var(--faux-white);
+	border: solid var(--less-dark-grey-border);
+	border-radius: 10px;
+}
+.embedvideo-privacyNotice__continue:hover {
+	background: var(--green);
+	color: var(--faux-white);
+}
+.embedvideo-privacyNotice__dismiss:hover {
+	background: var(--red);
+	color: var(--faux-white);
+}
+.embedvideo-loader__fakeButton {
+	background: var(--less-dark-grey);
+	color: var(--faux-white);
+}

src/themes/any/experiments/external-links.scss

@@ -22,21 +22,27 @@ $origins: (
 	"web.archive.org" "Archive"
 );
 
-@each $origin
+@each $originVRChat
 	in (
 		"ask.vrchat.com",
 		"creators.vrchat.com",
+		"clientsim.docs.vrchat.com",
 		"docs.vrchat.com",
 		"feedback.vrchat.com",
 		"hello.vrchat.com",
 		"help.vrchat.com",
-		"medium.com/vrchat",
-		"medium.com/@vrchat",
+		"status.vrchat.com",
+		"udonsharp.docs.vrchat.com",
+		"vcc.docs.vrchat.com",
 		"vrch.at",
 		"vrchat.com"
 	)
 {
-	$origins: list.append($origins, ($origin "VRChat"), comma);
+	$origins: list.append($origins, ($originVRChat "VRChat"), comma);
+}
+
+@each $originDiscord in ("wiki.vrchat.com/discord") {
+	$origins: list.append($origins, ($originDiscord "Discord"), comma);
 }
 
 .mw-parser-output a.external,

src/themes/any/pettable.scss

@@ -3,9 +3,10 @@
 	cursor: grab;
 	transform-origin: bottom center;
 	transition: transform 0.1s ease;
+}
 
-	:active {
-		cursor: grabbing;
-		transform: scaleY(0.9) scaleX(1.1);
-	}
+[alt*="vrcat" i]:active,
+[alt*="vrrat" i]:active {
+	cursor: grabbing;
+	transform: scaleY(0.9) scaleX(1.1);
 }

src/themes/timeless/body.css

@@ -294,3 +294,8 @@ pre:not(.mw-highlight pre) {
 #mw-content-text > div > ul > li:nth-child(1) {
 	padding-top: unset; /* 🦇 Removes padding from the first bullet point in a list to maintain expected behavior and unnecessary padding where there shouldn't be. */
 }
+
+/*! ⏸️ fix white background when zoomed in */
+#mw-content-block {
+	background-color: transparent;
+}

src/themes/timeless/editor.css

@@ -273,3 +273,8 @@ body
 .ve-ui-expandableContent-toggle {
 	background-color: unset;
 }
+
+/* ⏸️ "are you sure?" color */
+.oo-ui-messageDialog-title {
+	color: white;
+}

src/themes/timeless/footer.css

@@ -7,6 +7,12 @@
 		background-repeat: no-repeat; */
 }
 
+/* ⏸️ footer border color */
+#mw-content-container {
+	/*! border-bottom: solid 4px var(--ns-current-color); | adapts to namespace color */
+	border-bottom: solid 4px var(--link);
+}
+
 /* 😺 FIGURE OUT POTENTIALLY HAVING CUSTOM IMAGES IN THE FOOTER LATER
 	.mw-footer-container::after {
 		background: linear-gradient(120deg, transparent 20%, #1a1d1c 30%);

src/themes/timeless/header.css

@@ -32,12 +32,15 @@
 
 /* 😺 searchbar theming and adjustments */
 #simpleSearch {
-	background: var(--less-dark-grey);
-	border: solid 2px #39404a;
+	border: 3px solid #39404a;
+	border-radius: 8px;
+	height: 38px;
+	box-shadow: 0 0 0.4rem #000;
 }
 
 #searchInput {
 	color: #fff;
+	height: 2.3em;
 }
 
 #p-search {
@@ -58,6 +61,7 @@ input#searchButton,
 #mw-searchButton {
 	filter: invert(1);
 	right: 0.5em;
+	height: 3em;
 }
 
 /* 😺 account box theming and adjustments */
@@ -121,8 +125,9 @@ input#searchButton,
 
 /* 😺 dropdown theming */
 #personal .dropdown {
-	background: var(--very-dark-grey);
+	background: #16191c;
 	border: solid var(--very-dark-grey-border);
+	border-radius: 8px;
 }
 #pt-uls .uls-trigger::before {
 	filter: invert(1);
@@ -137,3 +142,11 @@ input#searchButton,
 	border-bottom-color: #252e34;
 	top: -10px;
 }
+
+/* ⏸️ hacky | center dropdown under account name */
+@media screen and (min-width: 1100px) {
+	#personal .dropdown {
+		top: 3em;
+		right: -5em;
+	}
+}

src/themes/timeless/mediawiki.css

@@ -239,11 +239,52 @@
 
 /* 😺 recent changes index legend */
 .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
-	background: var(--less-dark-green);
-	border: solid var(--less-dark-green-border);
+	background: var(--less-dark-grey);
+	border: solid var(--less-dark-grey-border);
 	color: var(--faux-white);
 	box-shadow: 0 0 0.4rem #000;
 }
+/* ⏸️ misc recent changes fixes */
+.mw-changeslist-legend {
+	background-color: var(--less-dark-grey);
+	border: 3px solid var(--less-dark-grey-border);
+	border-radius: 15px;
+	color: var(--faux-white);
+	box-shadow: 0 0 0.4rem #000;
+}
+.mw-rcfilters-container
+	.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled
+	.oo-ui-tagMultiselectWidget-handle {
+	background-color: var(--less-dark-grey);
+	border: 3px solid var(--less-dark-grey-border);
+	border-radius: 15px;
+}
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
+	background-color: transparent;
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
+	color: var(--faux-white);
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
+	color: rgb(230, 230, 230);
+}
+.mw-rcfilters-collapsed .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget {
+	border-bottom: none;
+}
+.mw-rcfilters-ui-filterTagMultiselectWidget-views {
+	padding-top: 1em;
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-input {
+	padding-right: 10px;
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-tagMultiselectWidget-input input {
+	border-radius: 10px;
+}
+.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
+	background: var(--more-dark-grey);
+	border: 2px solid var(--more-dark-grey-border);
+	border-radius: 10px;
+}
 
 /* 😺 recent changes mark-as-seen button fix */
 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
@@ -297,3 +338,8 @@
 	background: var(--very-dark-grey);
 	border-color: var(--very-dark-grey-border);
 }
+
+/* ⏸️ notice noti background fix */
+.mw-echo-ui-notificationItemWidget-initiallyUnseen {
+	background-color: #382f00 !important;
+}

src/themes/timeless/source.css

@@ -31,3 +31,29 @@ div.editOptions {
 		filter: invert(1);
 	}
 	*/
+
+/*! ⏸️  mimic style of caution noticebox when in source editor */
+body.action-edit:not(.ve-activated) .cdx-message--warning,
+body.action-submit:not(.ve-activated) .cdx-message--warning {
+	background-color: var(--background-color-warning-subtle, #202114);
+	border: solid 3px #9e8600 !important;
+	color: white;
+	border-radius: 10px;
+}
+
+/*! ⏸️ "special characters & help" improved readability */
+.wikiEditor-ui-toolbar .page-characters div span {
+	color: white;
+}
+.wikiEditor-ui-toolbar .page-characters div span:hover {
+	color: black;
+}
+.wikiEditor-ui-toolbar .booklet > .index > div:hover {
+	color: black;
+}
+.wikiEditor-ui-toolbar .page-table td {
+	color: white;
+}
+.wikiEditor-ui-toolbar .page-table th {
+	color: #a4a4a4;
+}

src/themes/timeless/translate.css

@@ -285,3 +285,8 @@
 .statstable {
 	color: black;
 }
+
+/*! ⏸️ | hack, add margin to bottom of source translate notice */
+.translate-edit-documentation {
+	margin-bottom: 1em;
+}