Dracula Theme - 色の問題
説明: DiscourseサイトでDraculaテーマに関する問題が発生しました。テーマの外観が、特に配色とタブの外観において、期待されるものと異なっていました。当初、Draculaを使用している他のサイトとは異なり、テストサイトでテーマが異なって表示されました。GitHubリポジトリから再インストールした後、外観が一致したため、コードや変数の使用が古い可能性が示唆されました。
再現手順:
- 管理 → カスタマイズ → テーマからDraculaテーマをインストールしました。
- デフォルトのテーマとして設定しました。
- 管理 → カスタマイズの下で、ユーザーの他のテーマと配色オプションを無効にしました。
- プロファイル（設定 → インターフェース）で、Draculaのみが選択可能なテーマであることを確認し、デフォルト設定で表示されていることを確認しました。
- 外観、特にタブが期待通りに表示されていない（テーマに潜在的な問題があることを示唆）ことに気づきました。
スクリーンショット:
プラットフォーム:
- Mac (デスクトップ)
ブラウザ:
- Chrome
追加コメント: この問題は、テーマで古いCSS変数を使用していることに起因するようです。Draculaテーマの現在の構文（$primary、$tertiary、$secondary）は、最近のDiscourseテーマで使用されている新しい変数形式（var(–tertiary)、var(–secondary)）と比較して廃止されています。これはこのGitHubの例で見られます。この古い変数の使用は、特に代替テーマや配色が選択できない場合に、異常なレンダリングを引き起こしている可能性が高いです。テーマの再インストール後も問題は残っており、テーマのコード構造内のより深い問題を示唆しています。