refactor: Remove darkgrey class

- Replace darkgray with gray

frappe/desk/doctype/note/note_list.js

@@ -7,7 +7,7 @@ frappe.listview_settings['Note'] = {
 		if(doc.public) {
 			return [__("Public"), "green", "public,=,Yes"];
 		} else {
-			return [__("Private"), "darkgray", "public,=,No"];
+			return [__("Private"), "gray", "public,=,No"];
 		}
 	}
 }

frappe/email/doctype/email_account/email_account_list.js

@@ -2,19 +2,19 @@ frappe.listview_settings["Email Account"] = {
 	add_fields: ["default_incoming", "default_outgoing", "enable_incoming", "enable_outgoing"],
 	get_indicator: function(doc) {
 		if(doc.default_incoming && doc.default_outgoing) {
-			var color = (doc.enable_incoming && doc.enable_outgoing) ? "blue" : "darkgray";
+			var color = (doc.enable_incoming && doc.enable_outgoing) ? "blue" : "gray";
 			return [__("Default Sending and Inbox"), color, "default_incoming,=,Yes|default_outgoing,=,Yes"]
 		}
 		else if(doc.default_incoming) {
-			var color = doc.enable_incoming ? "blue" : "darkgray";
+			var color = doc.enable_incoming ? "blue" : "gray";
 			return [__("Default Inbox"), color, "default_incoming,=,Yes"];
 		}
 		else if(doc.default_outgoing) {
-			var color = doc.enable_outgoing ? "blue" : "darkgray";
+			var color = doc.enable_outgoing ? "blue" : "gray";
 			return [__("Default Sending"), color, "default_outgoing,=,Yes"];
 		}
 		else {
-			var color = doc.enable_incoming ? "blue" : "darkgray";
+			var color = doc.enable_incoming ? "blue" : "gray";
 			return [__("Inbox"), color, "is_global,=,No|is_default=No"];
 		}
 	}

frappe/public/css/indicator.css

@@ -44,8 +44,8 @@
 .indicator-right.purple::after {
   background: #743ee2;
 }
-.indicator.darkgray::before,
-.indicator-right.darkgray::after {
+.indicator.gray::before,
+.indicator-right.gray::after {
   background: #b8c2cc;
 }
 .indicator.black::before,

frappe/public/css/website.css

@@ -388,8 +388,8 @@ a.no-decoration:active {
 .indicator-right.purple::after {
   background: #743ee2;
 }
-.indicator.darkgray::before,
-.indicator-right.darkgray::after {
+.indicator.gray::before,
+.indicator-right.gray::after {
   background: #b8c2cc;
 }
 .indicator.black::before,

frappe/public/js/frappe/chat.js

@@ -682,7 +682,7 @@ frappe.chat.profile.STATUSES
 	},
 	{
 		 name: "Offline",
-		color: "darkgray"
+		color: "gray"
 	}
 ]
 

frappe/public/js/frappe/model/indicator.js

@@ -45,7 +45,7 @@ frappe.get_indicator = function(doc, doctype) {
 					"Info": "light-blue",
 				}[locals["Workflow State"][value].style];
 			}
-			if(!colour) colour = "darkgray";
+			if(!colour) colour = "gray";
 
 			return [__(value), colour, workflow_fieldname + ',=,' + value];
 		}

frappe/public/js/frappe/utils/utils.js

@@ -398,7 +398,7 @@ Object.assign(frappe.utils, {
 	},
 	guess_style: function(text, default_style, _colour) {
 		var style = default_style || "default";
-		var colour = "darkgray";
+		var colour = "gray";
 		if (text) {
 			if (has_words(["Pending", "Review", "Medium", "Not Approved"], text)) {
 				style = "warning";

frappe/public/js/frappe/views/kanban/kanban_board.js

@@ -642,7 +642,7 @@ frappe.provide("frappe.views");
 				title: col.column_name,
 				status: col.status,
 				order: col.order,
-				indicator: col.indicator || 'darkgray'
+				indicator: col.indicator || 'gray'
 			};
 		});
 	}

frappe/public/less/email.less

@@ -180,7 +180,7 @@ hr {
 	width: 8px;
 	height: 8px;
 	border-radius: 8px;
-	background-color: @indicator-darkgray;
+	background-color: @indicator-gray;
 	display: inline-block;
 	margin-right: 5px;
 

frappe/public/less/form.less

@@ -66,7 +66,7 @@
 
 
 		.document-flow-link-wrapper:not(:last-child) {
-			border-top: 1px solid @indicator-darkgray;
+			border-top: 1px solid @indicator-gray;
 			// padding-left: 20px;
 			// padding-right: 20px;
 			margin-right: -4px;

frappe/public/less/variables.less

@@ -26,7 +26,7 @@
 @indicator-green:		#98d85b;
 @indicator-orange:		#ffa00a;
 @indicator-purple:		#743ee2;
-@indicator-darkgray:		#b8c2cc;
+@indicator-gray:		#b8c2cc;
 @indicator-yellow:		#feef72;
 @indicator-light-blue:		#7cd6fd;
 @heart-color:			@indicator-red;

frappe/public/scss/indicator.scss

@@ -71,10 +71,7 @@
 	--indicator-yellow-bg: var(--yellow-50);
 
 	--indicator-gray: var(--gray-600);
-	--indicator-gray-bg: var(--gray-100);
-
-	--indicator-dark-gray: var(--gray-700);
-	--indicator-dark-gray-bg: var(--gray-400);
+	--indicator-gray-bg: var(--gray-200);
 
 	--indicator-red: var(--red-500);
 	--indicator-red-bg: var(--red-50);
@@ -96,9 +93,6 @@
 	--indicator-gray: var(--gray-100);
 	--indicator-gray-bg: var(--gray-600);
 
-	--indicator-dark-gray: var(--gray-500);
-	--indicator-dark-gray-bg: var(--gray-900);
-
 	--indicator-red: var(--red-50);
 	--indicator-red-bg: var(--red-500);
 }
@@ -154,13 +148,13 @@
 	}
 }
 
-.indicator.darkgray,
-.indicator-pill.darkgray,
-.indicator-pill-right.darkgray {
-	background: var(--indicator-dark-gray-bg);
-	color: var(--indicator-dark-gray);
+.indicator.gray,
+.indicator-pill.gray,
+.indicator-pill-right.gray {
+	background: var(--indicator-gray-bg);
+	color: var(--indicator-gray);
 	&::before, &::after {
-		background: var(--indicator-dark-gray);
+		background: var(--indicator-gray);
 	}
 }
 

frappe/website/doctype/blog_post/blog_post_list.js

@@ -4,7 +4,7 @@ frappe.listview_settings['Blog Post'] = {
 		if(doc.published) {
 			return [__("Published"), "green", "published,=,Yes"];
 		} else {
-			return [__("Not Published"), "darkgray", "published,=,Yes"];
+			return [__("Not Published"), "gray", "published,=,Yes"];
 		}
 	}
 };

frappe/website/doctype/web_page/web_page_list.js

@@ -4,7 +4,7 @@ frappe.listview_settings['Web Page'] = {
 		if(doc.published) {
 			return [__("Published"), "green", "published,=,Yes"];
 		} else {
-			return [__("Not Published"), "darkgray", "published,=,Yes"];
+			return [__("Not Published"), "gray", "published,=,Yes"];
 		}
 	}
 };

frappe/workflow/doctype/workflow/workflow_list.js

@@ -4,7 +4,7 @@ frappe.listview_settings['Workflow'] = {
 		if(doc.is_active) {
 			return [__("Active"), "green", "is_active,=,Yes"];
 		} else if(!doc.is_active) {
-			return [__("Not active"), "darkgray", "is_active,=,No"];
+			return [__("Not active"), "gray", "is_active,=,No"];
 		}
 	}
 };

frappe/www/404.html

@@ -20,7 +20,7 @@ html, body {
 </script>
 <div class='page-card'>
 	<div class='page-card-head'>
-		<span class='indicator darkgray'>{{_("Page Missing or Moved")}}</span>
+		<span class='indicator gray'>{{_("Page Missing or Moved")}}</span>
 	</div>
 	<p>{{_("The page you are looking for is missing. This could be because it is moved or there is a typo in the link.")}}</p>
 	<div><a href='/' class='btn btn-primary btn-sm'>{{ _("Home") }}</a></div>

frappe/www/login.html

@@ -83,7 +83,7 @@
 		</form>
 	{%- else -%}
 		<div class='page-card-head'>
-			<span class='indicator darkgray'>{{_("Signup Disabled")}}</span>
+			<span class='indicator gray'>{{_("Signup Disabled")}}</span>
 		</div>
 		<p>{{_("Signups have been disabled for this website.")}}</p>
 		<div><a href='/' class='btn btn-primary btn-sm'>{{ _("Home") }}</a></div>