Init Commit

themes/adritian/assets/scss/_page-transition.scss

@@ -0,0 +1,22 @@
+.transition-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  z-index: 9999;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s ease;
+}
+
+/* For dark mode */
+html[data-bs-theme="dark"] .transition-overlay {
+  background-color: #181818;
+}
+
+.transition-active .transition-overlay {
+  opacity: 1;
+  pointer-events: all;
+}