MediaWiki:Gadget-darkmode.css

/* 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;
}