new selfhosted version

dashboard/assets/scss/colors.scss

@@ -1,4 +0,0 @@
-:root {
-    --card-color: #1d1d1f;
-    --bg-color: #151517;
-}

dashboard/assets/scss/main.scss

@@ -1,113 +1 @@
-@use './utilities.scss';
-@use './colors.scss';
-
-:root{
-  --font-sans: "SF Pro Text","SF Pro Icons", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Google Sans", "Helvetica Neue", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
-}
-
-
-@font-face {
-  font-family: "Geist";
-  src: url("../fonts/GeistVF.ttf");
-}
-
-.actionable-visits-color-checkbox {
-  color: #5655d7;
-}
-
-.actionable-sessions-color-checkbox {
-  color: #4abde8;
-}
-.actionable-events-color-checkbox {
-  color: #fbbf24;
-}
-
-.geist {
-  font-family: "Geist", var(--font-sans);
-}
-
-
-.fas,
-.far,
-.fat {
-  font-family: "Font Awesome 6 Pro" !important;
-}
-
-.fab {
-  font-family: "Font Awesome 6 Brands" !important;
-}
-
-.brockmann {
-  font-family: "Brockmann", var(--font-sans)!important;
-}
-
-.nunito {
-  font-family: "Nunito",var(--font-sans)!important;
-}
-
-.inter {
-  font-family: "Inter", var(--font-sans)!important;
-}
-
-.geometric {
-  font-family: "Geometric Sans Serif v1", var(--font-sans)!important;
-}
-
-.manrope {
-  font-family: "Manrope", var(--font-sans)!important;
-}
-
-.lato {
-  font-family: "Lato", var(--font-sans)!important;
-}
-
-.poppins {
-  font-family: "Poppins", var(--font-sans)!important;
-}
-
-.poppins-childs {
-  font-family: "Poppins", var(--font-sans)!important;
-
-  * {
-    font-family: "Poppins", var(--font-sans)!important;
-  }
-}
-
-
-.hide-scrollbars {
-  -ms-overflow-style: none;
-  /* IE and Edge */
-  scrollbar-width: none;
-
-  /* Firefox */
-  &::-webkit-scrollbar {
-    display: none;
-    /* Chrome, Safari and Opera */
-  }
-}
-
-
-
-.card-shadow {
-  box-shadow: 0 0 18px #00000033;
-}
-
-progress::-webkit-progress-value {
-  transition: all 0.5s ease-in-out;
-}
-
-progress::-moz-progress-bar {
-  transition: all 0.5s ease-in-out;
-}
-
-html,
-body {
-  margin: 0;
-  width: 100dvw;
-  height: 100dvh;
-  overflow: hidden;
-}
-
-* {
-  font-family: 'Nunito', var(--font-sans);
-}
+@use './scrollbars.scss';

dashboard/assets/scss/scrollbars.scss

@@ -0,0 +1,24 @@
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border) transparent;
+
+    &::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: #888;
+        border-radius: 10px;
+        border: 2px solid #f1f1f1;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background-color: #555;
+    }
+
+}

dashboard/assets/scss/utilities.scss

@@ -1,28 +0,0 @@
-.test0 {
-    @apply border-gray-400/20 border;
-}
-
-.test {
-    border: 1px solid yellow !important;
-}
-
-.test2 {
-    border: 2px solid blue !important;
-}
-
-.test3 {
-    border: 3px solid green !important;
-}
-
-
-.bgtest {
-    background-color: yellow;
-}
-
-.bgtest2 {
-    background-color: blue;
-}
-
-.bgtest3 {
-    background-color: green;
-}