پرش به محتوا

مدیاویکی:Common.css: تفاوت میان نسخه‌ها

دارک‌مود کلاس‌محور (پیش‌فرض روشن) + رفع infobox/جستجو
(افزودن دارک‌مود خودکار کل ویکی)
(دارک‌مود کلاس‌محور (پیش‌فرض روشن) + رفع infobox/جستجو)
خط ۱٬۷۰۳: خط ۱٬۷۰۳:
.mw-parser-output .infobox { border: 1px solid #e2e8ef; border-radius: 14px; box-shadow: 0 12px 32px -20px rgba(20,40,70,.4); }
.mw-parser-output .infobox { border: 1px solid #e2e8ef; border-radius: 14px; box-shadow: 0 12px 32px -20px rgba(20,40,70,.4); }
.mw-parser-output .infobox img { border-radius: 8px; }
.mw-parser-output .infobox img { border-radius: 8px; }
 
html.wj-night, html.wj-night body, html.wj-night .mw-page-container, html.wj-night .mw-page-container-inner, html.wj-night .mw-content-container, html.wj-night .vector-body { background-color: #1b1f24 !important; }
/* ===== Wikijoo whole-wiki dark mode (2026-05-31) ===== */
html.wj-night body, html.wj-night .mw-body, html.wj-night .mw-body-content, html.wj-night .mw-parser-output { color: #e4e7ea !important; }
@media (prefers-color-scheme: dark) {
html.wj-night .vector-header-container, html.wj-night .vector-header, html.wj-night .vector-main-menu, html.wj-night .vector-main-menu-container, html.wj-night .vector-pinnable-header, html.wj-night .vector-menu-content, html.wj-night .vector-dropdown-content, html.wj-night .vector-page-toolbar, html.wj-night .vector-page-titlebar, html.wj-night .vector-sticky-header { background-color: #20262d !important; color:#e4e7ea !important; }
  /* dark rules (test: applied directly; production: wrapped in @media prefers-color-scheme:dark) */
html.wj-night .vector-main-menu a, html.wj-night .vector-menu a, html.wj-night .vector-dropdown a, html.wj-night .vector-toc a, html.wj-night .mw-portlet a, html.wj-night .vector-page-toolbar a { color:#cbd5e1 !important; }
  :root { color-scheme: dark; }
html.wj-night .mw-parser-output a, html.wj-night .mw-body a, html.wj-night a { color:#6cb6ff !important; }
  html, body, .mw-page-container, .mw-page-container-inner, .mw-content-container, .vector-body { background-color: #1b1f24 !important; }
html.wj-night .mw-parser-output a.new, html.wj-night a.new { color:#ff8a8a !important; }
  body, .mw-body, .mw-body-content, .mw-parser-output { color: #e4e7ea !important; }
html.wj-night .firstHeading, html.wj-night .mw-page-title-main, html.wj-night .mw-parser-output h1, html.wj-night .mw-parser-output h2, html.wj-night .mw-parser-output h3, html.wj-night .mw-parser-output h4, html.wj-night .mw-parser-output h5 { color:#f0f3f6 !important; }
  .vector-header-container, .vector-header, .vector-main-menu, .vector-main-menu-container, .vector-pinnable-header, .vector-menu-content, .vector-dropdown-content, .vector-page-toolbar, .vector-page-titlebar, .vector-sticky-header { background-color: #20262d !important; color:#e4e7ea !important; }
html.wj-night .mw-parser-output h1, html.wj-night .mw-parser-output h2, html.wj-night h1.firstHeading { border-bottom-color:#3a424d !important; }
  .vector-main-menu a, .vector-menu a, .vector-dropdown a, .vector-toc a, .mw-portlet a, .vector-page-toolbar a { color:#cbd5e1 !important; }
html.wj-night .wikitable, html.wj-night .mw-parser-output .wikitable { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .mw-parser-output a, .mw-body a, a { color:#6cb6ff !important; }
html.wj-night .wikitable > * > tr > th { background-color:#2c333c !important; color:#f0f3f6 !important; }
  .mw-parser-output a.new, a.new { color:#ff8a8a !important; }
html.wj-night .wikitable > * > tr > td, html.wj-night .wikitable > * > tr > th { border-color:#3a424d !important; }
  .firstHeading, .mw-page-title-main, .mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3, .mw-parser-output h4, .mw-parser-output h5 { color:#f0f3f6 !important; }
html.wj-night .infobox, html.wj-night .mw-parser-output .infobox { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .mw-parser-output h1, .mw-parser-output h2, h1.firstHeading { border-bottom-color:#3a424d !important; }
html.wj-night .infobox th, html.wj-night .infobox td { border-color:#3a424d !important; }
  .wikitable, .mw-parser-output .wikitable { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night .thumbinner, html.wj-night .thumb, html.wj-night figure, html.wj-night .mw-parser-output .thumbinner { background-color:#242a31 !important; border-color:#3a424d !important; }
  .wikitable > * > tr > th { background-color:#2c333c !important; color:#f0f3f6 !important; }
html.wj-night .thumbcaption, html.wj-night figcaption { color:#aeb6c0 !important; }
  .wikitable > * > tr > td, .wikitable > * > tr > th { border-color:#3a424d !important; }
html.wj-night pre, html.wj-night code, html.wj-night .mw-code, html.wj-night tt, html.wj-night kbd { background-color:#11151a !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .infobox, .mw-parser-output .infobox { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night .cdx-text-input__input, html.wj-night input.cdx-text-input__input, html.wj-night .vector-search-box-input { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .infobox th, .infobox td { border-color:#3a424d !important; }
html.wj-night .mw-footer, html.wj-night .vector-footer, html.wj-night #footer { background-color:#181c21 !important; color:#aeb6c0 !important; }
  .thumbinner, .thumb, figure, .mw-parser-output .thumbinner { background-color:#242a31 !important; border-color:#3a424d !important; }
html.wj-night .mw-footer a, html.wj-night .vector-footer a { color:#9ec5ff !important; }
  .thumbcaption, figcaption { color:#aeb6c0 !important; }
html.wj-night .vector-toc, html.wj-night .toc, html.wj-night #toc, html.wj-night .vector-pinnable-element { background-color:#242a31 !important; border-color:#3a424d !important; }
  pre, code, .mw-code, tt, kbd { background-color:#11151a !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night hr { border-color:#3a424d !important; }
  .cdx-text-input__input, input.cdx-text-input__input, .vector-search-box-input { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
html.wj-night .mw-editsection, html.wj-night .mw-editsection a { color:#9aa4af !important; }
  .mw-footer, .vector-footer, #footer { background-color:#181c21 !important; color:#aeb6c0 !important; }
html.wj-night .mw-logo { background:#f4f6f8 !important; border-radius:10px !important; padding:3px 8px !important; }
  .mw-footer a, .vector-footer a { color:#9ec5ff !important; }
html.wj-night .wj-card { background:#242a31 !important; border-color:#3a424d !important; }
  .vector-toc, .toc, #toc, .vector-pinnable-element { background-color:#242a31 !important; border-color:#3a424d !important; }
html.wj-night .wj-card h2 { color:#f0f3f6 !important; border-bottom-color:#333b45 !important; }
  hr { border-color:#3a424d !important; }
html.wj-night .wj-card p { color:#cbd5e1 !important; }
  .mw-editsection, .mw-editsection a { color:#9aa4af !important; }
html.wj-night .wj-steps li { background:#2c333c !important; border-color:#3a424d !important; }
  .mw-logo { background:#f4f6f8 !important; border-radius:10px !important; padding:3px 8px !important; }
html.wj-night .wj-topics span { background:#2c333c !important; border-color:#3a424d !important; }
  .wj-card { background:#242a31 !important; border-color:#3a424d !important; }
html.wj-night .wj-topics span a { color:#e4e7ea !important; }
  .wj-card h2 { color:#f0f3f6 !important; border-bottom-color:#333b45 !important; }
html.wj-night .wj-feat-img img { border-color:#3a424d !important; }
  .wj-card p { color:#cbd5e1 !important; }
html.wj-night .infobox, html.wj-night .infobox > tbody > tr > th, html.wj-night .infobox > tbody > tr > td, html.wj-night .infobox tr, html.wj-night .infobox caption { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .wj-steps li { background:#2c333c !important; border-color:#3a424d !important; }
html.wj-night .cdx-search-input, html.wj-night .cdx-search-input__input-wrapper, html.wj-night .cdx-text-input__input, html.wj-night .cdx-text-input, html.wj-night input[type="search"], html.wj-night .vector-search-box input, html.wj-night #searchInput { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .wj-topics span { background:#2c333c !important; border-color:#3a424d !important; }
html.wj-night .cdx-text-input__input::placeholder { color:#9aa4af !important; }
  .wj-topics span a { color:#e4e7ea !important; }
html.wj-night .cdx-button, html.wj-night .mw-ui-button, html.wj-night .oo-ui-buttonElement-button { background-color:#2c333c !important; color:#e4e7ea !important; border-color:#3a424d !important; }
  .wj-feat-img img { border-color:#3a424d !important; }
html.wj-night .mw-parser-output .mbox-image, html.wj-night .ambox, html.wj-night .navbox, html.wj-night .navbox-title, html.wj-night .navbox-group, html.wj-night .navbox table { background-color:#242a31 !important; color:#e4e7ea !important; border-color:#3a424d !important; }
}
html.wj-night .mw-message-box, html.wj-night .cdx-message, html.wj-night .mw-parser-output .tmbox { background-color:#2c2a20 !important; color:#e8e2cf !important; }
.wj-theme-btn { background:transparent; border:0; cursor:pointer; font-size:20px; line-height:1; padding:6px 10px; margin:0 2px; border-radius:8px; }
.wj-theme-btn:hover { background:rgba(0,0,0,.07); }
html.wj-night .wj-theme-btn:hover { background:rgba(255,255,255,.12); }
۲٬۲۵۴

ویرایش