dark theme mixin for scss

Author: gihanrangana

snippets/scss/layouts/dark-theme.md

@@ -0,0 +1,24 @@
+---
+title: Dark Theme
+description: SCSS mixin to change styles for dark themes
+tags: scss, css, mixin, snippet, dark-theme, layout
+author: gihanrangana
+---
+
+```scss
+@mixin isDark($type: 'module') {
+	$root: &;
+
+	@if $type == 'module' {
+		:global {
+			@at-root body[theme='dark'] #{$root} {
+				@content;
+			}
+		}
+	} @else {
+		&[theme='dark'] {
+			@content;
+		}
+	}
+}
+```