fix: correct data path color

fix: missing ionic component icons
feat: parallax detail background

src/theme/common/_ion-content-parallax.scss

@@ -0,0 +1,48 @@
+/*!
+ * Copyright (C) 2022 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+@mixin ion-content-parallax(
+  $parallax-background: var(--ion-color-primary),
+  $background: var(--ion-color-light),
+  $parallax-strength: 2,
+  $overscroll-padding: 50vh,
+  $content-size: 0px,
+) {
+  &::part(background) {
+    background: $background;
+  }
+  &::part(scroll) {
+    perspective: 2px;
+  }
+  > div {
+    transform-style: preserve-3d;
+    position: relative;
+
+    &::after {
+      content: " ";
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: calc(#{$content-size} + #{$parallax-strength} * #{$overscroll-padding});
+      width: 200%;
+      transform:
+        translateY(calc(-#{$overscroll-padding} * #{$parallax-strength}))
+        translateZ(calc(-1px * #{$parallax-strength}))
+        scale(1.5);
+      z-index: -1;
+      background: $parallax-background;
+    }
+  }
+}