Discourseのデフォルトの変数、CSS、およびCSSを確認する方法

Discourseでデフォルトで適用されているスタイルを確認したいのですが、CSSやCSSS、変数ページを見る方法はありますか?

ブラウザコンソール(通常はF12キー、または右クリックしてページをインスペクト)を開き、Elementsタブを探し、styleパネルで全ての:root定義を確認すると、変数を pretty easy に見ることができます。

ソースコードはこちらでも確認できます。

「いいね!」 5

スタイルガイドを参照するのも役立ちます: https://meta.discourse.org/styleguide/
たとえば、一般的なCSSクラスの構文を説明するセクションができました。

「いいね!」 3