diff --git a/components/Toolbar/index.tsx b/components/Toolbar/index.tsx
index 3a41143e..f84bb957 100644
--- a/components/Toolbar/index.tsx
+++ b/components/Toolbar/index.tsx
@@ -46,6 +46,8 @@ import { addLinkBlock } from "src/utils/addLinkBlock";
import * as Tooltip from "@radix-ui/react-tooltip";
import { Separator, ShortcutKey } from "components/Layout";
import { Input } from "components/Input";
+import { metaKey } from "src/utils/metaKey";
+import { isMac } from "@react-aria/utils";
export const TextToolbar = (props: { cardID: string; blockID: string }) => {
let { rep } = useReplicache();
@@ -86,7 +88,7 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => {
Bold
- Cntrl +{" "}
+ {metaKey()} +{" "}
B
@@ -98,7 +100,7 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => {
tooltipContent=
Italic
- Cntrl +{" "}
+ {metaKey()} +{" "}
I
@@ -112,7 +114,7 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => {
Strikethrough
- Cntrl +{" "}
+ {metaKey()} +{" "}
Cmd +{" "}
X
@@ -129,9 +131,20 @@ export const TextToolbar = (props: { cardID: string; blockID: string }) => {
Highlight
- Cntrl +{" "}
- Cmd +{" "}
- H
+ $
+ {isMac() ? (
+ <>
+ Ctrl +{" "}
+ Cmd +{" "}
+ H
+ >
+ ) : (
+ <>
+ Ctrl +{" "}
+ Meta +{" "}
+ H
+ >
+ )}
}
diff --git a/src/utils/metaKey.ts b/src/utils/metaKey.ts
new file mode 100644
index 00000000..93ed1a8f
--- /dev/null
+++ b/src/utils/metaKey.ts
@@ -0,0 +1,3 @@
+import { isMac } from "@react-aria/utils";
+
+export const metaKey = () => (isMac() ? "⌘" : "Ctrl");