myPetroc Dark Theme by JohnPetroc

/* ==UserStyle==
@name       Petroc Dark Theme
@version    20250401.21.22
@namespace  ?
==/UserStyle== */

@-moz-document domain("my.petroc.ac.uk") {
:root {
    --bg: #333;
    --panel: #444;
    --btn: #555;
    --6: #666;
    --nav: #777;
    --txt: #fff;
    --green: #A5BE25;
    --yellow: #E8BD1C;
}

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

.jumbotron,
.panel,
.panel-footer,
.well {
    background: var(--panel) !important;
    color: var(--txt) !important;
}

.btn,
table,
.navbar-sub-app ul li.active a,
.navbar-app ul li.active a {
    background: var(--btn) !important;
    color: var(--txt) !important;
}

.btn-primary,
.nav-tabs>li.active>a {
    background: var(--btn) !important;
    border-color: var(--green);
}

.dropdown-menu {background: var(--btn);}

.table-striped>tbody>tr:nth-of-type(odd),
#page-content .table-bordered tfoot tr,
.menu-grid-item:hover,
.table-hover>tbody>tr:hover,
a.list-group-item:hover,
.dropdown-menu li a:hover {
    background: var(--6);
}

.panel-default>.panel-heading,
.panel-footer {
    background: var(--green)
}

.navbar-app {
    background: var(--6) !important;
    color: var(--txt) !important;
}

.navbar-sub-app {
    background: var(--nav) !important;
    color: var(--txt) !important;
}

.menu-grid-item,
.list-group-item,
.dl .row 
{background: var(--btn);color: var(--txt) !important;}

.icon,
.menu-grid-item-name,
.panel-heading,
a.dashboard-pane-heading,
.text-muted,
.navbar-default .navbar-nav>li>a,
a {color: var(--txt) !important;}

.mark {background-color: var(--panel);}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: var(--yellow) ; }

.text-primary {color: var(--yellow);}

.form-control {background: var(--6);color: var(--txt);}

.form-control:focus {border-color: var(--green)}

.img-thumbnail {display: none;}
}