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/experiments/external-links.scss b/src/themes/any/experiments/external-links.scss index cf4af6f..d256d89 100644 --- a/src/themes/any/experiments/external-links.scss +++ b/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, 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..4a84a18 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: transparent; +} 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..0b1d3f3 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 */ @@ -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; + } +} diff --git a/src/themes/timeless/mediawiki.css b/src/themes/timeless/mediawiki.css index c57e164..93e62fe 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: 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; +} diff --git a/src/themes/timeless/source.css b/src/themes/timeless/source.css index 0b77d6f..dbcfefe 100644 --- a/src/themes/timeless/source.css +++ b/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; +} 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; +}