Twitter Offline Archive (2020s Version) - Dark Mode by lu9-st

/* ==UserStyle==
@name           Twitter Offline Archive (2020s Version) - Dark Mode
@namespace      Lu9
@version        1.0.0
@description    A quick and dirty attempt to give Twitter's dark mode colors to the offline .html you get by downloading your Twitter data. (the entire page is created on the fly with javascript) - Be sure to allow Stylus to run on local files, and that your archive is in any folder with "twitter" anywhere in its name.
@author         Lu9
==/UserStyle== */

@-moz-document regexp("file:\\/\\/\\/.*twitter.*\\/Your%20archive\\.html.*") {
    	body {
	color: white !important;
	background-color: #15202b !important;
	}
	h1 {
	background-color: #15202b !important;
	border-color: #38444d !important;
	}
	div {
	background-color: transparent !important;
	}
	button.FormInput {
	background-color: transparent !important;
	color: white !important;
	border-color: #38444d !important;
	}
	.Calendar-day.is-selectable {
    color: #96badf !important;
	}
	.Calendar-day.is-selectable.is-adjacentMonth {
    color: #536471 !important;
	}
	.r-uvzvve {
	border-bottom-color: #38444d !important;
	}
	.r-1ye8kvj {
	border-color: #38444d !important;
	}
	.r-e84r5y {
	border-color: #38444d !important;
	}
	.r-1ljd8xs {
	border-color: #38444d !important;
	}
	.r-33ulu8 {
	border-right-color: #38444d !important;
	}
	.r-hkyrab {
    color: #b0d7ff !important;
	}
	.Tweet-userData .Tweet-name {
	color: #e4f1ff !important;
	}
	.r-1re7ezh {
    color: #abc4d9 !important;
	}
	.r-urgr8i {
    background-color: #1DA1F2 !important;
	border-color: #1DA1F2 !important;
	}
	.Tweet-actions {
    color: #85a6bf !important;
	}
::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-track {
  background: #202f3e;
}

::-webkit-scrollbar-thumb {
  background: #58748f;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

::-webkit-scrollbar-button:single-button {
background: #58748f;
border-radius: 2px;
	}
}