# Styling Table Embeds

SA5 has a default theme you can use as a starting point.

To create your own theme, you can;

* Copy this code into an embed&#x20;
* Set your theme attribute to `wfu-theme` = `custom`
* Modify the code to your liking, as you would any other custom CSS&#x20;

{% hint style="success" %}
If you build something elegant you think the SA5 community would benefit from, let us know!  We may include additional community-created themes in the library.&#x20;
{% endhint %}

```html
<style>
[wfu-theme=custom] table {
  border-collapse: collapse;
  margin-top: 10px;
}
[wfu-theme=custom] table tr td {
  padding: 0.2rem 1rem;
  border: 1px solid white;
  vertical-align: top;
  margin-bottom: 5px;
}
[wfu-theme=custom] table tr td p {
  line-height: 22px;
  font-size: 14px;
}
[wfu-theme=custom] table tr td ul {
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 0.2rem;
}
[wfu-theme=custom] table tr td ul li::marker {
  content: "⁃";
  color: #2e9dff;
}
[wfu-theme=custom] table tr td ul li {
  line-height: 22px;
  font-size: 14px;
  padding-left: 1ch;
}
[wfu-theme=custom] table tr:nth-child(1) {
  font-weight: 800;
  background-color: rgba(255, 255, 255, 0.2);
} 
</style> 
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://attr.sygnal.com/sa5-embeds/table-embeds/google-doc-table-embeds/styling-table-embeds.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
