From 1dff93f00c0dfa7c13bf714ac2f6e5eb1916faa0 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 19 Nov 2020 13:10:41 +0530
Subject: [PATCH] feat: update website avatar

---
 frappe/public/scss/website/index.scss          |  1 +
 frappe/public/scss/website/navbar.scss         |  5 +++++
 frappe/public/scss/website/website_avatar.scss |  8 ++++++++
 frappe/public/scss/website/website_image.scss  | 10 ----------
 4 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 frappe/public/scss/website/website_avatar.scss

diff --git a/frappe/public/scss/website/index.scss b/frappe/public/scss/website/index.scss
index 95836f2db4..a7308bb500 100644
--- a/frappe/public/scss/website/index.scss
+++ b/frappe/public/scss/website/index.scss
@@ -5,6 +5,7 @@
 @import 'base';
 @import 'multilevel_dropdown';
 @import 'website_image';
+@import 'website_avatar';
 @import 'page_builder';
 @import 'blog';
 @import 'markdown';
diff --git a/frappe/public/scss/website/navbar.scss b/frappe/public/scss/website/navbar.scss
index eae59b0295..51b9340009 100644
--- a/frappe/public/scss/website/navbar.scss
+++ b/frappe/public/scss/website/navbar.scss
@@ -57,3 +57,8 @@
 		color: $primary;
 	}
 }
+
+.nav-link.nav-avatar {
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
\ No newline at end of file
diff --git a/frappe/public/scss/website/website_avatar.scss b/frappe/public/scss/website/website_avatar.scss
new file mode 100644
index 0000000000..a378623925
--- /dev/null
+++ b/frappe/public/scss/website/website_avatar.scss
@@ -0,0 +1,8 @@
+@import '../desk/avatar';
+
+:root,
+[data-theme="dark"] {
+	--avatar-frame-color: var(--gray-500);
+	--avatar-frame-bg: var(--gray-100);
+	--avatar-frame-border: var(--gray-100);
+}
\ No newline at end of file
diff --git a/frappe/public/scss/website/website_image.scss b/frappe/public/scss/website/website_image.scss
index d416c05650..8e97ccf8fb 100644
--- a/frappe/public/scss/website/website_image.scss
+++ b/frappe/public/scss/website/website_image.scss
@@ -20,16 +20,6 @@ img:after {
 	padding: 50% 0;
 }
 
-.standard-image {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: $border-radius;
-	border: 1px solid $border-color;
-	width: 1.5rem;
-	height: 1.5rem;
-}
-
 .website-image-placeholder {
 	display: flex;
 	justify-content: center;