Add theme assets;

2024-01-21 17:18:37 +01:00
parent fcc061aeba
commit aa45b6a645
1425 changed files with 430771 additions and 1 deletions
--- a/public/assets/scss/theme-dark/components/plugin-overrides/_apex-charts.scss
+++ b/public/assets/scss/theme-dark/components/plugin-overrides/_apex-charts.scss
@@ -0,0 +1,88 @@
+// npm package: apexcharts
+// github link: https://github.com/apexcharts/apexcharts.js
+
+div.apexcharts-canvas {
+  .apexcharts-menu {
+    background: $dropdown-bg !important;
+    color: $body-color;
+    border-color: $border-color;
+  }
+
+  .apexcharts-zoom-icon svg, 
+  .apexcharts-zoomin-icon svg, 
+  .apexcharts-zoomout-icon svg, 
+  .apexcharts-reset-icon svg, 
+  .apexcharts-pan-icon svg, 
+  .apexcharts-selection-icon svg, 
+  .apexcharts-menu-icon svg, 
+  .apexcharts-toolbar-custom-icon svg {
+    fill: $secondary;
+  }
+
+  .apexcharts-legend.apexcharts-align-right .apexcharts-legend-series, 
+  .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
+    display: flex;
+    align-items: center;
+  }
+
+  .apexcharts-legend-marker {
+    margin-right: 3px;
+  }
+
+  .apexcharts-tooltip {
+    background: rgba($dropdown-bg, .8);
+    color: $body-color;
+    box-shadow: $dropdown-box-shadow;
+    border-radius: $border-radius;
+    border: 1px solid $dropdown-border-color;
+    .apexcharts-tooltip-title {
+      border-color: $border-color;
+      background-color: $dropdown-bg;
+    }
+    * {
+      font-family: $font-family-sans-serif !important;
+    }
+  }
+  .apexcharts-tooltip-series-group.apexcharts-active, 
+  .apexcharts-tooltip-series-group:last-child {
+    padding: 0 10px;
+  }
+  .apexcharts-tooltip-text-y-value, 
+  .apexcharts-tooltip-text-goals-value, 
+  .apexcharts-tooltip-text-z-value {
+    margin-left: 0;
+  }
+
+  .apexcharts-tooltip-title {
+    margin-bottom: 0;
+  }
+
+  .apexcharts-xaxistooltip,
+  .apexcharts-yaxistooltip {
+    background: $dropdown-bg;
+    color: $body-color;
+    border-color: $dropdown-border-color;
+  }
+
+  .apexcharts-xaxistooltip-bottom::before {
+    border-bottom-color: $dropdown-border-color;
+  }
+  .apexcharts-xaxistooltip-bottom::after {
+    border-bottom-color: rgba($dropdown-bg, .8);
+  }
+
+  .apexcharts-yaxistooltip-left:before {
+    border-left-color: $dropdown-border-color;
+  }
+  .apexcharts-yaxistooltip-left:after {
+    border-left-color: rgba($dropdown-bg, .8);
+  }
+
+  .apexcharts-tooltip-marker {
+    /*rtl:raw:
+    margin-right: 0; 
+    margin-left: 10px; 
+    */
+  }
+
+}