Update scss mixins light() and dark() to be used without parent selector

resources/feature/theme/theme.scss

@@ -1,11 +1,23 @@
 @mixin light {
-  body.theme-light & {
+  @include scope(theme-light) {
     @content;
   }
 }
 
 @mixin dark {
-  body.theme-dark & {
+  @include scope(theme-dark) {
     @content;
   }
 }
+
+@mixin scope($class) {
+  @if & {
+    html.#{$class} & {
+      @content;
+    }
+  } @else {
+    body.#{$class} {
+      @content;
+    }
+  }
+}

resources/js/components/navbar-toggle.ts

@@ -32,6 +32,7 @@ function setViewTheme(isDark: boolean): void {
 
 function setBodyTheme(isDark: boolean): void {
   document.querySelector('html')!.classList.toggle('theme-dark', isDark);
+  document.querySelector('html')!.classList.toggle('theme-light', !isDark);
   document.body.classList.toggle('theme-dark', isDark);
   document.body.classList.toggle('theme-light', !isDark);
 }