[wp-trac] [WordPress Trac] #58835: Twenty Twenty-One: Dark mode is not enabled in the block editor iframe

WordPress Trac noreply at wordpress.org
Sun Jul 23 14:12:10 UTC 2023


#58835: Twenty Twenty-One: Dark mode is not enabled in the block editor iframe
-------------------------------------+---------------------
 Reporter:  poena                    |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  6.3
Component:  Bundled Theme            |     Version:  trunk
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:
-------------------------------------+---------------------

Comment (by Ankit K Gupta):

 == Test Report


 Patch tested:
 https://core.trac.wordpress.org/attachment/ticket/58835/tt1-darkmode.diff


 === Env
 * WordPress - 6.4-alpha-20230723.183918
 * Web Server: Nginx
 * Chrome Version - 114
 * OS -  macOS
 * Theme: Twenty Twenty-One
 * PHP - 8.1.9
 * Active Plugin - Gutenberg v 16.2.1


 === Steps to test

 1. Go to WordPress Dashboard
 2. Activate the Twenty Twenty-One theme.
 3. Go to "Appearance" > "Customize" and open the "Colors & Dark Mode"
 panel.
 4. Enable the dark mode option by checking the corresponding checkbox.
 5. In the page preview, located in the bottom right corner, enable the
 dark mode by clicking the dark mode button.
 6. Open the block editor in the post or page



 === Test result

 After applying the patch file, the dark mode issue in Twenty Twenty-One
 theme has been effectively resolved. The dark mode feature now works as
 expected in the block editor, and users can toggle dark mode on/off using
 the "Dark Mode" button. Background color changes are applied as intended,
 and the block editor works fine with Gutenberg version 16.2.1 enabled and
 disabled. ✅



 **After- **

 [[Image(https://i.imgur.com/ZieArnG.jpg)]]


 **Live Demo- **  https://somup.com/c0i02jzpp8

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/58835#comment:9>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list