MediaWiki:Gadget-TimelessDarkMode.css

MediaWiki interface page

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Dark mode for the Timeless skin. */

@media screen and (min-width: 851px) and (max-width: 1099px) {
	/* in this case having a background interferes with #mw-header-nav-hack */
	.skin-timeless #mw-site-navigation .sidebar-chunk,
	.skin-timeless #mw-related-navigation .sidebar-chunk {
		background: none!important;
	}
}

@media screen and (prefers-color-scheme: dark) and (max-width: 850px) {
	.skin-timeless #ca-more span {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/gear-grey.svg);
	}
	
	.skin-timeless #site-tools h2 {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/gear-large-grey.svg);
	}
	
	.skin-timeless #user-tools h2:after,
	.skin-timeless .sidebar-chunk h2:after {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);
	}
	
	.skin-timeless #site-navigation h2 {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/menu-large-grey.svg);
	}
}

@media screen and (prefers-color-scheme: dark) and (max-width: 1099px) {
	.skin-timeless #mw-related-navigation .sidebar-inner,
	.skin-timeless #mw-site-navigation .sidebar-inner {
		background-color: #262e39;
		border-color: #2f394d;
	}
}

@media screen and (prefers-color-scheme: dark) and (min-width: 851px) and (max-width: 1099px) {
	.skin-timeless #mw-site-navigation h2:after,
	.skin-timeless #mw-related-navigation h2:after {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);
	}
	
	.skin-timeless #mw-site-navigation .sidebar-chunk h2 span:after,
	.skin-timeless #mw-related-navigation .sidebar-inner:after {
		border-bottom-color: #262e39;
	}
	.skin-timeless #mw-site-navigation .sidebar-chunk h2 span:before,
	.skin-timeless #mw-related-navigation .sidebar-inner:before {
		border-bottom-color: #2f394d;
	}
}

@media (prefers-color-scheme: dark) {
	.skin-timeless {
		background-color: #12161b;
	}
	.skin-timeless,
	.tools-inline li.selected a {
		color: #fff;
	}
	
	.skin-timeless #mw-content-container {
		background: #1e2129;
	}
	
	.skin-timeless #menus-cover {
		background-color: #1e2129;
	}
	
	/* mobile stuff */
	.skin-timeless #mw-header-nav-hack {
		background-color: #232730;
		border-top-color: #2f394d;
	}
	
	/* some stuff needs more complicated styles, so these will be reset to black text */
	.skin-timeless .mw-echo-ui-overlay,
	.skin-timeless .oo-ui-dialog,
	.oo-ui-popupWidget-popup {
		color: #000;
	}
	
	/* header (with site name, search box, Notifications icons and username) */
	.skin-timeless #mw-header-container {
		background: #364057;
		color: #fff;
	}
	.skin-timeless #mw-content {
		background: #262e39;
		border: solid #2f394d;
		border-width: 1px 1px 0.2em;
	}
	.skin-timeless #p-logo-text a {
		color: #fff;
	}
	
	/* search input box */
	.skin-timeless #simpleSearch { 
		background: #364057;
		border: solid 1px #252a30;
		box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.1);
	}
	.skin-timeless #searchButton,
	.skin-timeless #mw-searchButton {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/search-ltr.svg);
	}
	.skin-timeless #searchInput {
		color: #fff;
	}
	.skin-timeless .suggestions {
		/* while i test things... */
		display: block!important;
	}
	.skin-timeless .suggestions-special,
	.skin-timeless .suggestions .suggestions-results {
		background-color: #262e39;
		border-color: #2f394d;
	}
	.skin-timeless .suggestions-special .special-label {
		color: #c5d1df;
	}
	.skin-timeless .suggestions-special .special-query,
	.skin-timeless .suggestions .suggestions-result {
		color: #fff;
	}
	
	/* user icon */
	.skin-timeless #personal h2 {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/user-grey.svg);
	}
	.skin-timeless #personal h2:after {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);
	}
	
	/* icons from [[mw:Extension:Notifications]] (formerly called Echo, hence why this says echo) */
	.skin-timeless #personal-extra .mw-echo-notifications-badge { 
		filter: invert(1)!important;
	}
	
	/* code */
	.skin-timeless code,
	.skin-timeless pre,
	.skin-timeless .mw-code {
		background-color: #1a1f28;
		border-color: #252a30;
		color: #fff;
	}
	.skin-timeless .mw-highlight {
		background-color: #1a1f28;
	}
	.skin-timeless .mw-content-ltr.mw-highlight-lines pre,
	.skin-timeless .mw-content-ltr.content .mw-highlight-lines pre {
		box-shadow: inset 2.75em 0 0 #202730;
	}
	/* lots of syntax colors, this is likely incomplete */
	.skin-timeless .mw-highlight .c  { color: #4ab5b5; }
	.skin-timeless .mw-highlight .c1 { color: #4ab5b5; }
	.skin-timeless .mw-highlight .k  { color: #00ff00; }
	.skin-timeless .mw-highlight .kc { color: #00ff00; }
	.skin-timeless .mw-highlight .bp { color: #00ff00; }
	.skin-timeless .mw-highlight .nb { color: #00ff00; }
	.skin-timeless .mw-highlight .nb { color: #00ff00; }
	.skin-timeless .mw-highlight .nt { color: #00ff00; }
	.skin-timeless .mw-highlight .nf { color: #c7c7ff; }
	.skin-timeless .mw-highlight .nn { color: #9191ff; }
	.skin-timeless .mw-highlight .nc { color: #9191ff; }
	.skin-timeless .mw-highlight .nv { color: #9391ec; }
	.skin-timeless .mw-highlight .o  { color: #adadad; }
	.skin-timeless .mw-highlight .s1 { color: #e77f7f; }
	.skin-timeless .mw-highlight .s2 { color: #e77f7f; }
	.skin-timeless .mw-highlight .sa { color: #e77f7f; }
	.skin-timeless .mw-highlight .ne { color: #f1a29e; }
	.skin-timeless .mw-highlight .mi { color: #e6af0f; }
	.skin-timeless .mw-highlight .mh { color: #e6af0f; }
	.skin-timeless .mw-highlight .mo { color: #e6af0f; }
	.skin-timeless .mw-highlight .kt { color: #ec4e87; }
	.skin-timeless .mw-highlight .sx { color: #00ff00; }

	/* history */
	.skin-timeless #pagehistory li.selected {
		background-color: #20262f;
		color: #b1b1b1;
		outline: 1px dashed #2f394d;
	}

	.skin-timeless .diff-addedline .diffchange {
		background: #597998;
	}
	.skin-timeless .diff-deletedline .diffchange {
		background: #695d42;
	}

	.skin-timeless .diff-context {
		color: #dfdedd;
		background-color: #20262f;
	}

	.skin-timeless .oo-ui-panelLayout-framed {
		border-color: #43506a;
	}

	.skin-timeless .mw-plusminus-pos {
		color: #00e000;
	}
	.skin-timeless .mw-plusminus-neg {
		color: #eb0000;
	}
	
	.skin-timeless .ext-cc-language-selector__trigger {
		color: #95b8ff;
	}
	.skin-timeless .ext-cc-language-selector__trigger:after {
		border-top-color: #95b8ff;
	}

	/*
	wikitables, infoboxes, the recent changes legend, image thumbnails,
	sitenotice, notification
	*/
	.skin-timeless .infobox,
	.skin-timeless .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
	.skin-timeless .mw-changeslist-legend,
	.skin-timeless .mw-body .mw-search-profile-tabs,
	.skin-timeless .mw-body fieldset#mw-searchoptions,
	.skin-timeless .mw-pt-languages,
	.skin-timeless .mw_meta,
	.skin-timeless .mw-datatable,
	.skin-timeless .wikitable,
	.skin-timeless .thumbinner,
	.skin-timeless #localNotice,
	.skin-timeless .mw-notification {
		color: #fff;
		background: #20262f;
		border-color: #2f394d;
	}
	
	/* this mess brought to you by..... idk, it was was appeared in my style editor from load.php */
	.skin-timeless .mw_metadata > tr > th,
	.skin-timeless .mw-datatable > tr > th,
	.skin-timeless .wikitable > tr > th,
	.skin-timeless .mw_metadata > tr > td,
	.skin-timeless .mw-datatable > tr > td,
	.skin-timeless .wikitable > tr > td,
	.skin-timeless .mw_metadata > * > tr > th,
	.skin-timeless .mw-datatable > * > tr > th,
	.skin-timeless .wikitable > * > tr > th,
	.skin-timeless .mw_metadata > * > tr > td,
	.skin-timeless .mw-datatable > * > tr > td,
	.skin-timeless .wikitable > * > tr > td {
		border: 1px solid #2f394d;
	}
	.skin-timeless .mw-pt-languages-label,
	.skin-timeless .wikitable > tr > th,
	.skin-timeless .wikitable > * > tr > th {
		background-color: #424f69;
	}
	
	.skin-timeless .mw-datatable th {
		background: #424f69;
	}
	.skin-timeless .mw-datatable td {
		background: #20262f;
	}
	.skin-timeless .mw-datatable tr:hover td {
		background-color: #2f3c4e;
	}
	
	/* Special:AllMessages table */
	/* default message */
	.skin-timeless #mw-allmessagestable .am_default {
		background-color: #4e4f36;
	}
	/* current/custom message */
	.skin-timeless #mw-allmessagestable .am_actual {
		background-color: #3a4f3a;
	}
	
	/* toc */
	.skin-timeless ul#filetoc,
	.skin-timeless .toc,
	.skin-timeless .toccolours,
	.skin-timeless .mw-warning {
		background-color: #424f69;
		border-color: #2f394d;
	}
	.skin-timeless .tocnumber {
		color: #c1d5e4;
	}
	.skin-timeless .toctogglelabel {
		cursor: pointer;
		color: #87adeb;
	}
	
	/* other icons */
	.skin-timeless .mw-editsection,
	.skin-timeless #ca-ve-edit a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/pencil-grey.svg);
	}
	.skin-timeless #ca-edit a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/pencil-source-grey.svg);
	}
	.skin-timeless #ca-viewsource a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/brackets-grey.svg);
	}
	.skin-timeless .tools-inline li[id^='ca-nstab-'] a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/page-grey.svg);
	}
	.skin-timeless #ca-talk a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/talk-grey.svg);
	}
	.skin-timeless #ca-history a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/clock-grey.svg);
	}
	.skin-timeless #t-contributions a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/puzzle-grey.svg);
	}
	.skin-timeless #ca-addsection a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/plus-grey.svg);
	}
	.skin-timeless #ca-watch a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/star.svg);
	}
	.skin-timeless .dropdown-toggle:after {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/arrow-down-grey.svg);
	}
	.skin-timeless .tools-inline li a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/page-misc-grey.svg);
	}
	.skin-timeless div.magnify a {
		background-image: url(https://files-ihaveahax-sfo3.sfo3.digitaloceanspaces.com/timeless-inverted-icons/magnify-ltr.svg);
	}
	/* using an alternate icon here instead of just an inverted version */
	.skin-timeless #mw-indicator-mw-helplink a {
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/c0/OOjs_UI_icon_help-ltr-invert.svg);
	}
	
	/* personal menu */
	.skin-timeless #personal .dropdown {
		background-color: #20262f;
		border-color: #2f394d;
	}
	.skin-timeless #pt-uls .uls-trigger:before {
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/32/OOjs_UI_icon_language-ltr-invert.svg);
	}
	
	/* links */
	.skin-timeless a {
		color: #95b8ff;
	}
	.skin-timeless a:visited {
		color: #a6b9e2;
	}
	.skin-timeless a:hover,
	.skin-timeless a:visited:hover { 
		color: #688cd4;
	}
	.skin-timeless a.new,
	.skin-timeless .new a {
		color: #ff6969;
	}
	.skin-timeless a.new:visited,
	.skin-timeless .new a:visited {
		color: #d66767;
	}
	.skin-timeless .mw-parser-output a.extiw:visited,
	.skin-timeless .mw-parser-output a.extiw:active:visited,
	.skin-timeless .mw-parser-output a.external:visited {
		color: #6cb3e7;
	}
	.skin-timeless .mw-parser-output a.extiw,
	.skin-timeless .mw-parser-output a.extiw:active,
	.skin-timeless .mw-parser-output a.external {
		color: #3295df;
	}
	.skin-timeless .mw-parser-output a.extiw:visited:hover,
	.skin-timeless .mw-parser-output a.extiw:active:visited:hover,
	.skin-timeless .mw-parser-output a.external:visited:hover {
		color: #216da7;
	}
	.skin-timeless .mw-parser-output a.extiw:hover,
	.skin-timeless .mw-parser-output a.extiw:active:hover,
	.skin-timeless .mw-parser-output a.external:hover {
		color: #3473a2;
	}
	
	/* sidebars */
	.skin-timeless #mw-site-navigation .sidebar-chunk,
	.skin-timeless #mw-related-navigation .sidebar-chunk {
		background-color: #232730;
		border-color: #2f394d;
	}
	
	/* message boxes */
	.skin-timeless table.ambox,
	.skin-timeless table.imbox {
		background-color: #36415b /*#fbfbfb*/;
	}
	.skin-timeless table.fmbox-system,
	.skin-timeless table.ombox {
		background-color: #343e57 /*#f8f9fa*/;
	}
	.skin-timeless table.ambox {
		/* this box puts a 10px border on the left with a special color that should be preserved */
		border-top-color: #5e7288;
		border-right-color: #5e7288;
		border-bottom-color: #5e7288;
	}
	.skin-timeless table.tmbox {
		background-color: #5d5848;
	}
	.skin-timeless table.fmbox-editnotice,
	.skin-timeless table.fmbox-system,
	.skin-timeless table.ombox-protection,
	.skin-timeless table.imbox-protection,
	.skin-timeless table.ombox-notice,
	.skin-timeless table.cmbox-delete,
	.skin-timeless table.cmbox-content,
	.skin-timeless table.cmbox-style,
	.skin-timeless table.cmbox-notice,
	.skin-timeless table.cmbox-move,
	.skin-timeless table.cmbox-protection {
		border-color: #5e7288;
	}
	.skin-timeless table.ambox-speedy,
	.skin-timeless table.cmbox-speedy,
	.skin-timeless table.cmbox-delete,
	.skin-timeless table.imbox-speedy,
	.skin-timeless table.tmbox-speedy,
	.skin-timeless table.fmbox-warning,
	.skin-timeless table.ombox-speedy {
		background-color: #6c4543;
	}
	.skin-timeless table.cmbox-content {
		background-color: #504438;
	}
	.skin-timeless table.cmbox-style {
		background-color: #635f46;
	}
	.skin-timeless table.cmbox-notice {
		background-color: #3a4759;
	}
	.skin-timeless table.cmbox-move {
		background-color: #453b5c;
	}
	.skin-timeless table.cmbox-protection {
		background-color: #4a4a36;
	}
	
	/* documentation template */
	/* this is using TemplateStyles, so I need to remember to move this over some day... */
	.skin-timeless .mw-parser-output .documentation,
	.skin-timeless .mw-parser-output .documentation-metadata {
		border: 1px solid #909090!important;
		background-color: #2a3932!important;
	}
	
	/* babel */
	.skin-timeless .mw-babel-wrapper {
		background-color: #262e39;
	}
	
	.skin-timeless .mw-babel-box-N { border: 1px solid #58a176; }
	.skin-timeless .mw-babel-box-N table th { background-color: #58a176; }
	.skin-timeless .mw-babel-box-N table { background-color: #39624b; }

	.skin-timeless .mw-babel-box-5 { border: 1px solid #b19549; }
	.skin-timeless .mw-babel-box-5 table th { background-color: #b19549; }
	.skin-timeless .mw-babel-box-5 table { background-color: #756d45; }

	.skin-timeless .mw-babel-box-4 { border: 1px solid #4e9a9f; }
	.skin-timeless .mw-babel-box-4 table th { background-color: #4e9a9f; }
	.skin-timeless .mw-babel-box-4 table { background-color: #3f6167; }

	.skin-timeless .mw-babel-box-3 { border: 1px solid #6c84c9; }
	.skin-timeless .mw-babel-box-3 table th { background-color: #6c84c9; }
	.skin-timeless .mw-babel-box-3 table { background-color: #4d566f; }

	.skin-timeless .mw-babel-box-2 { border: 1px solid #7571c1; }
	.skin-timeless .mw-babel-box-2 table th { background-color: #7571c1; }
	.skin-timeless .mw-babel-box-2 table { background-color: #554c79; }

	.skin-timeless .mw-babel-box-1 { border: 1px solid #ab7dab; }
	.skin-timeless .mw-babel-box-1 table th { background-color: #ab7dab; }
	.skin-timeless .mw-babel-box-1 table { background-color: #704b70; }

	.skin-timeless .mw-babel-box-0 { border: 1px solid #ab4b4b; }
	.skin-timeless .mw-babel-box-0 table th { background-color: #ab4b4b; }
	.skin-timeless .mw-babel-box-0 table { background-color: #784545; }
	
	/* misc */
	.skin-timeless #contentSub {
		color: #b4babe;
	}
	
	.skin-timeless body td.mw-abusefilter-history-changed {
		background: #875656;
	}
	
	/* recentchanges stuff */
	/* good god */
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color: #424c61;
	}
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color: #325951;
	}
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color: #5d5847;
	}
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color: #6a4c3d;
	}
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
	.skin-timeless .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
		background-color: #6a4747;
	}
	
	.skin-timeless .oo-ui-icon-clock,
	.skin-timeless .mw-ui-icon-clock:before {
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclock%3C/title%3E%3Cpath d=%22M10 0a10 10 0 1010 10A10 10 0 0010 0zm2.5 14.5L9 11V4h2v6l3 3z%22/%3E%3C/svg%3E");
	}
	.skin-timeless .oo-ui-icon-expand,
	.skin-timeless .mw-ui-icon-expand:before {
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eexpand%3C/title%3E%3Cpath d=%22M17.5 4.75l-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/svg%3E");
	}
	.skin-timeless .oo-ui-icon-collapse,
	.skin-timeless .mw-ui-icon-collapse:before {
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22%23fff%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ecollapse%3C/title%3E%3Cpath d=%22M2.5 15.25l7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z%22/%3E%3C/svg%3E");
	}
}