MediaWiki:Gadget-darkmode.css
Chú ý: Sau khi lưu trang, có thể bạn sẽ phải xóa bộ nhớ đệm của trình duyệt để xem các thay đổi.
- Firefox / Safari: Nhấn giữ phím Shift trong khi nhấn Tải lại (Reload), hoặc nhấn tổ hợp Ctrl-F5 hay Ctrl-R (⌘R trên Mac)
- Google Chrome: Nhấn tổ hợp Ctrl-Shift-R (⇧⌘R trên Mac)
- Internet Explorer / Edge: Nhấn giữ phím Ctrl trong khi nhấn Làm tươi (Refresh), hoặc nhấn tổ hợp Ctrl-F5
- Opera: Nhấn tổ hợp Ctrl-F5.
/* Chế độ tối WikimediaUI
*
* Nhóm thiết kế Wikimedia 2019-2020
* Tác giả gốc:
* - Alex Hollender
* - Volker E.
* - Carolyn Li-Madeo
* - MusikAnimal
* - Jdlrobson
*
* Tùy biến Wikibooks tiếng Việt:
* - Đức Anh
*
* Cập nhật lần cuối: 30-06-2022
*
*/
/* -----------------------------------------------------------------------------
-----------------------------------------------------------------------------
TÙY CHỈNH GỐC
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */
@media screen {
html {
height: 100%;
font-family: sans-serif;
}
/* SỬA ĐỔI CHUNG */
/* Nghịch đảo màu sắc */
html,
html img,
html video,
html ogvjs,
html svg,
html iframe,
html .mw-no-invert,
html td .diffchange,
html .mwe-math-element,
html .wvui-typeahead-suggestion__thumbnail,
html .skin-minerva .mw-notification-visible .mw-notification-content {
filter: invert( 1 ) hue-rotate( 180deg );
}
html .skin-vector .mw-logo-wordmark,
html .skin-vector .mw-logo-tagline,
html .skin-timeless .mw-wiki-title > img,
html .wvui-icon svg {
filter: none;
}
/* Nền */
html table,
html table.ambox-content,
html table.toccolours,
html .mw-notification,
html .mwe-popups,
html .infobox,
html .toc,
html .thumbinner,
html .wikitable,
html .cbnnr-main,
html .cx-callout,
html #siteNotice #centralNotice .cnotice {
background-color: #ddd;
}
/* Viền */
html table.ambox-content,
html table.toccolours,
html .mw-notification,
html .infobox,
html .toc,
html .thumbinner,
html #mw-head,
html #mw-panel,
html #content.mw-body,
html #simpleSearch,
html #simpleSearch #searchInput,
html #siteNotice #centralNotice .cnotice {
border-color: #cdcbc8;
}
/* ::: Special Element Treatments ::: */
/* Image thumbnails */
html .thumbimage {
border: 0;
}
}
/* -----------------------------------------------------------------------------
-----------------------------------------------------------------------------
TÙY CHỈNH SÂU
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */
/* Đặt màu nền gốc html và nền website */
html body {
background-color: white;
}
.mw-page-container {
background-color: #f5f5f5;
border: none;
color: #2f3b44;
}
/* Đặt màu sidebar (thanh bên trái) */
#mw-panel {
background: #eeeeee;
border:none;
box-shadow: none;
}
.vector-menu-portal .vector-menu-heading {
background-image: none;
font-size: 1em;
font-weight: bold ;
}
/* Tùy chỉnh searchbar (thanh tìm kiếm) */
/* Tùy chỉnh SEARCH BAR */
#simpleSearch,
#simpleSearch #searchInput,
#searchform {
border:none;
background-color: #efefef;
border-radius: 5px;
}
.wvui-typeahead-search,
.wvui-input__input {
border: none;
}
.wvui-button--framed:not([disabled]):hover {
border: none;
background-color: #eeeeee;
}
/* Đặt màu các loại liên kết */
/* Trạng thái: thông thường */
.vector-menu-tabs li a,
.vectorTabs li a,
.toctogglelabel,
.mw-parser-output a.external,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:active,
#mw-panel .portal .body li a,
.vector-menu-portal .vector-menu-content li a,
a { color: rgb(92, 133, 214); }
.current a {
color:grey !important;
}
/* Trạng thái: đã từng truy cập */
a:visited,
.vector-menu-portal .vector-menu-content li a:visited,
.mw-parser-output a.extiw:visited,
#mw-panel .portal .body li a:visited {
color: #ba72d0;
}
/* Trạng thái: kích hoạt */
a:active,
.vector-menu-portal .vector-menu-content li a:active {
color: rgb(141, 169, 226) !important;
}
/* Trạng thái: chưa tồn tại */
a.new,
.vector-menu-tabs li.new a,
.vectorTabs li.new a {
color: rgb(196, 96, 114);
}
/* Tùy chỉnh trang nội dung */
h1, h2, h3, h4, h5, h6,
#content,
#footer-info-lastmod,
#footer-info-copyright {
color: #333333 !important;
}
.mw-body {
border-top: none;
}
/* Tùy chỉnh các thể loại khung */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
#catlinks {
padding: 5px;
border-radius: 5px;
border:none;
background-color: #ddd;
}
/* Tùy chỉnh kiểu selected trong lịch sử trang */
#pagehistory li.selected {
background-color: #eaeaea;
outline:none;
border-radius: 5px;
margin-bottom: 5px;
}
/* Tùy chỉnh mục lục */
#mw-panel-toc {
background-color: #eeeeee;
}
.sidebar-toc:after {
background-color: inherit;
}
.no-invert {
filter: none !important;
}