fix: Mermaid diagrams do not respect dark mode (#4564)

* wip * Move event binding
2022-12-11 11:33:17 -08:00
parent e4da92a359
commit 80780eedda
5 changed files with 50 additions and 7 deletions
--- a/shared/styles/theme.ts
+++ b/shared/styles/theme.ts
@@ -22,6 +22,7 @@ const colors = {
  black05: "rgba(0, 0, 0, 0.05)",
  black10: "rgba(0, 0, 0, 0.1)",
  black50: "rgba(0, 0, 0, 0.50)",
+  black75: "rgba(0, 0, 0, 0.75)",
  primary: "#0366d6",
  yellow: "#EDBA07",
  warmGrey: "#EDF2F7",
@@ -204,7 +205,7 @@ export const dark = {
  toastText: colors.lightBlack,
  quote: colors.almostWhite,
  code: colors.almostWhite,
-  codeBackground: colors.black,
+  codeBackground: colors.black75,
  codeBorder: colors.black50,
  codeString: "#3d8fd1",
  embedBorder: colors.black50,