# 如何更改代码块提供的默认颜色？

**URL:** <https://meta.discourse.org/t/how-to-change-default-colours-of-the-code-block-provides/281011>\
**Category:** Support\
**Created:** [2023年十月4日 09:07 UTC](https://meta.discourse.org/t/how-to-change-default-colours-of-the-code-block-provides/281011 "2023-10-04T09:07:05Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2023年十月5日 05:18 UTC](https://meta.discourse.org/t/how-to-change-default-colours-of-the-code-block-provides/281011/10 "2023-10-05T05:18:51Z")

</div>

您可以单独定位代码语言并覆盖自动语言检测，就像上面的帖子所提到的那样。

如果您想单独定位 Swift，可以使用 `.language-swift` 类。更具体地说…… `code.hljs.language-swift`。您可以在 CSS 中更改 Swift 的颜色。

> [@PrettyGirl](#):
>
> 我希望它像下面的那样着色，
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/7/d/c/7dcbf20f1a7ba94a9adee2992398b367e14e0060.png)

我检查了这一点，似乎这接近 Xcode 主题。但我们将更改这两种颜色，使其更适合您的截图代码颜色。

 ![Screenshot 2023-10-05 at 6.27.36](https://global.discourse-cdn.com/meta/original/4X/c/4/f/c4fd2a771573a1143a7553d1c59b586eb948e3a7.png)

这些颜色存在的问题是它们在黑暗模式下难以阅读。这就是为什么在 [highlight.js 演示页面](https://highlightjs.org/demo) 上它有白色背景，我认为这就是 Discourse 对语言使用默认通用颜色组合的原因。如果我没记错的话，过去曾有一些关于在黑暗模式下难以阅读等的报告……

* * *

要将其更改为仅 Swift，您需要创建一个新的主题组件或将其添加到现有组件中。注意：这些颜色在黑暗模式下也会使用（白色背景等），因此如果您想要黑暗模式下不同的颜色，则需要创建新的颜色定义 `dark-light-choose()`。

通用 / CSS

```scss
code.hljs.language-swift {
  background: #fff;
  color: #000;

  .xml .hljs-meta {
    color: silver;
  }

  .hljs-comment,
  .hljs-quote {
    color: #007400;
  }

  .hljs-attribute,
  .hljs-keyword,
  .hljs-literal,
  .hljs-name,
  .hljs-selector-tag,
  .hljs-tag {
    color: #aa0d91;
  }

  .hljs-template-variable,
  .hljs-variable {
    color: #3f6e74;
  }

  .hljs-code,
  .hljs-meta .hljs-string,
  .hljs-string {
    color: #c41a16;
  }

  .hljs-link,
  .hljs-regexp {
    color: #0e0eff;
  }

  .hljs-bullet,
  .hljs-number,
  .hljs-symbol,
  .hljs-title {
    color: #2b75a6;
  }

  .hljs-meta,
  .hljs-section {
    color: #643820;
  }

  .hljs-built_in,
  .hljs-class .hljs-title,
  .hljs-params,
  .hljs-title.class_,
  .hljs-type {
    color: #442fa1;
  }

  .hljs-attr {
    color: #836c28;
  }

  .hljs-subst {
    color: #000;
  }

  .hljs-formula {
    background-color: #eee;
    font-style: italic;
  }

  .hljs-addition {
    background-color: #baeeba;
  }

  .hljs-deletion {
    background-color: #ffc8bd;
  }

  .hljs-selector-class,
  .hljs-selector-id {
    color: #9b703f;
  }

  .hljs-doctag,
  .hljs-strong {
    font-weight: 700;
  }

  .hljs-emphasis {
    font-style: italic;
  }
}

```

之前

 ![Screenshot 2023-10-05 at 6.48.10](https://global.discourse-cdn.com/meta/original/4X/f/f/7/ff7f22171b530bb7fb2d6c6355be141fd21db225.png)

之后

 ![Screenshot 2023-10-05 at 7.10.05](https://global.discourse-cdn.com/meta/original/4X/4/0/6/406f57de8767b1644988c94f85217f9085d84ca2.png)

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-default-colours-of-the-code-block-provides/281011)._