Improve callout source contrast

Author: hojberg

src/css/definition-doc.css

@@ -16,6 +16,7 @@
   --color-doc-aside-bg: var(--color-doc-focus-aside-bg);
   --color-doc-aside-source-bg: var(--color-doc-focus-aside-source-bg);
   --color-doc-callout-bg: var(--color-doc-focus-callout-bg);
+  --color-doc-callout-source-bg: var(--color-doc-focus-callout-source-bg);
   --color-doc-subtle-fg: var(--color-doc-focus-subtle-fg);
   --color-doc-source-bg: var(--color-doc-focus-source-bg);
   --color-doc-source-mg: var(--color-doc-focus-source-mg);
@@ -246,6 +247,18 @@
   font-size: 1rem;
 }
 
+.definition-doc .callout .source.code,
+.definition-doc .callout .sources .source,
+.definition-doc .callout .folded-sources .source,
+.definition-doc .callout .source.example,
+.definition-doc .callout .source.eval,
+.definition-doc .callout .source.signatures .signature,
+.definition-doc
+  .callout
+  .source:is(.inline-code, .example-inline, .eval-inline, .signature-inline) {
+  background: var(--color-doc-callout-source-bg);
+}
+
 .definition-doc table {
   margin-bottom: 1rem;
   table-layout: fixed;

src/css/themes/unison/light.css

@@ -114,6 +114,7 @@
   --color-doc-aside-bg: var(--color-gray-lighten-60);
   --color-doc-aside-source-bg: var(--color-gray-lighten-55);
   --color-doc-callout-bg: var(--color-blue-5);
+  --color-doc-callout-source-bg: var(--color-gray-lighten-45);
   --color-doc-subtle-fg: var(--color-gray-lighten-30);
   --color-doc-source-bg: var(--color-gray-lighten-60);
   --color-doc-source-mg: var(--color-gray-lighten-45);
@@ -129,6 +130,7 @@
   --color-doc-focus-aside-bg: var(--color-gray-lighten-55);
   --color-doc-focus-aside-source-bg: var(--color-gray-lighten-50);
   --color-doc-focus-callout-bg: var(--color-blue-5);
+  --color-doc-focus-callout-source-bg: var(--color-gray-lighten-45);
   --color-doc-focus-subtle-fg: var(--color-gray-lighten-30);
   --color-doc-focus-source-bg: var(--color-gray-lighten-55);
   --color-doc-focus-source-mg: var(--color-gray-lighten-45);