MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:47, 4 December 2025

#footer-icons { display: none !important; }
.footer-icons { display: none !important; }
#footer-icons img { display: none !important; }

/* Hide edit links for anonymous users */
body:not(.skin-chameleon--logged-in) .ca-edit,
body:not(.skin-chameleon--logged-in) .mw-editsection { display: none !important; }

/* Dark mode toggle button styling */
.dark-mode-toggle::before {
	display: none !important;
	content: none !important;
}
.dark-mode-toggle { cursor: pointer; color: #ffc107 !important; transition: color 0.3s ease; }
.dark-mode-toggle:hover { color: #ffd54f !important; }
.dark-mode-toggle i { font-size: 1.1em; }

/* Purple light mode color scheme */
body:not(.dark-mode) {
	background-color: #2d1b3d !important;
	color: #e8d5f2 !important;
}

body:not(.dark-mode) .mw-body,
body:not(.dark-mode) #mw-content-text,
body:not(.dark-mode) .mw-parser-output {
	background-color: #3d2b4d !important;
	color: #e8d5f2 !important;
}

body:not(.dark-mode) .p-navbar,
body:not(.dark-mode) .navbar {
	background-color: #4a2d5c !important;
	border-color: #6b3d7d !important;
}

body:not(.dark-mode) .p-navbar a,
body:not(.dark-mode) .navbar a {
	color: #d4a5e8 !important;
}

body:not(.dark-mode) .p-navbar a:hover,
body:not(.dark-mode) .navbar a:hover {
	color: #f0c8ff !important;
	background-color: #5a3d6c !important;
}

body:not(.dark-mode) h1,
body:not(.dark-mode) h2,
body:not(.dark-mode) h3,
body:not(.dark-mode) h4,
body:not(.dark-mode) h5,
body:not(.dark-mode) h6 {
	color: #f0c8ff !important;
	border-color: #6b3d7d !important;
}

body:not(.dark-mode) a {
	color: #c895e0 !important;
}

body:not(.dark-mode) a:visited {
	color: #b885d0 !important;
}

body:not(.dark-mode) a:hover {
	color: #f0c8ff !important;
}

body:not(.dark-mode) .wikitable {
	background-color: #4a2d5c !important;
	border-color: #6b3d7d !important;
	color: #e8d5f2 !important;
}

body:not(.dark-mode) .wikitable th {
	background-color: #5a3d6c !important;
	color: #f0c8ff !important;
}

body:not(.dark-mode) code,
body:not(.dark-mode) pre {
	background-color: #3d2b4d !important;
	color: #e8d5f2 !important;
	border-color: #6b3d7d !important;
}

/* Category links and other white background elements */
body:not(.dark-mode) .catlinks,
body:not(.dark-mode) #catlinks,
body:not(.dark-mode) .mw-normal-catlinks {
	background-color: #3d2b4d !important;
	color: #e8d5f2 !important;
	border-color: #6b3d7d !important;
}

body:not(.dark-mode) .catlinks a,
body:not(.dark-mode) #catlinks a {
	color: #c895e0 !important;
}

body:not(.dark-mode) .catlinks a:hover,
body:not(.dark-mode) #catlinks a:hover {
	color: #f0c8ff !important;
}

body:not(.dark-mode) .mw-content-ltr,
body:not(.dark-mode) .mw-parser-output,
body:not(.dark-mode) .bodyContent {
	background-color: #3d2b4d !important;
}

body:not(.dark-mode) .contentHeader,
body:not(.dark-mode) .firstHeading {
	background-color: transparent !important;
	color: #f0c8ff !important;
}

body:not(.dark-mode) .mw-indicators {
	background-color: transparent !important;
}

body:not(.dark-mode) .thumbinner,
body:not(.dark-mode) .thumbimage {
	background-color: #4a2d5c !important;
}

body:not(.dark-mode) .gallerybox {
	background-color: #4a2d5c !important;
	border-color: #6b3d7d !important;
}

body:not(.dark-mode) .gallerybox > div {
	background-color: #4a2d5c !important;
}

body:not(.dark-mode) .gallerytext {
	color: #e8d5f2 !important;
	background-color: #4a2d5c !important;
}

body:not(.dark-mode) .gallerytext a {
	color: #c895e0 !important;
}

body:not(.dark-mode) .gallerytext a:hover {
	color: #f0c8ff !important;
}

body:not(.dark-mode) .gallerytext p {
	color: #e8d5f2 !important;
}

/* Dropdown menus */
body:not(.dark-mode) .dropdown-menu,
body:not(.dark-mode) .p-personal-tools,
body:not(.dark-mode) .p-contentnavigation {
	background-color: #4a2d5c !important;
	border-color: #6b3d7d !important;
	color: #e8d5f2 !important;
}

body:not(.dark-mode) .dropdown-menu a,
body:not(.dark-mode) .p-personal-tools a,
body:not(.dark-mode) .p-contentnavigation a {
	color: #c895e0 !important;
}

body:not(.dark-mode) .dropdown-menu a:hover,
body:not(.dark-mode) .p-personal-tools a:hover,
body:not(.dark-mode) .p-contentnavigation a:hover {
	color: #f0c8ff !important;
	background-color: #5a3d6c !important;
}

body:not(.dark-mode) .mw-list-item {
	background-color: transparent !important;
}

body:not(.dark-mode) .mw-list-item a {
	color: #c895e0 !important;
}

body:not(.dark-mode) .mw-list-item a:hover {
	color: #f0c8ff !important;
	background-color: #5a3d6c !important;
}

/* Dark mode styles */
html.dark-mode { filter: invert(1) hue-rotate(180deg); }
html.dark-mode img, html.dark-mode video, html.dark-mode iframe, html.dark-mode canvas,
html.dark-mode svg, html.dark-mode .mw-logo, html.dark-mode .p-logo img { filter: invert(1) hue-rotate(180deg); }
html.dark-mode .dark-mode-toggle { filter: invert(1) hue-rotate(180deg); }