カテゴリのユニークな配色

開発
2

Hi @Rhababo :wave: Metaへようこそ :slight_smile:

Discourseのテーマや開発に携わったことがない場合は、まずはこちらのリソースから始めることをお勧めします。

また、例えば、CSSコードを使用して、特定のカテゴリのロゴやヘッダーの色、さらにはアイコンの色を変更することもできます。以下はその例です。

.category-<category-slug> .d-header {
    background: rgba(#ce0303, 0.90);
    .d-header-icons .d-icon  {
        color: #cccccc;
    }
    .header-sidebar-toggle button .d-icon {
        color: #cccccc;
        &:hover {
            color: #999999;
        }
    }
}    
    
.category-<category-slug> .d-header #site-logo.logo-small {
	content:url($small-logo);
}

.category-<category-slug> .d-header #site-logo.logo-big {
	content:url($big-logo);
}

新しいテーマを作成するだけで、コードを追加してロゴをアセットとしてアップロードできます。<category-slug> は、ブラウザのURLフィールドに表示される小文字のカテゴリ名です（親カテゴリとサブカテゴリは「-」で区切ります。例：「parentcategory-subcategory」）。

また、以下のような様々な Theme component も検索できます。

「いいね！」 3