From 831451730997279e1c3a79d24b8cbb219ba94b06 Mon Sep 17 00:00:00 2001
From: Joe Dolson <design@joedolson.com>
Date: Sat, 14 Mar 2026 11:13:33 -0500
Subject: [PATCH 1/4] Use flex for radio layout

---
 src/wp-admin/css/forms.css | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index 8a58c876a722d..248f530ee578c 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/wp-admin/css/forms.css
@@ -171,10 +171,9 @@ td > input[type="checkbox"],
 }
 
 input[type="radio"] {
+	display: inline-flex;
 	border-radius: 50%;
 	margin-right: 0.25rem;
-	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
-	line-height: 0.71428571;
 }
 
 input[type="checkbox"]:checked::before,
@@ -211,10 +210,8 @@ input[type="radio"]:checked::before {
 	border-radius: 50%;
 	width: 0.5rem; /* 8px */
 	height: 0.5rem; /* 8px */
-	margin: 0.1875rem; /* 3px */
+	margin: auto;
 	background-color: #fff;
-	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
-	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -957,13 +954,6 @@ ul#add-to-blog-users {
 	line-height: 1.4;
 }
 
-.form-table input.tog,
-.form-table input[type="radio"] {
-	margin-top: -4px;
-	margin-right: 4px;
-	float: none;
-}
-
 .form-table .pre {
 	padding: 8px;
 	margin: 0;

From 719a9be1eb7a4aaa429b70b1a75cea3dff345d9e Mon Sep 17 00:00:00 2001
From: Joe Dolson <design@joedolson.com>
Date: Tue, 17 Mar 2026 09:51:23 -0500
Subject: [PATCH 2/4] Remove obsolete 'tog' class.

---
 src/wp-admin/includes/misc.php   | 2 +-
 src/wp-admin/options-reading.php | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/wp-admin/includes/misc.php b/src/wp-admin/includes/misc.php
index f60e1aedf037a..0fab3443b122a 100644
--- a/src/wp-admin/includes/misc.php
+++ b/src/wp-admin/includes/misc.php
@@ -1032,7 +1032,7 @@ function admin_color_scheme_picker( $user_id ) {
 
 			?>
 			<div class="color-option <?php echo ( $color === $current_color ) ? 'selected' : ''; ?>">
-				<input name="admin_color" id="admin_color_<?php echo esc_attr( $color ); ?>" type="radio" value="<?php echo esc_attr( $color ); ?>" class="tog" <?php checked( $color, $current_color ); ?> />
+				<input name="admin_color" id="admin_color_<?php echo esc_attr( $color ); ?>" type="radio" value="<?php echo esc_attr( $color ); ?>" <?php checked( $color, $current_color ); ?> />
 				<input type="hidden" class="css_url" value="<?php echo esc_url( $color_info->url ); ?>" />
 				<input type="hidden" class="icon_colors" value="<?php echo esc_attr( wp_json_encode( array( 'icons' => $color_info->icon_colors ) ) ); ?>" />
 				<label for="admin_color_<?php echo esc_attr( $color ); ?>"><?php echo esc_html( $color_info->name ); ?></label>
diff --git a/src/wp-admin/options-reading.php b/src/wp-admin/options-reading.php
index d08abc108d669..31facac7edcca 100644
--- a/src/wp-admin/options-reading.php
+++ b/src/wp-admin/options-reading.php
@@ -90,12 +90,12 @@
 <td id="front-static-pages"><fieldset>
 	<legend class="screen-reader-text"><span><?php echo $your_homepage_displays_title; ?></span></legend>
 	<p><label>
-		<input name="show_on_front" type="radio" value="posts" class="tog" <?php checked( 'posts', get_option( 'show_on_front' ) ); ?> />
+		<input name="show_on_front" type="radio" value="posts" <?php checked( 'posts', get_option( 'show_on_front' ) ); ?> />
 		<?php _e( 'Your latest posts' ); ?>
 	</label>
 	</p>
 	<p><label>
-		<input name="show_on_front" type="radio" value="page" class="tog" <?php checked( 'page', get_option( 'show_on_front' ) ); ?> />
+		<input name="show_on_front" type="radio" value="page" <?php checked( 'page', get_option( 'show_on_front' ) ); ?> />
 		<?php
 		printf(
 			/* translators: %s: URL to Pages screen. */

From 4bf407ddd200d43baefbccf5416216e93182d2d6 Mon Sep 17 00:00:00 2001
From: Joe Dolson <design@joedolson.com>
Date: Tue, 17 Mar 2026 09:52:12 -0500
Subject: [PATCH 3/4] Update src/wp-admin/css/forms.css

Co-authored-by: Stephen A. Bernhardt <sabernhardt@yahoo.com>
---
 src/wp-admin/css/forms.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index 248f530ee578c..c1fa999f1e054 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/wp-admin/css/forms.css
@@ -174,6 +174,8 @@ input[type="radio"] {
 	display: inline-flex;
 	border-radius: 50%;
 	margin-right: 0.25rem;
+	align-items: center;
+	justify-content: center;
 }
 
 input[type="checkbox"]:checked::before,

From 722a7bff27172701ff75b6705452e025a1b6703d Mon Sep 17 00:00:00 2001
From: Joe Dolson <design@joedolson.com>
Date: Tue, 17 Mar 2026 09:52:32 -0500
Subject: [PATCH 4/4] Update src/wp-admin/css/forms.css

Co-authored-by: Stephen A. Bernhardt <sabernhardt@yahoo.com>
---
 src/wp-admin/css/forms.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index c1fa999f1e054..bc3aa2ea3bc41 100644
--- a/src/wp-admin/css/forms.css
+++ b/src/wp-admin/css/forms.css
@@ -214,6 +214,8 @@ input[type="radio"]:checked::before {
 	height: 0.5rem; /* 8px */
 	margin: auto;
 	background-color: #fff;
+	/* Only visible in Windows High Contrast mode */
+	outline: 4px solid transparent;
 }
 
 @-moz-document url-prefix() {