Skip to content

Archive.org - Night Theme (Updated) by Nick2bad4u

Imported and mirrored from https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/Archive.orgNightTheme(Updated).user.css

Screenshot of Archive.org - Night Theme (Updated)

Details

AuthorNick2bad4u

LicenseCC-BY-NC-4.0

Categoryarchive

Created

Updated

Size6.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark background colors and orange font color.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Archive.org - Night Theme (Updated)
@namespace    https://github.com/Nick2bad4u/UserStyles
@author       stylish.c0d3d.net / Nick2bad4u (Updated)
@description  Dark background colors and orange font color.
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@version      1.0.4
@license      CC-BY-NC-4.0

@var color background-black "Background Black" #000000
@var color background-dark-1 "Background Dark 1" #111111
@var color background-dark-2 "Background Dark 2" #222222
@var color background-dark-3 "Background Dark 3" #333333
@var color border-dark-1 "Border Dark 1" #333333
@var color border-dark-2 "Border Dark 2" #444444
@var color text-light-1 "Text Light 1" #999999
@var color text-light-2 "Text Light 2" #cccccc
@var color link-orange-1 "Link Orange 1" #ff6600
@var color link-orange-2 "Link Orange 2" #ff8800
@var color link-red "Link Red" #ff0000
@var color ia-theme-primary-background-color "IA Theme Primary Background Color" #F5F5F7
@var color ia-theme-secondary-background-color "IA Theme Secondary Background Color" #FFFFFF
@var color ia-theme-primary-text-color "IA Theme Primary Text Color" #2C2C2C
@var color ia-theme-secondary-text-color "IA Theme Secondary Text Color" #666666
@var color ia-theme-link-color "IA Theme Link Color" #4B64FF
==/UserStyle== */
@-moz-document regexp("^(?!.*archive\\.org\\/web\\/\\d+\\/https?\\:\\/\\/).*archive\\.org.*$") {
	:root
	{
		--background-black: var(background-black);
		--background-dark-1: var(background-dark-1);
		--background-dark-2: var(background-dark-2);
		--background-dark-3: var(background-dark-3);
		--border-dark-1: var(border-dark-1);
		--border-dark-2: var(border-dark-2);
		--text-light-1: var(text-light-1);
		--text-light-2: var(text-light-2);
		--link-orange-1: var(link-orange-1);
		--link-orange-2: var(link-orange-2);
		--link-red: var(link-red);
		--ia-theme-primary-background-color: var(ia-theme-primary-background-color);
		--ia-theme-secondary-background-color: var(ia-theme-secondary-background-color);
		--ia-theme-primary-text-color: var(ia-theme-primary-text-color);
		--ia-theme-secondary-text-color: var(ia-theme-secondary-text-color);
		--ia-theme-link-color: var(ia-theme-link-color);
	}

	body.navia.bgEEE {
		background-color: var(
			--background-dark-2
		) !important;
	}

	body.navia #nav-tophat {
		background-color: var(--background-dark-2);
		color: var(--text-light-2);
	}

	body {
		background: var(--background-black);
	}

	h1,
	h2,
	h3,
	h4 {
		color: var(--text-light-1) !important;
	}

	#wrap,
	#wrapper {
		border-color: var(--border-dark-1);
		background: var(--background-dark-1);
		color: var(--text-light-1);
		text-shadow: none !important;
	}

	.col-xs-12,
	.preamble,
	.preamble div {
		border-color: var(--border-dark-1);
		background: var(
			--background-dark-2
		) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	.welcome,
	#wrap .width-max {
		border: none !important;
		background: var(
			--background-dark-3
		) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	#theatre-controls,
	.iconochive-fullscreen,
	.iconochive-flash,
	.iconochive-unmute {
		background: var(
			--background-dark-3
		) !important;
	}

	.boxy,
	.item-ia {
		border-width: 2px !important;
		border-style: solid !important;
		border-color: var(--border-dark-2) !important;
		background: var(
			--background-dark-1
		) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	body.ia-module.tiles .item-ia .item-ttl .ttl {
		color: var(--text-light-2) !important;
	}

	#favorite-button,
	#share-button,
	#flag-button,
	.sortbar {
		border: var(--background-black) !important;
		background: var(
			--background-dark-1
		) !important;
	}

	.boxy-ttl {
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	.small-label {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	p .show-all {
		border-color: var(--border-dark-1) !important;
		background: var(--link-orange-1) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	a,
	a * {
		color: var(--link-orange-1) !important;
		text-decoration: none !important;
	}

	a:visited,
	a:visited * {
		color: var(--link-orange-2) !important;
	}

	a:hover,
	a:hover * {
		color: var(--link-red) !important;
	}

	.about-box,
	tbody,
	tr,
	td,
	.well,
	.white-box {
		border-color: var(--border-dark-1) !important;
		background: var(
			--background-dark-1
		) !important;
		color: var(--text-light-1) !important;
		text-shadow: none !important;
	}

	p {
		border: none !important;
		background: var(
			--background-dark-1
		) !important;
		color: var(--text-light-1) !important;
		text-shadow: none !important;
	}
}

@-moz-document regexp(".*archive\\.org\\/web\\/\\d+\\/https?\\:\\/\\/.*$") {
	#wm-ipp-base {
		filter: invert(1) hue-rotate(180deg);
	}

	.navia {
		background-color: var(
			--background-dark-2
		) !important;
	}

	.navia #nav-tophat {
		background-color: var(--background-dark-2);
		color: var(--text-light-2);
	}

	#wrap,
	#wrapper {
		border-color: var(--border-dark-1);
		background: var(--background-dark-1);
		color: var(--text-light-1);
		text-shadow: none !important;
	}

	.col-xs-12,
	.preamble,
	.preamble div {
		border-color: var(--border-dark-1);
		background: var(
			--background-dark-2
		) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	.welcome,
	#wrap .width-max {
		border: none !important;
		background: var(
			--background-dark-3
		) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	#theatre-controls,
	.iconochive-fullscreen,
	.iconochive-flash,
	.iconochive-unmute {
		background: var(
			--background-dark-3
		) !important;
	}

	.boxy,
	.item-ia {
		border-width: 2px !important;
		border-style: solid !important;
		border-color: var(--border-dark-2) !important;
		background: var(
			--background-dark-1
		) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	body.ia-module.tiles .item-ia .item-ttl .ttl {
		color: var(--text-light-2) !important;
	}

	#favorite-button,
	#share-button,
	#flag-button,
	.sortbar {
		border: var(--background-black) !important;
		background: var(
			--background-dark-1
		) !important;
	}

	.boxy-ttl {
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	.small-label {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	p .show-all {
		border-color: var(--border-dark-1) !important;
		background: var(--link-orange-1) !important;
		color: var(--text-light-2) !important;
		text-shadow: none !important;
	}

	.about-box,
	.well,
	.white-box {
		border-color: var(--border-dark-1) !important;
		background: var(
			--background-dark-1
		) !important;
		color: var(--text-light-1) !important;
		text-shadow: none !important;
	}
}

Reviews

No reviews yet.