diff --git a/public/consolidated/scss.json b/public/consolidated/scss.json
index 28ae8932..498f3665 100644
--- a/public/consolidated/scss.json
+++ b/public/consolidated/scss.json
@@ -95,6 +95,21 @@
                 "contributors": [],
                 "code": "@mixin aspect-ratio($width, $height) {\n  position: relative;\n  width: 100%;\n  padding-top: ($height / $width) * 100%;\n  > * {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n"
             },
+            {
+                "title": "Dark Theme",
+                "description": "SCSS mixin to change styles for dark themes.",
+                "author": "gihanrangana",
+                "tags": [
+                    "scss",
+                    "css",
+                    "mixin",
+                    "snippet",
+                    "dark-theme",
+                    "layout"
+                ],
+                "contributors": [],
+                "code": "@mixin isDark($type: 'module') {\n  $root: &;\n\n  @if $type == 'module' {\n    :global {\n      @at-root body[theme='dark'] #{$root} {\n        @content;\n      }\n    }\n  } @else {\n    &[theme='dark'] {\n      @content;\n    }\n  }\n}\n\n// Usage:\n.container{\n\tbackground: #f0f0f0;\n\t@include isDark {\n\t\tbackground: #222;\n\t}\n}\n"
+            },
             {
                 "title": "Flex Center",
                 "description": "A mixin to center content using flexbox.",
diff --git a/public/icons/csharp.svg b/public/icons/csharp.svg
new file mode 100644
index 00000000..96cf5abc
--- /dev/null
+++ b/public/icons/csharp.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="50px" viewBox="0 0 50 50" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(63.137257%,47.450981%,86.274511%);fill-opacity:1;" d="M 47.148438 14.660156 C 47.148438 13.824219 46.96875 13.082031 46.605469 12.445312 C 46.25 11.820312 45.714844 11.296875 45 10.882812 C 39.09375 7.476562 33.179688 4.082031 27.273438 0.671875 C 25.683594 -0.246094 24.140625 -0.214844 22.558594 0.71875 C 20.207031 2.105469 8.4375 8.847656 4.929688 10.878906 C 3.484375 11.71875 2.78125 12.996094 2.78125 14.660156 C 2.777344 21.511719 2.78125 28.359375 2.777344 35.210938 C 2.777344 36.03125 2.949219 36.757812 3.296875 37.382812 C 3.652344 38.027344 4.195312 38.566406 4.925781 38.988281 C 8.433594 41.019531 20.207031 47.765625 22.558594 49.152344 C 24.140625 50.085938 25.683594 50.117188 27.273438 49.199219 C 33.179688 45.789062 39.09375 42.394531 45 38.988281 C 45.734375 38.5625 46.273438 38.023438 46.632812 37.382812 C 46.976562 36.753906 47.148438 36.027344 47.148438 35.207031 C 47.148438 35.207031 47.148438 21.511719 47.148438 14.660156 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(15.686275%,0%,40.784314%);fill-opacity:1;" d="M 25.03125 24.867188 L 3.296875 37.382812 C 3.652344 38.027344 4.195312 38.566406 4.925781 38.988281 C 8.433594 41.019531 20.207031 47.765625 22.558594 49.152344 C 24.140625 50.085938 25.683594 50.117188 27.273438 49.199219 C 33.179688 45.789062 39.09375 42.394531 45 38.988281 C 45.734375 38.5625 46.273438 38.023438 46.632812 37.382812 L 25.03125 24.867188 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(22.352941%,0%,56.862748%);fill-opacity:1;" d="M 47.148438 14.660156 C 47.148438 13.824219 46.96875 13.082031 46.605469 12.445312 L 25.03125 24.867188 L 46.632812 37.382812 C 46.976562 36.753906 47.148438 36.027344 47.148438 35.207031 C 47.148438 35.207031 47.148438 21.511719 47.148438 14.660156 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 37.828125 20.191406 L 37.828125 22.527344 L 40.167969 22.527344 L 40.167969 20.191406 L 41.335938 20.191406 L 41.335938 22.527344 L 43.675781 22.527344 L 43.675781 23.699219 L 41.335938 23.699219 L 41.335938 26.039062 L 43.675781 26.039062 L 43.675781 27.207031 L 41.335938 27.207031 L 41.335938 29.546875 L 40.167969 29.546875 L 40.167969 27.207031 L 37.828125 27.207031 L 37.828125 29.546875 L 36.660156 29.546875 L 36.660156 27.207031 L 34.320312 27.207031 L 34.320312 26.039062 L 36.660156 26.039062 L 36.660156 23.699219 L 34.320312 23.699219 L 34.320312 22.527344 L 36.660156 22.527344 L 36.660156 20.191406 Z M 40.167969 23.699219 L 37.828125 23.699219 L 37.828125 26.039062 L 40.167969 26.039062 Z M 40.167969 23.699219 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 25.078125 8.441406 C 31.179688 8.441406 36.507812 11.753906 39.359375 16.679688 L 39.332031 16.632812 L 32.15625 20.765625 C 30.738281 18.371094 28.148438 16.757812 25.171875 16.722656 L 25.078125 16.722656 C 20.542969 16.722656 16.867188 20.398438 16.867188 24.933594 C 16.867188 26.417969 17.261719 27.808594 17.949219 29.007812 C 19.367188 31.480469 22.027344 33.148438 25.078125 33.148438 C 28.152344 33.148438 30.828125 31.460938 32.234375 28.960938 L 32.203125 29.023438 L 39.371094 33.175781 C 36.546875 38.058594 31.292969 41.359375 25.261719 41.425781 L 25.078125 41.429688 C 18.957031 41.429688 13.617188 38.09375 10.769531 33.144531 C 9.382812 30.726562 8.585938 27.921875 8.585938 24.933594 C 8.585938 15.828125 15.96875 8.441406 25.078125 8.441406 Z M 25.078125 8.441406 "/>
+</g>
+</svg>
diff --git a/snippets/scss/layouts/dark-theme.md b/snippets/scss/layouts/dark-theme.md
new file mode 100644
index 00000000..418776c3
--- /dev/null
+++ b/snippets/scss/layouts/dark-theme.md
@@ -0,0 +1,32 @@
+---
+title: Dark Theme
+description: SCSS mixin to change styles for dark themes.
+author: gihanrangana
+tags: scss, css, mixin, snippet, dark-theme, layout
+---
+
+```scss
+@mixin isDark($type: 'module') {
+  $root: &;
+
+  @if $type == 'module' {
+    :global {
+      @at-root body[theme='dark'] #{$root} {
+        @content;
+      }
+    }
+  } @else {
+    &[theme='dark'] {
+      @content;
+    }
+  }
+}
+
+// Usage:
+.container{
+	background: #f0f0f0;
+	@include isDark {
+		background: #222;
+	}
+}
+```
\ No newline at end of file