[01:21:20] Another question, what's the resolution of the page of each Miraheze Wiki? [02:02:25] is it advisable to use dpl to automatically generate navboxes? [02:03:41] perfectly fine to do so [02:06:54] ok [02:17:46] It'll depend on the screen size of the reader's device. Could be portrait (usually mobile) or landscape (desktop). Could be large (desktop), medium (tablet), or small (mobile). [02:19:53] [1/2] [MediaWiki.org](https://www.mediawiki.org/wiki/Extension:DarkMode) has some documentation on the extension. [02:19:53] [2/2] If you want to go deeper, there's a [comprehensive guide on dark mode](https://meta.miraheze.org/wiki/Help:How_to_improve_the_dark_mode_appearance_of_my_wiki). [02:23:09] at this rate we need a counter for victims of darkmode [02:23:28] both in the counting sense and something to work against it sense [02:39:21] [1/2] It's an unfortunate part of the MW ecosystem: when wiki editors desire fancy layouts, they essentially need to be a web developer and UI designer, which is a lot to ask. Creating a functional design that does not hurt the readers' eyes alone would be a challenge, not to mention accommodating dark mode and mobile. So, we have MobileFrontend and DarkMode that try to be smart and [02:39:22] [2/2] automate some of the dirty work for editors, which just ends up breaking things... [02:41:14] [1/2] on that note does anybody know why the wordmark gets inverted on Vector 2022 Dark mode, and how I can fix it without adding `filter: invert(1)` to the CSS? [02:41:14] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397770572901126255/image.png?ex=6882eec9&is=68819d49&hm=69f3fa239254b31c29e9ae1d570ddaf9a04f295c6d97fa6ca1c9ba7cc3e434ed& [03:04:48] [1/3] is there a way to make the search bar not be case sensitive? [03:04:48] [2/3] https://cdn.discordapp.com/attachments/407537962553966603/1397776502443212830/Screenshot_2025-07-23_at_8.02.02_PM.png?ex=6882f44f&is=6881a2cf&hm=6c8e1b438cf8324e17087d03c4b30d88650880a4407090a55263b22a87309fad& [03:04:48] [3/3] https://cdn.discordapp.com/attachments/407537962553966603/1397776502765916281/Screenshot_2025-07-23_at_8.02.09_PM.png?ex=6882f44f&is=6881a2cf&hm=a0c8c8122da046c9c479a0f933b0f262d2e678bb620087fb630c2206f8a2cb5c& [03:11:04] Try Extension:TitleKey or better yet, Extension:CirrusSearch [03:11:50] It doesn't look inverted for me on Vector 2022. Are you in Preferences? Not sure why, but it's only inverted there [03:12:01] Happens for all the other skins we use too [03:12:43] oh, alright, thank you [03:13:06] yeah it's because of the CSS I added site-wide. Preferences don't load Mobile:Common.css, so it goes back to the default look [03:13:44] Ah, I see, so you're trying to find a way to un-invert it a different way? [03:22:11] I'll make it so that the wiki's design looks like it's in dark mode [03:26:20] [1/2] It works on my machine. Might be personal CSS? [03:26:20] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397781922389823509/image.png?ex=6882f95b&is=6881a7db&hm=4741a5446ddd0899e98b5d62f29a13f7506e9a0befe2e4c67f1c9ea8f82661a1& [03:27:08] Nevermind. I see the follow-up now. [03:41:49] I think that's the intended behavior for vector-2022? Wordmarks are usually just words (e.g. the one on Meta), so they need to be inverted in dark mode. [03:42:49] There's [an old bug](https://phabricator.wikimedia.org/T323469) where the logo is inverted as well, but that was fixed 2 years ago [04:30:07] Is there a way to exclude subpages from recent changes? [07:19:21] Is there a way to make a directory of sorts? Say if a wiki has 3 categories, and an entry fits category A, can I have a master list of all entries that are sorted by category A without manually adding each one? [07:21:49] you can get a list of pages in a category using DPL for example [07:23:01] Not to sound super ignorant - but I am - what is a DPL? [07:25:34] dynamicpageslist(4), it's an extension that allows you to get a select a list of pages based on criterias and do all kinds of funky stuff with it [07:25:45] Awesome, thank you! [09:33:10] is there a way to create an "all pages" page? [09:46:26] {{Special:AllPages}} [09:46:28] [13:33:51] Hello is there any way I can preview CSS changes for a page? [13:35:59] [1/2] in browser's wed tools/console/element inspector [13:36:00] [2/2] you can use personal css too as it works right after saving, at User:Your username/common.css [13:36:49] Thanks [15:37:33] i've read that adding .mw-no-invert works if you add it as a css class [15:38:53] [1/2] is this right? i wanna be sure i'm implementing it correctly [15:38:53] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397966275325464697/image.png?ex=6883a50c&is=6882538c&hm=cd55cdce0dde37c5dc6e31df023b4cccfdb86ca73b4c3bc3a254bd03f531317e& [15:40:17] no [15:40:48] k [15:42:42] [1/2] welp, tried doing it like this, but it just made the background go gray [15:42:42] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397967234357395587/image.png?ex=6883a5f1&is=68825471&hm=e5b55ecdf83a2f9cabe2a49a645fb6be308b41676974d572043b1e400b6333b9& [15:42:54] you forgot the dot on the mw [15:43:16] it reads it as a property instead of a class [15:43:39] or was it supposed to be like that? i'm not sure [15:44:03] oh shit, how did i not notice that [15:44:53] no man [15:46:23] with all due respect, how about telling me what to do instead of just slapping me on the wrist [15:46:45] because when it comes to css i am very much a beginner [15:47:46] [1/8] ```css [15:47:47] [2/8] .mw-body-content, [15:47:47] [3/8] .client-darkmode, [15:47:47] [4/8] .skin-theme-clientpref-night { [15:47:48] [5/8] filter: none !important; [15:47:48] [6/8] -webkit-filter: none !important; [15:47:48] [7/8] } [15:47:49] [8/8] ``` [15:48:07] cheers man [15:48:16] keep `body {` [15:58:22] [1/2] okay, probably should have specified i only want the background image to not be inverted [15:58:22] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397971177204482190/image.png?ex=6883a99d&is=6882581d&hm=658b970c6eb4e1425ba5e6e9f6ebac7e06c3cbad879953372d1fe2eecd0d3db6& [16:01:06] [1/2] that's weird [16:01:07] [2/2] the code snippet i sent above should disable the dark mode filter [16:04:47] i didn't want to disable it altogether, just exempt certain elements from the inversion [16:05:52] [1/2] that's why i copied this from the meta wiki instead and tried fanagling with it (which didn't work) [16:05:52] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397973066809872527/image.png?ex=6883ab60&is=688259e0&hm=9fc5a658fa722f2ae1580f8f6f261c453d3d1e8147a82ac5274f99316b33558e& [16:06:53] place that on #mw-wrapper then [16:07:30] you can just reinvert it with #mw-wrapper [16:26:40] [1/2] If the background image is implemented as the background of a container element, I don't think you can easily invert the image but not all its children since inversions apply to all descendant elements. [16:26:41] [2/2] In general, fancy and functional customization is hard to achieve with little CSS knowledge unless you can find the exact code snippet you need. [16:33:26] Maybe `backdrop-filter: invert(1)` is an option? [16:47:42] [1/2] oh wow uhm [16:47:42] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1397983592562561176/image.png?ex=6883b52d&is=688263ad&hm=3d8b5af76b19d1a6c37dea87b4648e881e9e2fd88a2918ca9f89c0c042d784d8& [16:49:51] the peppa pig fanon wiki is sure something lol [17:06:07] Surely it should be Suzy Lamb Roast instead of Suzy Sheep [17:40:14] im trying to enable cirrus search but it wont let me [17:40:23] it says Permissions: managewiki-restricted [17:40:28] but i cannot find that anywhere [17:41:11] You need to make a request to the tech team (by making a Phorge ticket) [17:42:57] im not quite sure what that is [17:45:59] im not quite sure what Phorge even is [17:46:06] google doesnt seem to be helping much either [17:49:42] you can request CirrusSearch at [[SR/RC]] [17:49:43] [18:12:21] Hello [18:13:39] I have never had a wiki account. And when I tried to create one today, I got this message [18:13:46] https://cdn.discordapp.com/attachments/407537962553966603/1398005251935699078/image.png?ex=6883c959&is=688277d9&hm=8f28bc63679bc2ac26b79161b42ab3071f92fd1a9d5986769d34d9a200abcfed& [18:18:52] @notaracham [18:22:42] You share an IP range with someone abusive [18:24:00] it's just bad luck? [18:24:27] Kinda ye [18:24:50] Please email cvt@miraheze.org with the username you want and a copy of the error [18:24:54] They will help you [20:34:02] i don't think "background-filter" exists as a property [20:35:29] backdrop-filter does [20:35:47] [20:41:14] [1/2] miraheze says otherwise [20:41:15] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1398042365847142460/image.png?ex=6883ebea&is=68829a6a&hm=3bf2dee15a749e3f78fbcfe97747499cfa78b2f89d6a84928f7b64686ea03592& [20:43:35] Possible it's lying? [20:45:50] The property is part of baseline 2024, so the sanitizer/linter hasn't picked it up yet [21:00:17] codemirror support recent CSS challenge (impossible) [21:00:37] Turns out, this old message was kidna sorta the way to go [21:01:13] [1/2] and it's almost exactly what i'm looking for, except not only is it slower, for some reason it pushes the navigation bar down a bit, making it cut off the top of the page? how do i fix these? [21:01:13] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1398047392015585311/Screenshot_2025-07-24_165548.png?ex=6883f098&is=68829f18&hm=b243a2cd62e3c0ec656e80436d7fd3ded112144b6af6d24d8e359717b8049f7d& [21:11:04] [1/2] https://cdn.discordapp.com/attachments/407537962553966603/1398049860854481008/Screenshot_2025-07-24_170836.png?ex=6883f2e5&is=6882a165&hm=38214abb8cae0b6050ba486ef1267c0f634bca58d24280d7c73b635cb71f8e09& [21:11:05] [2/2] https://cdn.discordapp.com/attachments/407537962553966603/1398049861164728380/Screenshot_2025-07-24_170902.png?ex=6883f2e5&is=6882a165&hm=b4f87213cecb7795b1d043be8f96795f622620317d195d34379f9c8786526860& [21:11:20] like why does it even do that [23:36:16] out of curiosity [23:36:44] i wont do this right now, but is it possible to make so that dark mode simply has a different set of UI colors rathar than just inverting almost everything [23:40:45] [1/4] Long version: [23:40:46] [2/4] https://meta.miraheze.org/wiki/Help:How_to_improve_the_dark_mode_appearance_of_my_wiki [23:40:46] [3/4] Short version: [23:40:46] [4/4] Yes. Inverting everything is the default and easiest to set up, but nothing prevents you from using the better (and more difficult) alternatives. [23:41:32] thats pretty cool [23:41:36] that will be good to keep in mind later [23:42:08] is it also possible to disable dark mode entirely, give my wiki an overall neutral-ish-leaning-dark UI color set, and just spite everyone who would dare use light mode to flashbang themselves? [23:45:32] [1/2] https://projectmoon.miraheze.org/wiki/Main_Page [23:45:32] [2/2] idk but this ui color set is absolutely stunning and fantastic, but i also find it funny how theres no light mode option, though i fear what that might look like [23:46:58] Yeah just diable Extension:DarkMode. You can just make your default skin Citizen and make citizen's default theme dark. Now everyone sees dark mode by default and you can opt to fix light mode if you are so inclined. [23:47:09] hooo [23:47:15] that sounds lovely [23:47:23] sorry but discord light mode users scare me [23:48:05] Maybe I should add a section to the guide which contains some "easy solutions" at the start. [23:49:12] i'd rather just revert the entire dark mode css and make the code styling from scratch [23:52:42] what's the purpose for that invert filter tho