codesandbox使用问题:可以改变它的颜色主题吗?黑色的背景白天看着不舒服。

codesandbox使用问题:可以改变它的颜色主题吗?黑色的背景白天看着不舒服。

codesandbox有的地方是可以改变颜色主题的,比如file->preference->..,但是下面这种情况我没有找到,我在sandbox中创建了一个vite-react的模板。同样的问题我也在使用codepen的时候约到过,只能修改编辑区的颜色风格,其他的地方也不能修改,都是黑呼呼的。难道设计人员就没有注意到吗?看着不难受吗?

img

在CodeSandbox中,你可以通过更改“Preference”设置来调整编辑器的颜色主题。以下是具体步骤:

  1. 登录到CodeSandbox并打开一个sandbox。
  2. 在左侧边栏中选择 "File" ,然后从下拉菜单中选择 "Preferences"。
  3. 这将打开一个新的标签,在这个标签中找到"Appearance"部分,在该部分有一个名为 “Editor Theme” 的选项,此处列出了所有可用的颜色主题。
  4. 从列表中挑选你更倾向配色并点击即可立即应用。

但是需要注意的一点是: 以上操作只会影响代码编辑区域的颜色,诸如侧边栏和顶部导航等界面元素目前暂时无法做定制化外观修改;这实际上反映出设计者考虑保证外覆承包统一性而使得用户聚焦核心编程环境.

在Codesandbox中,你可以通过以下步骤来改变编辑器的颜色主题:

点击左上角的菜单按钮,选择“Preferences”(或者直接使用快捷键Ctrl + ,)。

在弹出的“Preferences”窗口中,选择“Editor”选项卡。

在“Editor”选项卡中,你可以选择不同的主题。如果你想要一个亮色主题,可以选择“Light”或者“Light (Pro)”主题。

选择你喜欢的主题后,点击“Save”按钮保存更改。