Skip to content

Typst CSS misinterprets 0px border when color is specified as rgb() #14460

@cwickham

Description

@cwickham

I have:

  • searched the issue tracker for similar issues
  • installed the latest version of Quarto CLI
  • formatted my issue following the Bug Reports guide

Bug description

A border: <width> solid <color> declaration on an HTML table cell loses its width when the color is given in functional notation (rgb(...) or rgba(...)) — the resulting Typst stroke uses a 2.25pt default thickness instead of the declared width.

Steps to reproduce

---
title: "Untitled"
format: 
  typst:
    keep-typ: true
  html: default
---


```{=html}
<table>
  <tr>
    <td style="border: 0px solid red">named color</td>
    <td style="border: 0px solid #ff0000">hex color</td>
    <td style="border: 0px solid rgb(255, 0, 0)">rgb color</td>
    <td style="border: 0px solid rgba(255, 0, 0, 1.00)">rgba color</td>
  </tr>
</table>
```

Actual behavior

Resulting .typ:

#table(
  columns: 4,
  align: (auto,auto,auto,auto,),
  [named color], [hex color], table.cell(stroke: (paint: rgb(255, 0, 0), thickness: 2.25pt))[rgb color], table.cell(stroke: (paint: rgb(255, 0, 0, 100%), thickness: 2.25pt))[rgba color],
)

Expected behavior

Resulting .typ:

#table(
  columns: 4,
  align: (auto,auto,auto,auto,),
  [named color], [hex color], [rgb color], [rgba color],
)

Your environment

No response

Quarto check output

quarto check
Quarto 1.9.36
[✓] Checking environment information...
      Quarto cache location: /Users/charlottewickham/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.8.3: OK
      Dart Sass version 1.87.0: OK
      Deno version 2.4.5: OK
      Typst version 0.14.2: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.9.36
      Path: /Applications/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: v2026.04
      VeraPDF: 1.28.2
      Chromium: (not installed)
      Chrome Headless Shell: (not installed)

[✓] Checking LaTeX....................OK
      Using: TinyTex
      Path: /Users/charlottewickham/Library/TinyTeX/bin/universal-darwin
      Version: 2026

[✓] Checking Chrome Headless....................OK
      Using: Chrome found on system
      Path: /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
      Source: MacOS known location

[✓] Checking basic markdown render....OK

[✓] Checking R installation...........OK
      Version: 4.4.3
      Path: /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources
      LibPaths:
        - /Users/charlottewickham/Library/R/arm64/4.4/library
        - /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
      knitr: 1.51
      rmarkdown: 2.31

[✓] Checking Knitr engine render......OK

[✓] Checking Python 3 installation....OK
      Version: 3.13.2
      Path: /Users/charlottewickham/.local/share/uv/python/cpython-3.13.2-macos-aarch64-none/bin/python
      Jupyter: (None)

      Jupyter is not available in this Python installation.
      Install with python3 -m pip install jupyter

[✓] Checking Julia installation...

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtablesIssues with Tables including the gt integrationtypst

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions