From b894a4db88601e5d8b54b840a0eec3cfec120a1d Mon Sep 17 00:00:00 2001
From: KarunyaChavan <karunyachavan84@outlook.com>
Date: Thu, 25 Jun 2026 16:17:52 +0530
Subject: [PATCH 1/2] refact(ux): replace yellow color with green for quick
 drafts.

- Replaced background color with green in Quick Draft dashboard widget.
- Added padding and margins for Quick Draft list widget in dashboard.
---
 src/js/_enqueues/wp/dashboard.js | 2 +-
 src/wp-admin/css/dashboard.css   | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/js/_enqueues/wp/dashboard.js b/src/js/_enqueues/wp/dashboard.js
index bea3373ae5c97..5ae42791ef7a5 100644
--- a/src/js/_enqueues/wp/dashboard.js
+++ b/src/js/_enqueues/wp/dashboard.js
@@ -170,7 +170,7 @@ jQuery( function($) {
  			 */
 			function highlightLatestPost () {
 				var latestPost = $('.drafts ul li').first();
-				latestPost.css('background', '#fffbe5');
+				latestPost.css('background', '#cceebb');
 				setTimeout(function () {
 					latestPost.css('background', 'none');
 				}, 1000);
diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css
index ab73f828f7067..930bb746594ab 100644
--- a/src/wp-admin/css/dashboard.css
+++ b/src/wp-admin/css/dashboard.css
@@ -849,6 +849,9 @@ body #dashboard-widgets .postbox form .submit {
 
 #dashboard_quick_press .drafts li {
 	margin-bottom: 1em;
+	padding: 0.5em;
+	margin-left: -0.5em;
+	margin-right: -0.5em;
 }
 #dashboard_quick_press .drafts li time {
 	color: #646970;

From dd9219004d9b64660aa483fdee1ae13b77b228d7 Mon Sep 17 00:00:00 2001
From: KarunyaChavan <karunyachavan84@outlook.com>
Date: Thu, 25 Jun 2026 16:27:02 +0530
Subject: [PATCH 2/2] refact(css): modernize quick draft highlight with CSS
 class and transition.

---
 src/js/_enqueues/wp/dashboard.js | 4 ++--
 src/wp-admin/css/dashboard.css   | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/js/_enqueues/wp/dashboard.js b/src/js/_enqueues/wp/dashboard.js
index 5ae42791ef7a5..791d00340b4d9 100644
--- a/src/js/_enqueues/wp/dashboard.js
+++ b/src/js/_enqueues/wp/dashboard.js
@@ -170,9 +170,9 @@ jQuery( function($) {
  			 */
 			function highlightLatestPost () {
 				var latestPost = $('.drafts ul li').first();
-				latestPost.css('background', '#cceebb');
+				latestPost.addClass('is-highlighted');
 				setTimeout(function () {
-					latestPost.css('background', 'none');
+					latestPost.removeClass('is-highlighted');
 				}, 1000);
 			}
 		} );
diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css
index 930bb746594ab..242c4e3fef8cc 100644
--- a/src/wp-admin/css/dashboard.css
+++ b/src/wp-admin/css/dashboard.css
@@ -852,6 +852,12 @@ body #dashboard-widgets .postbox form .submit {
 	padding: 0.5em;
 	margin-left: -0.5em;
 	margin-right: -0.5em;
+	transition: background-color 1s ease-out;
+}
+
+#dashboard_quick_press .drafts li.is-highlighted {
+	background-color: #cceebb;
+	transition: none;
 }
 #dashboard_quick_press .drafts li time {
 	color: #646970;