Skip to content

Angled gradient in Tinymist preview differs from Typst output #2354

@T1mVo

Description

@T1mVo

Is there an existing issue for this?

  • I have searched the existing issues

Platform

Apple Silicon macOS (darwin-arm64, Most Common)

Editor

VS Cod(e,ium)

Editor Version

Version: 1.108.0 (Universal)
Commit: 94e8ae2b28cb5cc932b86e1070569c4463565c37
Date: 2026-01-08T13:53:10.781Z
Electron: 39.2.7
ElectronBuildId: 12953945
Chromium: 142.0.7444.235
Node.js: 22.21.1
V8: 14.2.231.21-electron.0
OS: Darwin arm64 25.2.0

Describe the bug

When filling a block with an angled linear gradient the results between the Tinymist preview and the Typst output differ.

#set page(height: auto, width: auto, margin: 10pt)

#block(height: 40pt, width: 400pt, fill: gradient.linear(..color.map.viridis, angle: 45deg))

Tinymist preview:
Image

Typst output:
Image

Server Logs

[2026-01-15T10:34:33Z INFO  tinymist::lsp] did open file:///Users/tim/Documents/Code/Typst/tinymist-gradient/main.typ
[2026-01-15T10:34:39Z WARN  tinymist_project::compiler] ProjectCompiler: settle project not found ProjectInsId("bdwj2k")
[2026-01-15T10:34:39Z INFO  tinymist::tool::preview] PreviewTask(bdwj2k): arguments: PreviewCliArgs {
        preview: PreviewArgs {
            preview_mode: Document,
            enable_partial_rendering: None,
            invert_colors: None,
            refresh_style: None,
        },
        compile: CompileOnceArgs {
            input: Some(
                "/Users/tim/Documents/Code/Typst/tinymist-gradient/main.typ",
            ),
            root: None,
            font: CompileFontArgs {
                font_paths: [],
                ignore_system_fonts: false,
            },
            package: CompilePackageArgs {
                package_path: None,
                package_cache_path: None,
            },
            pdf: PdfExportArgs {
                standard: [],
                no_tags: false,
            },
            png: PngExportArgs {
                ppi: 144.0,
            },
            features: [],
            inputs: [],
            creation_timestamp: None,
            cert: None,
        },
        task_id: "bdwj2k",
        data_plane_host: "127.0.0.1:0",
        control_plane_host: "127.0.0.1:23626",
        static_file_host: "",
        not_as_primary: false,
        open: false,
        no_open: false,
    }
[2026-01-15T10:34:39Z INFO  tinymist_preview] Previewer: editor actor spawned
[2026-01-15T10:34:39Z INFO  tinymist_project::compiler] /Users/tim/Documents/Code/Typst/tinymist-gradient/main.typ: compilation succeeded in 84.5µs
[2026-01-15T10:34:39Z INFO  tinymist_preview] Preview("bdwj2k"): received notification: signal(true, false), when OnType
[2026-01-15T10:34:39Z INFO  tinymist::tool::preview::http] preview server listening on http://127.0.0.1:58090
[2026-01-15T10:34:39Z INFO  tinymist::tool::preview] PreviewTask(bdwj2k): preview server listening on: 127.0.0.1:58090

Browser Logs

(index):8782 using deprecated parameters for the initialization function; pass a single object instead
__wbg_init @ (index):8782
(index):5834 plugin initialized, build info: Object
(index):5693 WebSocket connection opened WebSocketbinaryType: "arraybuffer"bufferedAmount: 0extensions: ""onclose: ƒ (e)onerror: ƒ (e)onmessage: ƒ (e)onopen: ƒ (evt)protocol: ""readyState: 1url: "ws://127.0.0.1:58095/"[[Prototype]]: WebSocket
(index):5733 batch 1 messages
(index):5755 recv partial-rendering 22
(index):5812 Experimental feature: partial rendering enabled
(index):5733 batch 1 messages
(index):5755 recv invert-colors 21
(index):5818 Experimental feature: invert colors strategy taken: never
(index):5733 batch 1 messages
(index):5755 recv diff-v1 716
(index):1460 render_in_window with partial rendering enabled window 0.44919786096256686 0 0.44919786096256686 420 468.06417112299465 , patch scale 11328
(index):523 parse 2.80 ms, rerender 5.60 ms, total 8.40 ms
(index):1847 updateCanvas start
(index):1887 updateCanvas done 0.20000004768371582
(index):1460 render_in_window with partial rendering enabled window 0.2788844621513944 0 0.2788844621513944 419.99999999999994 292.82868525896413 , patch scale 541
(index):523 parse 0.00 ms, rerender 2.60 ms, total 2.60 ms
(index):1847 updateCanvas start
(index):1887 updateCanvas done 0.09999990463256836
(index):1460 render_in_window with partial rendering enabled window 0.41625371655104065 0 0.41625371655104065 420 437.06640237859267 , patch scale 541
(index):523 parse 0.00 ms, rerender 0.50 ms, total 0.50 ms
(index):1847 updateCanvas start
(index):1887 updateCanvas done 0.09999990463256836

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions