Skip to content

Some text in the code block will be rendered with white colored under light mode #310

@BHznJNs

Description

@BHznJNs

Affected component: code-block, tool

As in the screenshots below:
Image

Image

while in the devtool:

Image Image

To reproduce:

In such a component:

    <Tool defaultOpen={toolState === "approval-requested"}>
      <ToolHeader
        type={`tool-${message.name}`}
        state={toolState as ToolHeaderProps["state"]}
      />
      <ToolContent>
        <ToolInput input={inputObj} />
        <Activity
          mode={(message.result ?? message.error) ? "visible" : "hidden"}
        >
          <ToolOutput
            output={message.result}
            errorText={message.error ?? undefined}
          />
        </Activity>
      </ToolContent>
    </Tool>

pass the string below as tool result:

Directory: .
1 [dir] .android
2 [dir] .bun
3 [dir] .bundle
4 [dir] .cache
5 [dir] .cc-switch
6 [dir] .ccconfig
7 [dir] .cherrystudio
8 [dir] .claude
9 [dir] .claude-code-router
10 [dir] .cline
11 [dir] .codex
12 [dir] .conda
13 [dir] .config
14 [dir] .dbgate
15 [dir] .dbus-keyrings
16 [dir] .deno
17 [dir] .designer
18 [dir] .docker
19 [dir] .dotnet
20 [dir] .fastlane
21 [dir] .jbr
22 [dir] .jdks
23 [dir] .keras
24 [dir] .kilocode
25 [dir] .kilocode-shell-integrations
26 [dir] .lettura
27 [dir] .local
28 [dir] .m2
29 [dir] .modelscope
30 [dir] .ms-ad
31 [dir] .nexe
32 [dir] .npminstall_tarball
33 [dir] .nuget
34 [dir] .openjfx
35 [dir] .papersgpt
36 [dir] .prefs
37 [dir] .pyenv
38 [dir] .QtWebEngineProcess
39 [dir] .redhat
40 [dir] .roo
41 [dir] .rustup
42 [dir] .sbx-denybin
43 [dir] .serena
44 [dir] .sigma-file-manager
45 [dir] .skiko
46 [dir] .ssh
47 [dir] .thumbnails
48 [dir] .tss-merge-to-mkv
49 [dir] .visualdl
50 [dir] .vscode
51 [dir] AndroidStudioProjects
52 [dir] AppData
53 [dir] Application Data
54 [dir] bin
55 [dir] Contacts
56 [dir] Cookies
57 [dir] CrossDevice
58 [dir] Desktop
59 [dir] Documents
60 [dir] Downloads
61 [dir] Favorites
62 [dir] go
63 [dir] Links
64 [dir] Local Settings
65 [dir] Music
66 [dir] My Documents
67 [dir] NetHood
68 [dir] node_modules
69 [dir] Pictures
70 [dir] Postman
71 [dir] PrintHood
72 [dir] Recent
73 [dir] Saved Games
74 [dir] Searches
75 [dir] SendTo
76 [dir] Sync
77 [dir] Synfig
78 [dir] Templates
79 [dir] Videos
80 [dir] Zotero
81 [dir] 「开始」菜单
82 [file] .bash_history
83 [file] .claude.json
84 [file] .claude.json.backup
85 [file] .gitconfig
86 [file] .lesshst
87 [file] .lmmsrc.xml
88 [file] .minttyrc
89 [file] .node_repl_history
90 [file] .npmrc
91 [file] .python_history
92 [file] .ts_node_repl_history
93 [file] .viminfo
94 [file] .wslconfig
95 [file] .yarnrc
96 [file] geckodriver.log
97 [file] java_error_in_studio_12548.log
98 [file] java_error_in_studio_34100.log
99 [file] java_error_in_studio_36232.log
100 [file] java_error_in_studio_5808.log
101 [file] NTUSER.DAT
102 [file] ntuser.dat.LOG1
103 [file] ntuser.dat.LOG2
104 [file] NTUSER.DAT{e42eb5ef-b911-11ef-a0b7-a3dcecfec912}.TxR.0.regtrans-ms
105 [file] NTUSER.DAT{e42eb5ef-b911-11ef-a0b7-a3dcecfec912}.TxR.1.regtrans-ms
106 [file] NTUSER.DAT{e42eb5ef-b911-11ef-a0b7-a3dcecfec912}.TxR.2.regtrans-ms
107 [file] NTUSER.DAT{e42eb5ef-b911-11ef-a0b7-a3dcecfec912}.TxR.blf
108 [file] NTUSER.DAT{e42eb5f0-b911-11ef-a0b7-a3dcecfec912}.TM.blf
109 [file] NTUSER.DAT{e42eb5f0-b911-11ef-a0b7-a3dcecfec912}.TMContainer00000000000000000001.regtrans-ms
110 [file] NTUSER.DAT{e42eb5f0-b911-11ef-a0b7-a3dcecfec912}.TMContainer00000000000000000002.regtrans-ms
111 [file] ntuser.ini
112 [file] package-lock.json
113 [file] package.json
114 [file] test.txt
115 [file] yarn.lock

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions