Darkmode Styling Updated ++

.vscode/article.code-snippets

@@ -0,0 +1,20 @@
+{
+	"article frontmatter": {
+		"scope": "markdown",
+		"prefix": "article frontmatter",
+		"body": [
+			"---"
+			"layout: post-article"
+			"article: true"
+			"title: '$1'"
+			"description: $2"
+			"hero-image: $3"
+			"hero-image-alt: $4"
+			"tags: [$5]"
+			"content-type: ${6|reference,tool,interactive,video,my content,reading,publication,portfolio,article,blog|}"
+			"date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE"
+			"---"
+		],
+		"description" : "Frontmatter for a Article"
+	}
+}

README.md

@@ -214,9 +214,9 @@ https://instagram.com/naher94 |✖️|✖️|✅|
 https://www.threads.net/@naher94 |✖️|✖️|✅|
 https://github.com/naher94 |✖️|✖️|✅| Twitter link
 https://twitter.com/naher94 |✅ header image|✅|✅
-https://codepen.io/naher94 | ✖️|✖️|✖️| Twitter link
+https://codepen.io/rehanbutt | ✖️|✖️|✖️| Twitter link
 https://www.pinterest.com/naher94/ | ✖️|✖️|✖️
-https://500px.com/p/naher94 |✖️|✅|✅| Twitter & Instagram links
+https://500px.com/p/rehan_butt |✖️|✅|✅| Twitter & Instagram links
 https://dribbble.com/rehanbutt |✖️|✅|✅|social links
 https://www.imdb.com/name/nm15449795/ |✖️|✖️|✖️| rehanbutt.com & Linkedin links
 https://adplist.org/mentors/rehan-butt |✅ header image|✅|✅| Twitter link 

_articles/product-principles-strategies.markdown

@@ -94,4 +94,4 @@ A series of principles and strategies that I have found to work well when buildi
       <p>Software should be opinionated. Its the only way software can excel at the task at hand. Flexible software lets everyone invent their own workflows, which can create chaos as the user group scales. And distracts the team from the product vision.</p>
     </div>
   </div>
-</div>
+</div>

_config.yml

@@ -13,7 +13,7 @@ description: > # this means to ignore newlines until "baseurl:"
 
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://rehanbutt.com" # the base hostname & protocol for your site
-version: 8.12.0
+version: 8.14.0
 version-naming: [Apricot, Blackcurrent, Coconut, Dragonfruit, Elderberry, Fig, Guava, Honeydew]
 
 # Build settings

_sass/about.scss

@@ -41,13 +41,6 @@
         .rainbow{
           font-weight: $zilla-bold;
         }
-        code{
-          color: inherit;
-          border-radius: 5px;
-          padding-bottom: 0.15em;
-          background-color: semantic-color(inline-code);
-          border: 0;
-        }
         @include breakpoint(small only) {
           font-size: 1.2rem;
         }

_sass/variables.scss

@@ -90,7 +90,6 @@ $semantic-colors:(
     footer-bg: $navy-black-l9,
     footer-nav-hover: $navy-black-l8,
     footer-logo: $navy-black,
-    inline-code: $navy-black-l9,
     recent-resources-bg: $signature-teal,
     button-outline: $navy-black,
     button-fill: $navy-black,
@@ -125,14 +124,13 @@ $semantic-colors:(
     shadow: rgba($navy-black-d9,0.75),
     floating-card-bg: $navy-black,
     footer-bg: $navy-black-d2,
-    footer-nav-hover: $navy-black-d4,
+    footer-nav-hover: $navy-black-l1,
     footer-logo: $pure-white,
-    inline-code: $navy-black-d8,
     recent-resources-bg: $signature-teal-d2,
     button-outline: $pure-white,
     button-fill: $pure-white,
     selection-background: $signature-teal-d3,
-    code-bg: $navy-black-d8,
+    code-bg: $navy-black-l1,
     resources-video: #FF5A5A,
     resources-reading: #4DC94D,
     resources-interactive: #7583FF,