the color of a table is not carried over if I copied the html results to a new location

[tony-an-phd]

Description

I highlight the body of a table in c.qmd:

---
title: "Table coloring is not in the result library?"
format:
  html:
    css: styles.css
---

The html output for @tbl-ex has a blue background controled by
the file styles.css, which contains one thing

```css
#tbl-ex td {
    background-color: #B0E0E6;
}
```
Table:**this table should be highlighted **{#tbl-ex}{.striped}

| X     | Y  |
|:-----:|:--:|
| 29948 | 52 |
| 29539 | 27 |
| 32697 | 18 |

The results looks fine, when I click on generated c.html:

However, when I tried to show this to someone else by copying over the c.html file along with the folder called c_files to a new location, the coloring of the table disappeared at the new location for c.html.

Is there anyway to preserve the styles.css markup when I share the html output?

Thanks!

Tony

[mcanouil]

Use embed-resources: true for single document, see https://quarto.org/docs/output-formats/html-basics.html#self-contained.

[mcanouil]

Note that your code cannot produce the first screenshot you've shared.
To clarify, I ran your code and it only produces the second screenshot.

I can reproduce, you need to share your CSS as well. (or use the option suggested above)
Take a look at your HTML file and you'll see:

<link rel="stylesheet" href="style.css">