From f51306868f7e0722f2cd4e70790e1f362b58761f Mon Sep 17 00:00:00 2001 From: Pausbe <74504687+Pausbe@users.noreply.github.com> Date: Thu, 9 Apr 2026 03:15:17 -0400 Subject: [PATCH 1/5] variety of misc fixes. --- src/templates/infopush/infopush.css | 3 +- src/themes/any/embedvideo.scss | 25 +++++++++++++++- src/themes/any/pettable.scss | 9 +++--- src/themes/timeless/body.css | 5 ++++ src/themes/timeless/editor.css | 5 ++++ src/themes/timeless/footer.css | 6 ++++ src/themes/timeless/header.css | 8 +++-- src/themes/timeless/mediawiki.css | 45 +++++++++++++++++++++++++++-- src/themes/timeless/source.css | 9 ++++++ src/themes/timeless/translate.css | 5 ++++ 10 files changed, 110 insertions(+), 10 deletions(-) diff --git a/src/templates/infopush/infopush.css b/src/templates/infopush/infopush.css index 0f8bb35..f9a1c3a 100644 --- a/src/templates/infopush/infopush.css +++ b/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; } diff --git a/src/themes/any/embedvideo.scss b/src/themes/any/embedvideo.scss index 3cb1f53..a9b2b32 100644 --- a/src/themes/any/embedvideo.scss +++ b/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); +} diff --git a/src/themes/any/pettable.scss b/src/themes/any/pettable.scss index 8e344a5..eb1ffa8 100644 --- a/src/themes/any/pettable.scss +++ b/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); } diff --git a/src/themes/timeless/body.css b/src/themes/timeless/body.css index 25c3fc7..f76b019 100644 --- a/src/themes/timeless/body.css +++ b/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: rgba(0, 0, 0, 0); +} diff --git a/src/themes/timeless/editor.css b/src/themes/timeless/editor.css index 8ea40d3..c556b7e 100644 --- a/src/themes/timeless/editor.css +++ b/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; +} diff --git a/src/themes/timeless/footer.css b/src/themes/timeless/footer.css index 488bf31..2cb41ff 100644 --- a/src/themes/timeless/footer.css +++ b/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%); diff --git a/src/themes/timeless/header.css b/src/themes/timeless/header.css index 82fd492..016aa9f 100644 --- a/src/themes/timeless/header.css +++ b/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 */ diff --git a/src/themes/timeless/mediawiki.css b/src/themes/timeless/mediawiki.css index c57e164..082f4f4 100644 --- a/src/themes/timeless/mediawiki.css +++ b/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: rgba(0, 0, 0, 0); +} +.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 { diff --git a/src/themes/timeless/source.css b/src/themes/timeless/source.css index 0b77d6f..6576991 100644 --- a/src/themes/timeless/source.css +++ b/src/themes/timeless/source.css @@ -31,3 +31,12 @@ 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; +} diff --git a/src/themes/timeless/translate.css b/src/themes/timeless/translate.css index c2b87d2..deb4c15 100644 --- a/src/themes/timeless/translate.css +++ b/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; +} From 913b83f07a68de44e30885c67fa325382e771ed2 Mon Sep 17 00:00:00 2001 From: Pausbe <74504687+Pausbe@users.noreply.github.com> Date: Thu, 9 Apr 2026 22:34:06 -0400 Subject: [PATCH 2/5] fix notices noti background --- src/themes/timeless/mediawiki.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/themes/timeless/mediawiki.css b/src/themes/timeless/mediawiki.css index 082f4f4..7cd9c53 100644 --- a/src/themes/timeless/mediawiki.css +++ b/src/themes/timeless/mediawiki.css @@ -338,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; +} \ No newline at end of file From c891baf31e279e23db92eaa02634eb352907a314 Mon Sep 17 00:00:00 2001 From: Pausbe <74504687+Pausbe@users.noreply.github.com> Date: Fri, 10 Apr 2026 01:51:00 -0400 Subject: [PATCH 3/5] more misc fixes --- src/themes/timeless/header.css | 11 ++++++++++- src/themes/timeless/mediawiki.css | 2 +- src/themes/timeless/source.css | 17 +++++++++++++++++ 3 files changed, 28 insertions(+), 2 deletions(-) diff --git a/src/themes/timeless/header.css b/src/themes/timeless/header.css index 016aa9f..0b1d3f3 100644 --- a/src/themes/timeless/header.css +++ b/src/themes/timeless/header.css @@ -125,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); @@ -141,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; + } +} diff --git a/src/themes/timeless/mediawiki.css b/src/themes/timeless/mediawiki.css index 7cd9c53..74afeaf 100644 --- a/src/themes/timeless/mediawiki.css +++ b/src/themes/timeless/mediawiki.css @@ -342,4 +342,4 @@ /* 鈴革笍 notice noti background fix */ .mw-echo-ui-notificationItemWidget-initiallyUnseen { background-color: #382f00 !important; -} \ No newline at end of file +} diff --git a/src/themes/timeless/source.css b/src/themes/timeless/source.css index 6576991..dbcfefe 100644 --- a/src/themes/timeless/source.css +++ b/src/themes/timeless/source.css @@ -40,3 +40,20 @@ body.action-submit:not(.ve-activated) .cdx-message--warning { 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; +} From 6728a664de75e51a42bf8a14659acb62ea2bea0a Mon Sep 17 00:00:00 2001 From: Pausbe <74504687+Pausbe@users.noreply.github.com> Date: Tue, 14 Apr 2026 22:08:08 -0400 Subject: [PATCH 4/5] color clean up & improve external-links --- src/themes/any/experiments/external-links.scss | 6 ++++-- src/themes/timeless/body.css | 2 +- src/themes/timeless/mediawiki.css | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/themes/any/experiments/external-links.scss b/src/themes/any/experiments/external-links.scss index cf4af6f..0b702d5 100644 --- a/src/themes/any/experiments/external-links.scss +++ b/src/themes/any/experiments/external-links.scss @@ -26,12 +26,14 @@ $origins: ( 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" ) diff --git a/src/themes/timeless/body.css b/src/themes/timeless/body.css index f76b019..4a84a18 100644 --- a/src/themes/timeless/body.css +++ b/src/themes/timeless/body.css @@ -297,5 +297,5 @@ pre:not(.mw-highlight pre) { /*! 鈴革笍 fix white background when zoomed in */ #mw-content-block { - background-color: rgba(0, 0, 0, 0); + background-color: transparent; } diff --git a/src/themes/timeless/mediawiki.css b/src/themes/timeless/mediawiki.css index 74afeaf..93e62fe 100644 --- a/src/themes/timeless/mediawiki.css +++ b/src/themes/timeless/mediawiki.css @@ -260,7 +260,7 @@ border-radius: 15px; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { - background-color: rgba(0, 0, 0, 0); + background-color: transparent; } .mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--faux-white); From b470456c9092d0bb0d7146ecb597b5e7b65d9b7d Mon Sep 17 00:00:00 2001 From: Pausbe <74504687+Pausbe@users.noreply.github.com> Date: Fri, 17 Apr 2026 01:17:50 -0400 Subject: [PATCH 5/5] add discord icon for "wiki.vrchat.com/discord" --- src/themes/any/experiments/external-links.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/themes/any/experiments/external-links.scss b/src/themes/any/experiments/external-links.scss index 0b702d5..d256d89 100644 --- a/src/themes/any/experiments/external-links.scss +++ b/src/themes/any/experiments/external-links.scss @@ -22,7 +22,7 @@ $origins: ( "web.archive.org" "Archive" ); -@each $origin +@each $originVRChat in ( "ask.vrchat.com", "creators.vrchat.com", @@ -38,7 +38,11 @@ $origins: ( "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,