cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 07:00:58 -05:00
Code Issues Projects Releases Packages 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
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
4 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit 4b1df46153443e4a4fc7a03a1082f6d1e2e04782 Subproject commit 89d0eab2dc01487f9aa9c56b14e35c86ee567880

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);
} }