/* ==UserStyle==
@name           YorkU Dark Simple
@version        1.0.2
@author         Hussein Esmail
@description    `A dark theme template for _`
@namespace      https://github.com/hussein-esmail7/userstyles
@homepageURL    https://github.com/hussein-esmail7/userstyles
@supportURL     https://github.com/hussein-esmail7/userstyles/issues
@updateURL      https://raw.githubusercontent.com/hussein-esmail7/userstyles/main/src/dark_yorku_simple.user.css
==/UserStyle== */

@-moz-document domain("passportyork.yorku.ca") {

    :root {
        --color-bg: #141414;            /* Default background color */
        --color-fg: #f8f8f8;            /* Default text color */
        --color-fg-a: orange;
        --color-fg-secondary: #eeeeee;
        --color-fg-button: black;
        --color-bg-table: #31363a;
        --table-hover-color: #222222;
        --color-bg-search: white;
        color-scheme: dark;                 /* Used to get dark scroll bars */
    }

    body {
        /* Background color */
        background-color: var(--color-bg) !important;
    }

    h1, h2, h3, h4, h5, h6, strong, label, .detDesc, div, div#sortby, .comment, #comments, #detailsouterframe *, .comment, #details *, dl *, .btn-primary {
        /* Text color */
        color: var(--color-fg) !important;
    }

    a
	{
		color: var(--color-fg-a);
	}

    input {
        /* Text inputs */
        color: var(--color-fg-button) !important;
        background-color: var(--color-bg-search);
    }

}

@-moz-document domain("eclass.yorku.ca") {

    :root {
        --color-bg: #141414;            /* Default background color */
        --color-fg: #f8f8f8;            /* Default text color */
        --color-fg-a: orange;
        --color-fg-border: #555555;


        --color-fg-secondary: #eeeeee;
        --color-fg-button: black;
        --color-bg-table: #31363a;
        --table-hover-color: #222222;
        --color-bg-search: white;
        color-scheme: dark;                 /* Used to get dark scroll bars */
    }

    body, #page-wrapper, #page-wrapper *:not(.mediaplugin *) {
        /* Background color */
        background-color: var(--color-bg) !important;
    }

    h1, h2, h3, h4, h5, h6, strong, label, .detDesc, div, div#sortby, .comment, #comments, #detailsouterframe *, .comment, #details *, dl *, .btn-primary {
        /* Text color */
        color: var(--color-fg) !important;
    }

    a
	{
		color: var(--color-fg-a) !important;
	}

	.mediaplugin>div
	{
		margin: unset;
	}
	.mediaplugin
	{
		text-align: left !important;
	}

	.card,
	.btn-secondary,
	.btn-default
	{
		border: 1px solid var(--color-fg-border) !important;
	}

	@media (max-width: 767.98px) {
		.breadcrumb:not(:empty)
		{
			border: none;
		}
	}


    input {
        /* Text inputs */
        color: var(--color-fg-button) !important;
        background-color: var(--color-bg-search);
    }

}