update: theme component and readme

Author: smithg09

README.md

@@ -49,8 +49,11 @@ Devbox is a lightweight, cross-platform desktop application built with Tauri (Ru
 - [x] REST API Testing
 - [x] Graphiql
 - [x] EPOCH Convertor
-- [ ] URL Parser
-- [ ] URL Encoder
+- [x] URL Parser
+- [x] URL Encoder
+- [x] HMAC Generator
+- [x] Backslash Escape/Unescape
+- [x] DNS Lookup Tool
 - [ ] Diff tools
 - [ ] CSS Playground
 - [ ] Scratch Pad (code)
@@ -74,11 +77,8 @@ Devbox is a lightweight, cross-platform desktop application built with Tauri (Ru
 - [ ] JSON <> YAML
 - [ ] Hashing Text
 - [ ] Hasing Files
-- [ ] HMAC Generator
 - [ ] Notes
 - [ ] World clock
-- [ ] Backslash Escape/Unescape
 - [ ] Certificate Decoder X.509
 - [ ] WebSocket Client
 - [ ] Mock API Server / Webhook test
-- [ ] DNS Lookup Tool

src/Theme/index.ts

@@ -1,5 +1,5 @@
 import type { MantineThemeOverride } from "@mantine/core";
-import { Card, Checkbox, Container, createTheme, Paper, rem, Select } from "@mantine/core";
+import { Card, Checkbox, Container, createTheme, Paper, rem, Select, Tooltip } from "@mantine/core";
 
 const CONTAINER_SIZES: Record<string, string> = {
   xxs: rem("200px"),
@@ -91,6 +91,17 @@ export const theme: MantineThemeOverride = createTheme({
         radius: "sm",
       },
     }),
+    Tooltip: Tooltip.extend({
+      defaultProps: {
+        radius: "md",
+        withArrow: true,
+        arrowSize: 10,
+        arrowOffset: 10,
+        fz: "var(--mantine-font-size-xs)",
+        fw: "var(--mantine-font-weight-normal)",
+        lh: "var(--mantine-line-height-sm)",
+      },
+    }),
   },
   other: {
     style: "mantine",