Page MenuHomePhabricator
Create Task
Maniphest T355147

[EPIC] Dark Mode
Closed, ResolvedPublic
Actions

Description

Support the Web team with their work on dark mode for WE2.1 of the 2023-24 Annual Plan OKRs.

Details

Other Assignee
egardner

Related Objects
Search...

StatusSubtypeAssignedTask
 ResolvedDTorsani-WMFT355147 [EPIC] Dark Mode
 ResolvedSpikeegardnerT353172 [SPIKE] Investigate Codex support for CSS custom properties
 ResolvedSpike• CatropeT353173 [SPIKE] Investigate remaining work for IE11 deprecation
 ResolvedSpikeegardnerT356465 [Spike] Determine how to Codex should support different themes/modes
 ResolvedDesignJScherer-WMFT356323 Refine Night mode palette
 ResolvedegardnerT356537 Release experimental styles and CSS variable set of Codex design tokens for use in MediaWiki
 ResolvedAnneTT356540 Make CSS-only icons compatible with CSS variables
 ResolvedBUG REPORTJdlrobsonT357845 Regression: Minerva bell icon is black not gray
 ResolvedAnneTT356541 Stop using Less functions on color tokens
 Resolved• CatropeT356542 Integrate Codex's experimental CSS variables-based styles into MediaWiki
 ResolvedVolker_ET334790 tokens: Implement new static layout background-color tokens
 ResolvedlwatsonT358032 Put night mode color palette in Codex
 ResolvedegardnerT358031 Tokens: reorganize token files
 ResolvedBUG REPORTJdlrobsonT358406 [Design needed] Bytes added on history, contribute, watchlist and recent changes have color contrast issues and is inconsistent with colors on diff pages
 ResolvedovasilevaT361717 [VISUAL CHANGE] Make diffs and change lists text accessible in both day and night modes
 ResolvedDTorsani-WMFT362861 Add decision tokens for diff colors into Codex
 DuplicateNoneT360339 tokens: add dark mode to Codex
 ResolvedlwatsonT360341 Tokens: Add dark mode decision tokens
 ResolvedSpikeegardnerT360343 Tokens: Produce a "dark mode" build of Codex design tokens
 Resolved• CatropeT360577 Split experimental tokens output into separate CSS and Less files
 ResolvedDTorsani-WMFT360325 Add night mode colors in Figma
 DuplicateNoneT363007 [Placeholder] Document the CSS variables availability and usage
 ResolvedegardnerT363006 Fold the experimental build into the main build
 ResolvedegardnerT361325 Consider providing light mode CSS variables in Less mixin form
 ResolvedJdlrobsonT364777 [EPIC] Enable dark mode in OOUI
 DeclinedFeatureegardnerT363849 [OOUI] Make WikimediaUI theme compatible with CSS custom properties and future versions Codex Design Tokens
 DuplicateNoneT364420 QA Editing-related night mode changes (desktop)
 ResolvedovasilevaT360691 QA Editing-related OOUI updates (mobile + desktop)
 DuplicateBUG REPORTNoneT365517 PopupWidget notification for hidden sidebars has white background
 DeclinedFeatureegardnerT363857 [OOUI] Make WikimediaUI theme compatible with 'rem' units and future versions Codex Design Tokens
 DuplicateCCiufo-WMFT365521 QA Editing-related REM changes
 ResolvedovasilevaT365764 [OOUI] Icons: Add support for use in dark mode
 ResolvedNBaca-WMFT366709 [Spike] Make a decision on what needs to happen for icons before the new OOUI release
 DeclinedVolker_ET366101 [OOUI] Fix font size inconsistencies across skins with `rem` based sizing
 Resolved• CatropeT363758 Visual regression testing for dark mode
 ResolvedAnneTT365178 docs: Enable dark mode in Codex docs site (MVP)
 DeclinedNoneT365270 Table: improve readability in dark mode

Event Timeline

CCiufo-WMF created this task.Jan 16 2024, 2:07 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 16 2024, 2:07 PM
CCiufo-WMF changed the task status from Open to In Progress.Jan 16 2024, 2:09 PM
CCiufo-WMF assigned this task to DTorsani-WMF.
CCiufo-WMF triaged this task as High priority.
CCiufo-WMF updated Other Assignee, added: egardner.
CCiufo-WMF updated the task description. (Show Details)
CCiufo-WMF added a subtask: T353172: [SPIKE] Investigate Codex support for CSS custom properties.
CCiufo-WMF added a subtask: T353173: [SPIKE] Investigate remaining work for IE11 deprecation.Jan 16 2024, 2:14 PM
CCiufo-WMF renamed this task from [EPIC][PLACEHOLDER] Reading Preferences to [EPIC] Reading Preferences.Jan 19 2024, 9:31 PM
CCiufo-WMF changed the status of subtask T353173: [SPIKE] Investigate remaining work for IE11 deprecation from Open to In Progress.Jan 22 2024, 5:50 PM
bmartinezcalvo closed subtask T353173: [SPIKE] Investigate remaining work for IE11 deprecation as Resolved.Jan 22 2024, 5:52 PM
CCiufo-WMF changed the status of subtask T353172: [SPIKE] Investigate Codex support for CSS custom properties from Open to In Progress.Jan 23 2024, 7:45 PM
CCiufo-WMF renamed this task from [EPIC] Reading Preferences to [EPIC] Reading Preferences / Night Mode.Feb 2 2024, 2:58 PM
CCiufo-WMF added a subtask: T356323: Refine Night mode palette.Feb 2 2024, 3:33 PM
CCiufo-WMF added a subtask: T356537: Release experimental styles and CSS variable set of Codex design tokens for use in MediaWiki.Feb 2 2024, 9:12 PM
CCiufo-WMF closed subtask T353172: [SPIKE] Investigate Codex support for CSS custom properties as Resolved.Feb 5 2024, 5:39 PM
Jdlrobson closed subtask T356323: Refine Night mode palette as Resolved.Feb 7 2024, 12:29 AM
egardner changed the status of subtask T356537: Release experimental styles and CSS variable set of Codex design tokens for use in MediaWiki from Open to In Progress.Feb 15 2024, 7:15 PM
CCiufo-WMF mentioned this in T357835: Dark mode color palette.Feb 20 2024, 3:22 PM
Volker_E closed subtask T356537: Release experimental styles and CSS variable set of Codex design tokens for use in MediaWiki as Resolved.Feb 21 2024, 5:32 PM
egardner closed subtask T356465: [Spike] Determine how to Codex should support different themes/modes as Resolved.Mar 4 2024, 5:49 PM
CCiufo-WMF added a subtask: T358703: CSS-only Select icons are broken in dark mode.Mar 5 2024, 3:43 PM
CCiufo-WMF added a subtask: T334790: tokens: Implement new static layout background-color tokens.
CCiufo-WMF added a subtask: T358032: Put night mode color palette in Codex.
CCiufo-WMF added a subtask: T358031: Tokens: reorganize token files.
CCiufo-WMF renamed this task from [EPIC] Reading Preferences / Night Mode to [EPIC] Night Mode.Mar 5 2024, 3:47 PM
CCiufo-WMF updated the task description. (Show Details)
CCiufo-WMF changed the status of subtask T334790: tokens: Implement new static layout background-color tokens from Open to In Progress.
lwatson changed the status of subtask T358032: Put night mode color palette in Codex from Open to In Progress.Mar 7 2024, 6:14 PM
CCiufo-WMF added a subtask: T358406: [Design needed] Bytes added on history, contribute, watchlist and recent changes have color contrast issues and is inconsistent with colors on diff pages.Mar 12 2024, 7:37 PM
CCiufo-WMF added a subtask: T360077: Redesign the colors page in the Codex style guide to accommodate the expanded palette.Mar 15 2024, 3:06 PM
lwatson added a subtask: T360339: tokens: add dark mode to Codex.Mar 18 2024, 4:15 PM
egardner added a subtask: T360341: Tokens: Add dark mode decision tokens.Mar 18 2024, 4:25 PM
egardner added a subtask: T360343: Tokens: Produce a "dark mode" build of Codex design tokens.
CCiufo-WMF added a subtask: T360325: Add night mode colors in Figma.Mar 18 2024, 4:31 PM
egardner added a subtask: T360346: Tokens: Remove or correct inconsistent references.Mar 18 2024, 4:41 PM
egardner closed subtask T358032: Put night mode color palette in Codex as Resolved.Mar 19 2024, 10:16 PM
egardner closed subtask T334790: tokens: Implement new static layout background-color tokens as Resolved.
CCiufo-WMF mentioned this in T360726: Tokens: Make the rest of the Codex design tokens available as CSS variables.Mar 21 2024, 10:16 PM
DTorsani-WMF closed subtask T360325: Add night mode colors in Figma as Resolved.Apr 1 2024, 6:00 PM
Volker_E closed subtask T358031: Tokens: reorganize token files as Resolved.Apr 4 2024, 9:04 PM
Volker_E closed subtask T360343: Tokens: Produce a "dark mode" build of Codex design tokens as Resolved.Apr 4 2024, 9:55 PM
Jdlrobson closed subtask T358406: [Design needed] Bytes added on history, contribute, watchlist and recent changes have color contrast issues and is inconsistent with colors on diff pages as Resolved.Apr 5 2024, 7:10 AM
egardner closed subtask T360341: Tokens: Add dark mode decision tokens as Resolved.Apr 17 2024, 10:27 PM
CCiufo-WMF added a subtask: T363007: [Placeholder] Document the CSS variables availability and usage.Apr 19 2024, 5:36 PM
CCiufo-WMF added a subtask: T363006: Fold the experimental build into the main build.
CCiufo-WMF added a subtask: T361325: Consider providing light mode CSS variables in Less mixin form.Apr 19 2024, 5:44 PM
CCiufo-WMF renamed this task from [EPIC] Night Mode to [EPIC] Dark Mode.Apr 23 2024, 2:31 PM
CCiufo-WMF updated the task description. (Show Details)
lwatson closed subtask T363006: Fold the experimental build into the main build as Resolved.May 1 2024, 12:48 PM
lwatson closed subtask T361325: Consider providing light mode CSS variables in Less mixin form as Resolved.
egardner added a subtask: T364777: [EPIC] Enable dark mode in OOUI.May 13 2024, 7:35 PM
CCiufo-WMF added a subtask: T363758: Visual regression testing for dark mode.May 16 2024, 4:46 PM
CCiufo-WMF added a subtask: T365178: docs: Enable dark mode in Codex docs site (MVP).
CCiufo-WMF added a subtask: T365779: docs: Document CSS variables use in Codex usage documentation.May 27 2024, 7:35 PM
egardner mentioned this in T364777: [EPIC] Enable dark mode in OOUI.Jun 26 2024, 7:39 PM
Jdlrobson closed subtask T364777: [EPIC] Enable dark mode in OOUI as Resolved.Jun 26 2024, 7:51 PM
CCiufo-WMF moved this task from Now to Supporting on the Design-System-Team (Design-System-Product-Roadmap) board.Jul 4 2024, 5:15 PM
CCiufo-WMF added a subtask: T365270: Table: improve readability in dark mode.Jul 10 2024, 5:31 PM
• Catrope closed subtask T363758: Visual regression testing for dark mode as Resolved.Jul 12 2024, 6:25 PM
CCiufo-WMF removed a subtask: T360077: Redesign the colors page in the Codex style guide to accommodate the expanded palette.Jul 31 2024, 4:10 PM
AnneT closed subtask T365270: Table: improve readability in dark mode as Declined.Aug 5 2024, 5:46 PM
AnneT changed the status of subtask T365178: docs: Enable dark mode in Codex docs site (MVP) from Open to In Progress.Aug 12 2024, 7:44 PM
egardner closed subtask T365178: docs: Enable dark mode in Codex docs site (MVP) as Resolved.Aug 21 2024, 4:27 PM
CCiufo-WMF removed a subtask: T360346: Tokens: Remove or correct inconsistent references.Sep 5 2024, 7:09 PM
CCiufo-WMF removed a subtask: T365779: docs: Document CSS variables use in Codex usage documentation.Sep 5 2024, 7:18 PM
CCiufo-WMF removed a subtask: T358703: CSS-only Select icons are broken in dark mode.
CCiufo-WMF closed this task as Resolved.Sep 5 2024, 7:21 PM

Closing this out as all the core work to support dark mode last fiscal year is complete! I've spun out the remaining open subtasks and any new Codex-related dark mode tasks can just be filed normally.

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits