Skip to content

Archive.org Dark Mode (Waybackmachine) by JackABoylol

Screenshot of Archive.org Dark Mode (Waybackmachine)

Details

AuthorJackABoylol

LicenseNo License

Categoryarchive.org

Created

Updated

Size7.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode for archive.org! (Waybackmachine)

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Archive.org Dark Mode (Waybackmachine)
@description  Dark mode for archive.org!
@version      1.2
@author       Jackk#4200
@namespace    https://userstyles.world/user/JackABoylol
==/UserStyle== */
@-moz-document url-prefix("https://archive.org"), url-prefix("https://web.archive.org"), url-prefix("https://www.archive.org"), url-prefix("http://web.archive.org/")
{
body {
    background-color: #222;
    
}

.search-toolbar {
    background-color: #222;
}

.search-toolbar-logo {
    background: url(https://i.imgur.com/Ayw1BuL.png) no-repeat 50%;
    background-size: cover;
    width: 183px;
    height: 65px;
    display: inline-block;
}

html, body
{
    color: #c3c3c3;
}

a {
    font-weight: bold;
}

#footerHome p {
    color: #a9a9a9;
}

#footerHome {
    background: url("https://media.discordapp.net/attachments/749823971368894507/1093805040898162688/logo_archive-sm.png") 0 0 no-repeat
}

.form-control {
    background-color: #333;
    border: #555;
}

.web_input {
    background-color: #333;
    border: #555;
}

.web_button {
    background-color: #333;
    border: #555;
}

.web_button:hover {
    background-color: #111;
}

.close {
    color: transparent;
}

#search-input {
    background-color: #333;
}

.form-control {
    color: #b5b5b5;
}

#search-input-item-0:hover {
    background-color: #444;
}

#search-input-item-1:hover {
    background-color: #444;
}

#search-input-item-2:hover {
    background-color: #444;
}

#search-input-item-3:hover {
    background-color: #444;
}

#search-input-item-4:hover {
    background-color: #444;
}

#search-input-item-5:hover {
    background-color: #444;
}

a.dropdown-item {
    color: #b5b5b5;
}

.nav-search-1 .search-activated.nav-search .search-field.nav-search {
    background-color: #333;
}

.nav-search-1 .search-activated.nav-search .highlight.nav-search {
    background-color: #333;
}

.nav-search-1 .search.nav-search path.nav-search {
    fill: #999;
}

.nav-search-1 .search-activated.nav-search .search.nav-search {
    background-color: #333;
}

.search-menu-1 .search-menu-inner.search-menu {
    background: #333;
}

.nav-search-1 input.nav-search[type="text"] {
    color: #999;
}

.search-menu-1 .search-menu-inner.search-menu {
    color: #999;
}

input[readonly], textarea[readonly] {
    color: #999;
    background-color: #333;
    border-color: #555;
}

.web-search-toolbar-logo-container {
    background: url(https://media.discordapp.net/attachments/749823971368894507/1093833020164821022/logo_wayback_210x77.png) no-repeat 50%;
}

img.web_logo_img {
    background: url("https://media.discordapp.net/attachments/749823971368894507/1093833020164821022/logo_wayback_210x77.png") no-repeat 50%;
    background-size: cover;
    width: 210px;
    height: 77px;
    display: inline-block;
    opacity: 0;
}

.web_small_text {
    color: #999999;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #333;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Resizer */
::-webkit-scrollbar-corner {
  background: #333;
}

.user-menu-1 nav.user-menu {
    background: #333;
}

.user-menu-1 a.user-menu {
    color: #999;
}

.user-menu-1 nav.user-menu:after {
    color: #333;
}

body.ia-module .columns-facets .fatable .farow .facell:last-child, body.ia-module #morf-page .fatable .farow .facell:last-child {
    color: #999;
}

.form-inline .form-control {
    width: 174px;
}

.search-form--inside button {
    color: #999999;
}

body.ia-module.tiles .item-ia.new-item {
    color: #999999;
}

body.ia-module.tiles .item-ia {
    background-color: #333;
    color: #999;
    border: 1px solid #555;
    box-shadow: 0px 0px 0px #222;
}

body.ia-module.tiles .item-ia .item-ttl .ttl {
    color: #999;
}

body.ia-module .columns-items .sortbar {
    background-color: #333;
    border: 1px solid #555;
    border-bottom: 0px solid #555;
}

body.ia-module .columns-items .sortbar-rule {
    background: #555;
}

body.ia-module .lists-button, body.ia-module .tiles-button {
    color: #999;
}

body.ia-module.lists .lists-button, body.ia-module.tiles .tiles-button {
    color: #999;
}

body.ia-module .ikind.stealth {
    color: #999;
}

body.ia-module .ikind.stealth.in {
    color: #e7e7e7;
}

body.ia-module .columns-items .sortbar .up-down div.in {
    color: #666 !important;
}

body.navia .container-ia.nopad {
    border-top: 0px solid #444;
}

body.ia-module.tiles .columns-items {
    border-left: 1px solid #444;
}

body.ia-module .columns-facets h1 {
    border-bottom: 1px solid hsl(0, 0%, 27%);
}

body.ia-module .columns-facets .fatable .farow a.facet-link, body.ia-module #morf-page .fatable .farow a.facet-link {
    color: #999;
}

body.ia-module .boxy.white-bg {
    background-color: #333;
    border: 1px solid #555;
}

body.ia-module .boxy {
    background-color: rgba(51,51,51,1);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    border: 1px solid #555;
}

body.ia-module .boxy a {
    color: #428bca;
}

.item-download-options .format-summary {
    color: #428bca;
}

a, a:hover, a:focus {
    color: #428bca;
}

body.ia-module .boxy.white-bg a {
    color: #428bca;
}

body.ia-module .boxy .boxy-ttl {
    color: #999;
}

body.ia-module .stealth {
    color: #999;
}

.action-buttons-section .favorite-btn .button:hover, .action-buttons-section .favorite-btn .button.favorited {
    background-color: #222 !important;
}

.action-buttons-section .button {
    background-color: #222 !important;
    border: 2px solid #555;
    color: #999;
}

body.ia-module #also-found {
    background-color: #171717;
}

.well {
    background-color: #333;
    border: 1px solid #555;
}

body.ia-module.tiles .item-ia .item-parent {
    color: #999;
}

:root {
    --ia-theme-primary-background-color: #333;
    --ia-theme-secondary-background-color: #333;
    --ia-theme-primary-text-color: #999;
}

#whoweare {
    color: #999;
}

#search-input {
    --input-background-color: #333;
}

#wayback-search-container {
    background: rgb(3, 3, 3);
}

.main-image {
    background: url(https://cdn.discordapp.com/attachments/749823971368894507/1093863600164188230/ia-logo-2c2c2c.03bd7e88c8814d63d0fcb35fc01f37c3.png) no-repeat 50%;
}

img.main-image {
    background: url("https://cdn.discordapp.com/attachments/749823971368894507/1093863600164188230/ia-logo-2c2c2c.03bd7e88c8814d63d0fcb35fc01f37c3.png") no-repeat 50%;
    background-size: cover;
    width: 210px;
    height: 77px;
    display: inline-block;
    opacity: 0;
}

.capture-details {
    background: #222;
}

.sparkline-year-label {
    color: #999;
}

.calendar-day .measure {
    background-color: #00b3ff;
}

.calendar-day .measure.s3xx {
    background-color: #00ff00;
}

.calendar-day>a {
    color: #999;
}

.popup-of-day {
    background: #222;
}

.popup-arrow-foreground {
    border-color: #222 transparent;
}

#wayback-search-container {
    background: rgb(28 28 28);
}

.download-directory-listing .directory-listing-table a {
    color: #428bca;
}

pre {
    background-color: #333333;
    border: 1px solid #555;
}

.download-directory-listing .directory-listing-table {
    color: #c3c3c3;
}

.download-directory-listing .directory-listing-table thead {
    border-bottom: 1px solid #ccc;
}

}

Reviews

No reviews yet.