Update reset and bg color

- Add light bg color for sidebar and navbar
- remove margins for header tags

foundation/public/css/erpnext-org-theme.css

@@ -75,7 +75,7 @@
   width: var(--unit-3);
 }
 .page-shadow {
-  box-shadow: 0 0 30px -5px var(--light-grey);
+  box-shadow: 0 0 0.5rem 0 var(--light-grey);
 }
 .search-icon {
   fill: var(--dark-grey);

foundation/public/css/reset.css

@@ -76,8 +76,7 @@ h3,
 h4,
 h5,
 h6 {
-	margin-bottom: 1rem;
+	margin: 0;
-	margin-top: 0;
 	font-weight: 500;
 }
 

foundation/public/less/erpnext-org-theme.less

@@ -8,7 +8,7 @@
 }
 
 .page-shadow {
-	box-shadow: 0 0 30px -5px var(--light-grey);
+	box-shadow: 0 0 0.5rem 0 var(--light-grey);
 }
 
 .search-icon {
@@ -20,4 +20,4 @@
 	left: 1rem;
 	top:  50%;
 	transform: translateY(-50%);
-}
+}

foundation/templates/includes/navbar/navbar.html

@@ -7,12 +7,12 @@
 			</a>
 			<ul class="list-unstyled flex">
 				<li>
-					<span class="fg-light-grey">&#10094;</span>
+					<span class="fg-light-grey">&#10095;</span>
 					<a class="hover:bg-light-grey p1 border-radius" href="">Service Providers</a>
 				</li>
 				<li>
-					<span class="fg-light-grey">&#10094;</span>
+					<span class="fg-light-grey">&#10095;</span>
-					<a class="hover:bg-light-grey p1 border-radius" href="">Cloude8</a>
+					<a class="hover:bg-light-grey p1 border-radius" href="">Cloud8</a>
 				</li>
 			</ul>
 		</div>

foundation/templates/includes/sidebar/sidebar.html

@@ -1,10 +1,10 @@
 <nav>
     <ul class="list-unstyled m0 p0">
-        <li class="ph4 pv1 bg-dark-grey">
+        <li class="ph4 pv1 bg-light-grey">
-            <a class="fg-white" href="">Service Providers</a>
+            <a class="" href="">Service Providers</a>
         </li>
         {% for list_item in ['Chapters', 'Fellowship', 'Blog'] %}
-        <li class="ph4 pv1 hover:bg-light-grey">
+        <li class="ph4 pv1 hover:bg-light">
             <a href="">{{ list_item }}</a>
         </li>
         {% endfor %}