From 5a490f732552b299ff23c0963ef456663be25fa3 Mon Sep 17 00:00:00 2001
From: marination <maricadsouza221197@gmail.com>
Date: Mon, 10 May 2021 17:07:48 +0530
Subject: [PATCH 1/2] chore: Add global style for radio buttons

---
 frappe/public/scss/common/global.scss | 38 +++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/frappe/public/scss/common/global.scss b/frappe/public/scss/common/global.scss
index e9646b30e5..6c28dc939d 100644
--- a/frappe/public/scss/common/global.scss
+++ b/frappe/public/scss/common/global.scss
@@ -18,6 +18,44 @@
 
 $check-icon: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
 
+input[type="radio"] {
+	position: relative;
+	width: var(--checkbox-size) !important;
+	height: var(--checkbox-size);
+	margin-right: 8px !important;
+	font-size: calc(var(--checkbox-size) - 1px);
+	background-repeat: no-repeat;
+	background-position: center;
+	cursor: pointer;
+
+	// Reset browser behavior
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	appearance: none;
+
+	-webkit-print-color-adjust: exact;
+	color-adjust: exact;
+
+	&:focus {
+		outline: none;
+	}
+
+	&:before {
+		width: var(--checkbox-size);
+		height: var(--checkbox-size);
+		position: absolute;
+		content: ' ';
+		border: 1px solid var(--gray-400);
+		border-radius: 16px;
+	}
+
+	&:checked::before {
+		background-color: #2490EF;
+		border-radius: 16px;
+		box-shadow: inset 0 0 0 2px white;
+	}
+}
+
 input[type="checkbox"] {
 	position: relative;
 	width: var(--checkbox-size) !important;

From 29adcef4f09a85d4f0223e5129017d9530572c86 Mon Sep 17 00:00:00 2001
From: marination <maricadsouza221197@gmail.com>
Date: Tue, 11 May 2021 19:16:09 +0530
Subject: [PATCH 2/2] fix: Use css variable for color

---
 frappe/public/scss/common/global.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frappe/public/scss/common/global.scss b/frappe/public/scss/common/global.scss
index 6c28dc939d..024e0cd2a4 100644
--- a/frappe/public/scss/common/global.scss
+++ b/frappe/public/scss/common/global.scss
@@ -50,7 +50,7 @@ input[type="radio"] {
 	}
 
 	&:checked::before {
-		background-color: #2490EF;
+		background-color: var(--blue-500);
 		border-radius: 16px;
 		box-shadow: inset 0 0 0 2px white;
 	}
@@ -81,7 +81,7 @@ input[type="checkbox"] {
 	}
 
 	&:checked {
-		background-color: #2490EF;
+		background-color: var(--blue-500);
 		background-image: $check-icon, linear-gradient(180deg, #4AC3F8 -124.51%, #2490EF 100%);
 		background-size: 57%, 100%;
 		box-shadow: none;