「MediaWiki:Common.css」の版間の差分

提供:MochiuWiki - SUSE, Electronic Circuit, PCB
ナビゲーションに移動 検索に移動
(内容を「→‎MediaWiki:Common.css に以下を追加: @media (prefers-color-scheme: dark) { →‎基本的なシンタックスハイライトコンテナ: div.mw-highlight, pre.source-css, pre.source-javascript, pre.source-php, pre.source-python { background-color: #1e1e1e !important; color: #d4d4d4 !important; } →‎GeSHiの一般的なクラス名: .source-css .syntax, .source-javascript .syntax, .source-php .syntax, .source-python .synt…」で置換)
タグ: 置換
編集の要約なし
1行目: 1行目:
/* MediaWiki:Common.css に以下を追加 */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   /* 基本的なシンタックスハイライトコンテナ */
   /* コードブロック全体の背景と基本文字色 */
   div.mw-highlight,
   .mw-highlight pre {
  pre.source-css,
  pre.source-javascript,
  pre.source-php,
  pre.source-python {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important;
     color: #d4d4d4 !important;
     color: #d4d4d4 !important;
   }
   }


   /* GeSHiの一般的なクラス名 */
   /* Python特有の要素 */
   .source-css .syntax,
   .mw-highlight .k { color: #569cd6 !important; }    /* キーワード (def, print など) */
   .source-javascript .syntax,
   .mw-highlight .nf { color: #4ec9b0 !important; }  /* 関数名 (dinner_menu) */
   .source-php .syntax,
   .mw-highlight .s { color: #ce9178 !important; }    /* 文字列 */
   .source-python .syntax {
   .mw-highlight .c1 { color: #6a9955 !important; }  /* コメント */
    color: #d4d4d4 !important;
  .mw-highlight .p { color: #d4d4d4 !important; }    /* 括弧や句読点 */
   }
  .mw-highlight .n { color: #9cdcfe !important; }    /* 変数名 */
   .mw-highlight .o { color: #d4d4d4 !important; }   /* 演算子 */


   /* 一般的なGeSHiクラス */
   /* 行番号がある場合 */
   .highlight {
   .mw-highlight .linenos {
     background-color: #1e1e1e !important;
     background-color: #2d2d2d !important;
     color: #d4d4d4 !important;
     color: #858585 !important;
    border-right: 1px solid #404040 !important;
   }
   }
  /* 特定の要素に対する詳細なスタイル */
  .syntax-keyword,
  .kw1, .kw2, .kw3 { color: #569cd6 !important; }    /* キーワード */
  .syntax-string,
  .st0, .st1, .st2 { color: #ce9178 !important; }    /* 文字列 */
  .syntax-comment,
  .co1, .co2 { color: #6a9955 !important; }          /* コメント */
  .syntax-function,
  .me1, .me2 { color: #dcdcaa !important; }          /* 関数 */
  .syntax-variable,
  .re0, .re1 { color: #9cdcfe !important; }          /* 変数 */
  .syntax-number,
  .nu0 { color: #b5cea8 !important; }                /* 数値 */
  .syntax-operator,
  .sy0, .sy1 { color: #d4d4d4 !important; }          /* 演算子 */
}
}

2024年11月24日 (日) 04:14時点における版

@media (prefers-color-scheme: dark) {
  /* コードブロック全体の背景と基本文字色 */
  .mw-highlight pre {
    background-color: #1e1e1e !important;
    color: #d4d4d4 !important;
  }

  /* Python特有の要素 */
  .mw-highlight .k { color: #569cd6 !important; }    /* キーワード (def, print など) */
  .mw-highlight .nf { color: #4ec9b0 !important; }   /* 関数名 (dinner_menu) */
  .mw-highlight .s { color: #ce9178 !important; }    /* 文字列 */
  .mw-highlight .c1 { color: #6a9955 !important; }   /* コメント */
  .mw-highlight .p { color: #d4d4d4 !important; }    /* 括弧や句読点 */
  .mw-highlight .n { color: #9cdcfe !important; }    /* 変数名 */
  .mw-highlight .o { color: #d4d4d4 !important; }    /* 演算子 */

  /* 行番号がある場合 */
  .mw-highlight .linenos {
    background-color: #2d2d2d !important;
    color: #858585 !important;
    border-right: 1px solid #404040 !important;
  }
}