Toronto Public Library Dark by hussein-esmail7

/* ==UserStyle==
@name           Toronto Public Library Dark
@version        1.0.3
@author         Hussein Esmail
@description    `A dark theme for the website torontopubliclibrary.ca`
@namespace      https://github.com/hussein-esmail7/userstyles
@homepageURL    https://github.com/hussein-esmail7/userstyles
@supportURL     https://github.com/hussein-esmail7/userstyles/issues
==/UserStyle== */

@-moz-document domain("torontopubliclibrary.ca") {
    :root {
        --color-bg: #141414;            /* Default background color */
        --color-fg: #f8f8f8;            /* Default text color */
        --color-bg-item-focus: #1e1e1e;
        --color-bg-alert: darkred;
        --color-fg-url: lightblue;
        color-scheme: dark;                 /* Used to get dark scroll bars */
    }
    
    body, .SearchBox, .logon, #form_signin, .container, .action-bar, td, .panel, .menu-item, section, [class^="components-pages"], [class^="components-Save"], [class^="components-ItemButton"], th, .copyright, .add-new-list, .page-content, div.notice, .megamenu, .megamenu-column,
	.primary-row, /* "Hold placed" page background */
	.place-hold-confirmation .record-details, /* "Hold placed" main panel */
	.form-submission-response, /* "Hold placed" main panel 2 */
	.record-details,
	.form-place-hold
	{
        /* Background color */
        background-color: var(--color-bg) !important; 
    }

    .selected {
        background-color: var(--color-bg-item-focus);
    }

    body, .SearchBox, .logon, h1, h2, h3, h4, h5, h6, label, .holds-title, .menu-item, span, p, ul, th,
	.place-hold-confirmation .record-details *, /* "Hold placed" main panel */
	.form-submission-response *, /* "Hold placed" main panel 2 */
	.record-details *
	{
        /* Text color */
        color: var(--color-fg) !important;
    }

    a:link, a {
        /* Text color for URLs */
        color: var(--color-fg-url) !important;
    }

    .media-item {
        background-color: var(--color-bg-item-focus) !important;
        padding: 0;
        border: none;
    }

    p.notice, .branch-message-outer, .branch-message p, .alert {
        background-color: var(--color-bg-alert) !important;
    }

	.submission-alert /* Green or red circle */
	{
		background-color: transparent !important;
		background-image: none;
		margin: 0px;
		padding: 0px;
	}

	.submission-record-confirmation
	{
		margin-bottom: 10px;
	}
    
}