abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-09 02:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(tooltips): reworked tooltip design

Browse Source
This commit is contained in:
trashtemp
2022-01-13 17:31:15 +01:00
parent 3b4227d4ba
commit a7c63c639e
4 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
external/lang vendored

Submodule external/lang updated: 4b1df46153...89d0eab2dc

2
src/components/navigation/left/ServerListSidebar.tsx
View File

@@ -402,7 +402,7 @@ export default observer(() => {
<div <div
style={{ style={{
padding: "1px 5px", padding: "1px 5px",
fontSize: "11px", fontSize: "9px",
background: "var(--status-busy)", background: "var(--status-busy)",
borderRadius: "60px", borderRadius: "60px",
}}> }}>

3
src/context/Theme.tsx
View File

@@ -27,6 +27,7 @@ export type Variables =
| "secondary-header" | "secondary-header"
| "tertiary-background" | "tertiary-background"
| "tertiary-foreground" | "tertiary-foreground"
| "tooltip"
| "status-online" | "status-online"
| "status-away" | "status-away"
| "status-busy" | "status-busy"
@@ -241,6 +242,7 @@ export const PRESETS: Record<string, Theme> = {
mention: "rgba(251, 255, 0, 0.40)", mention: "rgba(251, 255, 0, 0.40)",
success: "#65E572", success: "#65E572",
warning: "#FAA352", warning: "#FAA352",
tooltip: "#000000",
error: "#ED4245", error: "#ED4245",
hover: "rgba(0, 0, 0, 0.2)", hover: "rgba(0, 0, 0, 0.2)",
"scrollbar-thumb": "#CA525A", "scrollbar-thumb": "#CA525A",
@@ -267,6 +269,7 @@ export const PRESETS: Record<string, Theme> = {
mention: "rgba(251, 255, 0, 0.06)", mention: "rgba(251, 255, 0, 0.06)",
success: "#65E572", success: "#65E572",
warning: "#FAA352", warning: "#FAA352",
tooltip: "#000000",
error: "#ED4245", error: "#ED4245",
hover: "rgba(0, 0, 0, 0.1)", hover: "rgba(0, 0, 0, 0.1)",
"scrollbar-thumb": "#CA525A", "scrollbar-thumb": "#CA525A",

10
src/styles/index.scss
View File

@@ -8,14 +8,16 @@
.tippy-box { .tippy-box {
color: var(--foreground); color: var(--foreground);
background: var(--secondary-background); background: var(--tooltip, var(--background));
} }
.tippy-content { .tippy-content {
padding: 8px; padding: 6px 10px;
font-size: 12px; font-size: 13px;
font-weight: 600;
max-width: 200px;
} }
.tippy-arrow { .tippy-arrow {
color: var(--secondary-background); color: var(--tooltip);
} }