From 131b1b629f71a474b26b2d511f496a05294ff06c Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 9 Aug 2022 20:00:37 +0200
Subject: [PATCH] fix: add styling

---
 src/routes/__layout.svelte | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 533865504..9543f944b 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -78,3 +78,28 @@
 {:else}
     <Loading />
 {/if}
+
+<style lang="scss" global>
+    .tippy-box {
+        --p-tooltip-text-color: var(--color-neutral-10);
+        --p-tooltip--bg-color: var(--color-neutral-100);
+
+        background-color: hsl(var(--p-tooltip--bg-color));
+        color: hsl(var(--p-tooltip-text-color));
+        font-size: var(--font-size-0);
+        line-height: 1.5;
+
+        &[data-placement^='top'] > .tippy-arrow::before {
+            border-top-color: hsl(var(--p-tooltip--bg-color));
+        }
+        &[data-placement^='bottom'] > .tippy-arrow::before {
+            border-bottom-color: hsl(var(--p-tooltip--bg-color));
+        }
+        &[data-placement^='left'] > .tippy-arrow::before {
+            border-left-color: hsl(var(--p-tooltip--bg-color));
+        }
+        &[data-placement^='right'] > .tippy-arrow::before {
+            border-right-color: hsl(var(--p-tooltip--bg-color));
+        }
+    }
+</style>