This page is a translated version of the page Extension:TemplateStylesExtender and the translation is 92% complete.
Other languages:
MediaWiki 拡張機能マニュアル
OOjs UI icon advanced-invert.svg
リリースの状態: 安定
実装 パーサー拡張機能
説明 Extends Extension:TemplateStyles with new selectors
作者 Octfxトーク
最新バージョン 1.0.2 (2021-09-06)
MediaWiki 1.35+
PHP 7.2+
ライセンス GNU 一般公衆利用許諾書 2.0 以降

  • $wgTemplateStylesExtenderEnablePrefersColorScheme

使用状況とバージョン マトリクスを確認してください。

The TemplateStylesExtender extension extends Extension:TemplateStyles with new selectors and matchers.


  • Add support for CSS variables
    • Example color: var( --color-base )
  • Add support for image-rendering
  • Add support for ruby-position
  • Add support for ruby-align
  • Add support for scroll-margin-* and scroll-padding-*
  • Add support for @media (prefers-color-scheme: dark/light) media queries


  • ダウンロードして、ファイルをextensions/フォルダー内のTemplateStylesExtenderという名前のディレクトリ内に配置します。
  • 以下のコードを LocalSettings.php の末尾に追加します:
    wfLoadExtension( 'TemplateStyles' );
    wfLoadExtension( 'TemplateStylesExtender' );
  • 必要に応じて設定します。
  •   完了 – ウィキの「Special:Version」に移動して、拡張機能が正しくインストールされたことを確認します。


キー 説明 既定値
$wgTemplateStylesExtenderEnablePrefersColorScheme Flag to enable @media (prefers-color-scheme: dark/light) media queries false true
$wgTemplateStylesExtenderEnableCssVars Flag to enable css vars false true

Note CSS Vars

Currently using :root selectors won't work due to template styles prepending .mw-parser-output.

One possible fix is to wrap the entire content into a `div` element and adding the declarations to this, e.g.

div#content-wrap {
   --padding: 10px

.content {
   padding: var( --padding )


<div id="content-wrap">
   <div class=".content">
      The WikiText...