playwright tests before fixing #8568

i simply report
i do not try to explain
but it looks like a11y has a dark mode inline code foreground color

Author: gordonwoodhull

tests/docs/playwright/html/dark-brand/syntax-highlighting/a11y-syntax-highlighting.qmd

@@ -9,12 +9,17 @@ theme:
 highlight-style: a11y
 ---
 
+### Inline code
+
+* Python: `def identity(x): return x`{.python}
+* R: `identity <- function(x) x`{.r}
+
+### Code blocks
 
 ```markdown
 ![asdf](asd.png)
 ```
 
-
 ```python
 #| label: fig-polar
 #| fig-cap: "A line plot on a polar axis"

tests/docs/playwright/html/dark-brand/syntax-highlighting/arrow-syntax-highlighting.qmd

@@ -12,13 +12,17 @@ _quarto:
         - ["link[href*=\"-dark-\"]"]
 ---
 
-## Hello
+### Inline code
+
+* Python: `def identity(x): return x`{.python}
+* R: `identity <- function(x) x`{.r}
+
+### Code blocks
 
 ```markdown
 ![asdf](asd.png)
 ```
 
-
 ```python
 #| label: fig-polar
 #| fig-cap: "A line plot on a polar axis"

tests/integration/playwright/tests/html-dark-mode.spec.ts

@@ -43,9 +43,18 @@ test('Syntax highlighting, a11y, with JS', async ({ page }) => {
   await expect(locatr).toHaveClass('fullcontent quarto-light');
   await expect(locatr).toHaveCSS('background-color', 'rgb(255, 255, 255)');
   const importKeyword = await page.locator('span.im').first();
+  // light inline code
+  const pythonCode = await page.locator('li code.sourceCode.r');
+  await expect(pythonCode).toHaveCSS('background-color', 'rgb(248, 249, 250)');
+  await expect(pythonCode).toHaveCSS('color', 'rgb(125, 18, 186)');
   // light highlight stylesheet 
   await expect(importKeyword).toHaveCSS('color', 'rgb(84, 84, 84)');
+
   await page.locator("a.quarto-color-scheme-toggle").click();
+
+  // dark inline code
+  await expect(pythonCode).toHaveCSS('background-color', 'rgb(248, 249, 250)');
+  await expect(pythonCode).toHaveCSS('color', 'rgb(192, 128, 216)');
   // dark highlight stylesheet
   await expect(importKeyword).toHaveCSS('color', 'rgb(248, 248, 242)');
 });
@@ -58,6 +67,16 @@ test('Syntax highlighting, arrow, with JS', async ({ page }) => {
   const locatr = await page.locator('body').first();
   await expect(locatr).toHaveClass('fullcontent quarto-light');
   await expect(locatr).toHaveCSS('background-color', 'rgb(255, 255, 255)');
+  // light inline code
+  const pythonCode = await page.locator('li code.sourceCode.python');
+  await expect(pythonCode).toHaveCSS('background-color', 'rgb(248, 249, 250)');
+  await expect(pythonCode).toHaveCSS('color', 'rgb(125, 18, 186)');
+  // alert
   const link = await page.locator('span.al').first();
-  await expect(link).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)');
+  await expect(link).toHaveCSS('background-color', 'rgba(0, 0, 0, 0)'); // transparent
+
+  await page.locator("a.quarto-color-scheme-toggle").click();
+  // dark inline code
+  await expect(pythonCode).toHaveCSS('background-color', 'rgb(248, 249, 250)');
+  await expect(pythonCode).toHaveCSS('color', 'rgb(125, 18, 186)');
 });