カラーパレットの設定が反映されていません

開発
1

新しい Discourse のインストールがあり、新しいテーマの足場を作成しました。最初に、Flexoki という名前のスキームを使用するようにカラー スキームを編集しました。ここで確認できます。

GitHub を介して Discourse インスタンスにテーマを追加して選択しましたが、色の設定はまったく反映されず、Flexoki Light と Dark の両方でデフォルトの色が表示されるだけです。トラブルシューティングのヘルプをお願いします。

Screenshot 2025-01-25 at 21.40.35
Screenshot 2025-01-25 at 21.40.352134×1850 344 KB

「いいね！」 1
2

はい、まず確認すべき点がいくつかあります。

  1. テーマでその特定のカラーパレットが選択されていることを確認してください。

    The image shows a settings page for a website theme customization with options for background image upload, color palette selection, and theme visibility. (Captioned by AI)
    The image shows a settings page for a website theme customization with options for background image upload, color palette selection, and theme visibility. (Captioned by AI)2224×1364 332 KB

  2. その設定が正しいのに、まだ間違ったカラーパレットが表示されている場合は、プロフィール設定で間違ったカラーパレットが選択されていないことを確認してください。

    The image shows a user interface with options for changing the color palette and theme settings, including a note about previewing dark mode on a device where dark mode is enabled. (Captioned by AI)
    The image shows a user interface with options for changing the color palette and theme settings, including a note about previewing dark mode on a device where dark mode is enabled. (Captioned by AI)1680×1485 182 KB

「いいね！」 4
3

ありがとうございます。どちらも問題ではありません。スクリーンショットが示すように、UI では flexoki テーマが単にデフォルトの Discourse カラーとして表示されています。パレットがまったく解釈されていないようです。

「いいね！」 1
4

気のせいかもしれませんが、行ったり来たりすると、アップロードしたカラーパレットはライトのコピーのように見えます。

The image displays a color palette comparison between two light systems labeled "Light" and "Flexoki Light," each consisting of black and white rectangles with various blue, red, yellow, green, pink, and light blue colors arranged in different combinations. (Captioned by AI)
The image displays a color palette comparison between two light systems labeled "Light" and "Flexoki Light," each consisting of black and white rectangles with various blue, red, yellow, green, pink, and light blue colors arranged in different combinations. (Captioned by AI)864×208 11.7 KB

Theme に移動して、見た目の異なるパレットを選択し、そのカラーパレットに切り替えてみてください。

5

ああ、どういう意味かわかりました。つまり、Discourse はこれらの色を読み取っていないということですね。

"color_schemes": {
    "Flexoki Light": {
      "primary": "#100F0F",
      "secondary": "#FFFCF0",
      "tertiary": "#205EA6",
      "quaternary": "#AF3029",
      "header_background": "#F2F0E5",
      "header_primary": "#6F6E69",
      "highlight": "#ECCB60",
      "danger": "#AF3029",

問題は上記にあります – ファイルに記載されている色を使用していません^^

「いいね！」 1
6

ファイルレイアウトに問題があるのでしょうか？それによってデフォルト設定になっているのかもしれません。

テーマをインポートするのではなく、Discourse内でこれらの値を持つ新しいカラーパレットを作成するのが最善かもしれません。

7

ファイルの構文を確認しました。以前のカラーパレットスキーマでは、各16進数文字列に「#」が含まれていませんでした。

各16進数文字列の先頭から「#」を削除すると、正しく解析されると思います。

これは、Discourseカラーテーマの例ガイドでも同様です。

{
   "name" : "Solarized",
   "about_url" : "https://github.com/SamSaffron/discourse-solarized",
   "license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
   "color_schemes": {
      "Solarized Light": {
        "primary": "586E75",
        "secondary": "EEE8D5",
        "tertiary": "268BD2",
        "quaternary": "CB4B16",
        "header_background": "002B36",
        "header_primary": "93A1A1",
        "highlight": "B58900",
        "danger": "CB4B16",
        "success": "859900",
        "love": "DC322F"
      }
   }
}
「いいね！」 7
8

ありがとうございます！すぐにこの修正を試してみます。それが確実な解決策のようです。

「いいね！」 2