Make footnote background transparent

andredelft · Mar 19, 2022 · c8913f6 · c8913f6
1 parent 7a1b1be
commit c8913f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/dist/tailwind-dark.css b/dist/tailwind-dark.css
@@ -45,7 +45,6 @@
   --code-bracket: var(--code-bracket-inverted);
   --code-citation: var(--code-citation-inverted);
 
-  --footnote-bg: var(--footnote-bg-inverted);
   --button-bg: var(--button-bg-inverted);
 
   --md-grid-header: var(--md-grid-header-inverted);

diff --git a/dist/tailwind.css b/dist/tailwind.css
@@ -128,11 +128,14 @@
     "Liberation Mono", "Courier New", monospace;
 
   /* Custom */
-  --footnote: var(--theme-800);
-  --footnote-bg: var(--theme-200);
+  --footnote: var(--tw-prose-body);
+  /* I'd love to use the --theme grayscale for --footnote-bg, but there's (currently) 
+  no way to add an alpha-channel to a CSS variable (and we need the transparency
+  because otherwise the caret wil not be visible), so I here just used a hardcoded
+  copy of --theme-500 */
+  --footnote-bg: #94a3b855;
   --button-bg: var(--theme-200);
 
-  --footnote-bg-inverted: var(--theme-400);
   --button-bg-inverted: var(--theme-600);
 
   --md-grid-header: var(--theme-100);