diff --git a/frappe/public/js/frappe/list/list_view.js b/frappe/public/js/frappe/list/list_view.js
index 4d172e9802..167fd3ed9d 100644
--- a/frappe/public/js/frappe/list/list_view.js
+++ b/frappe/public/js/frappe/list/list_view.js
@@ -870,9 +870,7 @@ frappe.views.ListView = class ListView extends frappe.views.BaseList {
 				</div>`;
 		}
 
-		const comment_count = `<span class="${
-			!doc._comment_count ? "text-extra-muted" : ""
-		} comment-count">
+		const comment_count = `<span class="comment-count">
 				${frappe.utils.icon('small-message')}
 				${doc._comment_count > 99 ? "99+" : doc._comment_count}
 			</span>`;
diff --git a/frappe/public/scss/common/css_variables.scss b/frappe/public/scss/common/css_variables.scss
index a89ebb3b50..cadb5bf330 100644
--- a/frappe/public/scss/common/css_variables.scss
+++ b/frappe/public/scss/common/css_variables.scss
@@ -16,7 +16,7 @@
 	--blue-900: #1A4469;
 	--blue-800: #154875;
 	--blue-700: #1366AE;
-	--blue-600: #1579D0;
+	--blue-600: #1673C5;
 	--blue-500: #2490EF;
 	--blue-400: #50A6F2;
 	--blue-300: #7CBCF5;
@@ -143,7 +143,7 @@
 	--btn-shadow: var(--shadow-xs);
 
 	// Type Colors
-	--text-muted: var(--gray-600);
+	--text-muted: var(--gray-700);
 	--text-light: var(--gray-800);
 	--text-color: var(--gray-900);
 	--heading-color: var(--gray-900);
@@ -177,19 +177,18 @@
 	--text-2xl: 20px;
 	--text-3xl: 22px;
 
-	--text-on-blue: var(--blue-600);
-	--text-on-light-blue: var(--blue-500);
-	--text-on-dark-blue: var(--blue-700);
-	--text-on-blue: var(--blue-600);
-	--text-on-green: var(--dark-green-500);
-	--text-on-yellow: var(--yellow-500);
-	--text-on-orange: var(--orange-500);
-	--text-on-red: var(--red-500);
+	--text-on-blue: var(--blue-700);
+	--text-on-light-blue: var(--blue-600);
+	--text-on-dark-blue: var(--blue-800);
+	--text-on-green: var(--dark-green-700);
+	--text-on-yellow: var(--yellow-700);
+	--text-on-orange: var(--orange-600);
+	--text-on-red: var(--red-600);
 	--text-on-gray: var(--gray-600);
 	--text-on-light-gray: var(--gray-800);
-	--text-on-purple: var(--purple-500);
-	--text-on-pink: var(--pink-500);
-	--text-on-cyan: var(--cyan-600);
+	--text-on-purple: var(--purple-700);
+	--text-on-pink: var(--pink-600);
+	--text-on-cyan: var(--cyan-800);
 
 	// alert colors
 	--alert-text-danger: var(--red-600);
diff --git a/frappe/public/scss/desk/filters.scss b/frappe/public/scss/desk/filters.scss
index 0552311ee2..ffaea7a9bd 100644
--- a/frappe/public/scss/desk/filters.scss
+++ b/frappe/public/scss/desk/filters.scss
@@ -1,6 +1,6 @@
 .filter-icon.active {
 	use {
-		stroke: var(--blue-500);
+		stroke: var(--text-on-blue);
 	}
 }
 
diff --git a/frappe/public/scss/desk/list.scss b/frappe/public/scss/desk/list.scss
index c71dbdca89..31d1661abb 100644
--- a/frappe/public/scss/desk/list.scss
+++ b/frappe/public/scss/desk/list.scss
@@ -204,8 +204,8 @@ $level-margin-right: 8px;
 			border: 1px solid var(--dark-border-color);
 
 			&.btn-info {
-				background-color: var(--gray-400);
-				border-color: var(--gray-400);
+				background-color: var(--gray-600);
+				border-color: var(--gray-600);
 				color: var(--white);
 				font-weight: var(--text-bold);
 			}
@@ -401,7 +401,7 @@ input.list-check-all {
 	}
 
 	.filter-button.btn-primary-light {
-		color: var(--blue-500);
+		color: var(--text-on-blue);
 	}
 
 	.sort-selector {