From a7c63c639e6d05702afa0414019a56ecacaffdaf Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Thu, 13 Jan 2022 17:31:15 +0100
Subject: [PATCH] chore(tooltips): reworked tooltip design

---
 external/lang                                        |  2 +-
 src/components/navigation/left/ServerListSidebar.tsx |  2 +-
 src/context/Theme.tsx                                |  3 +++
 src/styles/index.scss                                | 10 ++++++----
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/external/lang b/external/lang
index 4b1df461..89d0eab2 160000
--- a/external/lang
+++ b/external/lang
@@ -1 +1 @@
-Subproject commit 4b1df46153443e4a4fc7a03a1082f6d1e2e04782
+Subproject commit 89d0eab2dc01487f9aa9c56b14e35c86ee567880
diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index 4b5dc0fe..3c11b949 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -402,7 +402,7 @@ export default observer(() => {
                                     <div
                                         style={{
                                             padding: "1px 5px",
-                                            fontSize: "11px",
+                                            fontSize: "9px",
                                             background: "var(--status-busy)",
                                             borderRadius: "60px",
                                         }}>
diff --git a/src/context/Theme.tsx b/src/context/Theme.tsx
index ceb2a401..bf33fbfa 100644
--- a/src/context/Theme.tsx
+++ b/src/context/Theme.tsx
@@ -27,6 +27,7 @@ export type Variables =
     | "secondary-header"
     | "tertiary-background"
     | "tertiary-foreground"
+    | "tooltip"
     | "status-online"
     | "status-away"
     | "status-busy"
@@ -241,6 +242,7 @@ export const PRESETS: Record<string, Theme> = {
         mention: "rgba(251, 255, 0, 0.40)",
         success: "#65E572",
         warning: "#FAA352",
+        tooltip: "#000000",
         error: "#ED4245",
         hover: "rgba(0, 0, 0, 0.2)",
         "scrollbar-thumb": "#CA525A",
@@ -267,6 +269,7 @@ export const PRESETS: Record<string, Theme> = {
         mention: "rgba(251, 255, 0, 0.06)",
         success: "#65E572",
         warning: "#FAA352",
+        tooltip: "#000000",
         error: "#ED4245",
         hover: "rgba(0, 0, 0, 0.1)",
         "scrollbar-thumb": "#CA525A",
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 62113584..fee69ec7 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -8,14 +8,16 @@
 
 .tippy-box {
     color: var(--foreground);
-    background: var(--secondary-background);
+    background: var(--tooltip, var(--background));
 }
 
 .tippy-content {
-    padding: 8px;
-    font-size: 12px;
+    padding: 6px 10px;
+    font-size: 13px;
+    font-weight: 600;
+    max-width: 200px;
 }
 
 .tippy-arrow {
-    color: var(--secondary-background);
+    color: var(--tooltip);
 }