VTOP Dark Mode by godamnit

/* ==UserStyle==
@name           VTOP Dark Mode
@namespace      https://github.com/arora-archit/darkVTOP
@version        1.4
@description    Dark mode for VTOP
@author         godamnit
==/UserStyle== */
@-moz-document url-prefix("https://vtopcc.vit.ac.in/") {
    .card-body {
        background: #3f3f3f!important;
        border-radius: 11px;
        margin-bottom: 10px;
        margin-top: 3px;
    }
    .card-header {
        background: transparent;
        border: none;
        padding: 7px;
        margin: 2px;
        text-align: center;
    }
    .card-header strong {
        color: white!important;
    }
    .d-flex:not(li.bg-transparent:nth-child()) {
        background: #555454;
    }
    .list-group-item {
        background: #555454;
    }
    #sidePanel {
        background: #595656;
    }
    .iconSpace {
        color: white!important;
        padding: 10px;
    }
    .offcanvas-body {
        background: #555454;
    }
    .box {
        background: #555454;
    }
    h3.box-title {
        color: white;
    }
    h3 b {
        color: white;
    }
    .accordion {
        background: #555454;
    }
    .accordion-item {
        background: #555454;
    }
    .card {
        background:#282828!important;
        padding-left:20px;
        padding-right: 20px;
        padding-top: 10px;
    }
    .col-form-label {
        color: white;
    }
    .dropdown-item {
        color: white;
    }
    .dropdown-item:hover {
        background: #696969;
    }
    li {
        color: white;
    }
    .iconSpaceHeader {
        color: white!important;
    }
    .textColor1 {
        color: white;
    }
    .dropdown-menu {
        background: #555454;
    }
    .fg-black {
        color: white;
    }
    .fg-black:hover {
        background: #555454;
        color: lightblue;
    }
    .showBlock {
        background: #555454;
    }
    .menuHeaderColor {
        background: #696969;
        color: white;
    }
    .textColor2 {
        color: white;
    }
    .textColor2:hover {
        color: lightblue;
    }
    .fw-bold:not(.fa-eye),
    .fw-light {
        color: lightcyan!important;
    }
    .box-header h3 {
        color: white;
    }
    .panel-body {
        background: #696969;
    }
    .panel-body span {
        color: #2bbe2b!important;
    }
    .indicator {
        color: white;
    }
    a {
        color: lightblue!important;
    }
    li.branch::before {
        background: #696969!important;
    }
    li::before {
        background: #696969!important;
    }
    .WhiteBackground {
        background: #121212;
        color: white;
    }
    .form-select {
        color: black!important;
    }
    label {
        color: #e5e5e5;
    }

    .accordion-button:not(.py-2) {
        background: rgb(69, 97, 138)!important;
        background: radial-gradient(circle, rgba(69, 97, 138, 1) 15%, rgba(2, 0, 36, 1) 94%)!important;
        border-radius: 15px;
    }
    .fa:not(.iconSpace, .iconSpaceHeader, .fa-6, .fa-user, .fa-eye, .fa-refresh) {
        color: white!important;
        width: 50px!important;
        height: 45px!important;
    }
    .accordion-button strong {
        color: white!important;
    }
    .modal-content {
        background: #555454;
    }
    .modal-body h4 {
        color: lightblue!important;
    }
    .modal-title {
        color: #f00!important;
    }
    .fa-6 {
        color: Red;
    }
    a.btn {
        color: black!important;
        background: #696969;
        border-color: black;
    }
    .light-box {
        background: #696969;
        border-color: #555454;
    }
    tr {
        background: #555454!important;
    }
    tr td {
        color: #080808!important;
    }
    td.text-primary {
        color: lightblue!important;
    }
    th {
        color: #feffff;
    }
    .head-box {
        background: #555454;
    }
    .col-sm-offset-2 {
        background: #4c4949;
    }
    .table caption {
        background: transparent!important;
        border-color: #2874a6!important;
    }
    h4 {
        color: white!important;
    }
    .text-left,
    ol li span {
        color: white!important;
    }
    .box-footer {
        background: #555454;
        border-color: #555454;
    }
    .table.thead {
        border-color: black!important;
    }
    #meetingRequest div {
        background: #555454!important;
    }
    div.fortnightly.col-sm-12 {
        background: #555454;
    }
    .tableContent {
        color: white!important;
    }
    .tableHeader td {
        color: black!important;
    }
    #fixedTableContainer tr td {
        color: white;
    }
    .box-body {
        background: #595555;
    }
    .table-responsive span {
        color: #000!important;

    }
    [id^=custom-tabs-one-profile-tab].nav-link:hover {
        background: #4d4b4b;
    }
    .table td b {
        color: white!important;
    }
    li.active {
        color: #d72c2c;
    }
    div#bodyContent.card-body {
        background: #575757!important;
    }
    .small {
        color: white;
    }
    strong.fw-bold:hover, .w-75 a span:hover{
        background: #5e5d5d;
        padding: 2px;
    }
    .popup {
        border-color: gray;
        background: gray;
    }
    .offcanvas-header {
        background: #696969;
    }
    .customTable, .customTable > tbody > tr > td, .customTable > tbody > tr > th, .customTable > tfoot > tr > td, .customTable > tfoot > tr > th, .customTable > thead > tr > td, .customTable > thead > tr > th {
        border: 1px solid #000!important; 
    }
    .box-header.with-border {
        border-bottom: 0.5px solid #00c0ef;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 20px;
    }  
    .table-responsive {
        margin-left: 50px;
    }
    div.col-md-6:nth-child(1) > div:nth-child(1) > div:nth-child(1), div.col-12:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
        border-radius: 11px;
        margin-bottom: 3px; 
    }
    .cardStudent, .cardEmployee, .cardAlumni, .cardParent {
        background: #514e4e!important;
    }
    div.col-12:nth-child(2) > div:nth-child(1), div.col-md-6:nth-child(1) > div:nth-child(1) {
        box-shadow: none!important;
    }
    #loginBox {
        width: 40%!important;
    }
    #submitBtn {
        height: 30px;
        width: 100px;
        margin-right: 42%
    }
    ul.fw-bold, ul.small {
        background: #555454!important;
        border-radius: 11px;
    }
    .list-group {
        border-radius: 11px;
        margin-top: 10px;
    }
    button.btn.btn-sm.btn-info.fw-bold.position-relative.mt-3 {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        height: 30px;
        font-size: 15px;
    }
        table.table:nth-child(2) > tbody:nth-child(1) tr td:nth-child(1), div.table-responsive table.table tbody tr td:nth-child(1):not(tbody.text-primary > tr:nth-child(1) > td:nth-child()) {
        background-color: #d236d2!important;
        border: 1px solid white!important;
    }

    table.table:nth-child(2) > tbody:nth-child(1) tr td:nth-child(2), table.table:nth-child(2) > tbody:nth-child(1) tr td:nth-child(3),div.table-responsive table.table tbody tr td:nth-child(2),div.table-responsive table.table tbody tr td:nth-child(3) {
        background-color: #e6929e!important;
        border: 1px solid white!important;
    }
    div.content div.col-md-12 div.row-col-1 div.col-12 div.card.border-1.border div.row div.col-4.mt-4.mb-3 p {
        color:white;
    }
    strong.h2.align-self-center.primaryTextColor1.fw-bold.text-center:hover {
        background: none;
    }
    img.img-responsive.VITEmblem {
        content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAgAElEQVR4Xuy9B3xV1dL+P+mFhAQIvXeRDoooKCqgoqBiL4i9Yu9i71hQsWLHq14bKlIUpCiI2BXpvUMIhJBCevt/n9nnQK6vt/h77/u3kO0nJiTn7LP32mtmzTzzzLMirPqoHoHqEdhrRyBir73z6huvHoHqEbBqB1A9CapHYC8egWoHsBc//Opbrx6BagdQPQeqR2AvHoFqB7AXP/zqW68egWoHUD0HqkdgLx6BagewFz/86luvHoFqB1A9B6pHYC8egWoHsBc//Opbrx6BagdQPQeqR2AvHoFqB7AXP/zqW68egWoHUD0HqkdgLx6BagewFz/86luvHoFqB1A9B6pHYC8egWoH8Cd7+JWVlbGZmZlppaWlDZOTk9uWlZUVlZfvSo+MrJFeq1atjIiIiOI/2S1VX+7vOALVDuB3HPz/5KOzs4sGpKTEjeK1XTF+w8Aj+dmfW2VlOf+s1A/8Rj9EVoT+FvoeuZJ/f8fXZbxw13/yedWv2btGoNoB/EGf99q1a/dp1qzZ5PLy8tYxMTFcZYWx2lt0dLRfccgZhI0/dBeye15ZXm4RkdH4hKjw3eXx1uWFhSUP1KwZ9+Ef9JarL+t3GIFqB/A7DPq/+sjsHRkzUmrXape/K79pjaSkf/rSivIyDDySr1jjRwye9X+3ve95W2FhoSUkJBiORF/FGRkZ1+JYnv2D3Xb15fxOI1DtAP5/GHhWa1nyCPL2HqzmHfm5XhmZenScxbJex5WVFcQotI+Kig2eh4f0kVZaUmJa/SsqKiwyEguPqPq4FPorG4ji78Gf9FWhREC/ViQQel9J6DzKEiqt3H8fFRmdzwnm8+qf+bo8yCWqj71tBKodwP/hE8/PL5gYHR3TOjY2ugERfG0WYcMJWHyCQvqqBxasPxK2u/FjwRXllazoVR6PjJuXlZWVCAdwhyBDLiurwFdEhhxExW6jj40OPkOfJyeyO2UIfax+r/MopSguLlkXFxf7RWFW4djEOonz/g+H5H91au4hcteuXWlENfslxSYeUhFtzbmPJqRGidxKRWxsXHJMTAT3XOkDxxiVR0VFZTFOuUQ/GYCm83fu3PlD7dq15/6vLuQv9OZqB/BffJhZWVnNQOJfZ8L1ZfKF1uHgAwp2FVpijQT/ubioxOLiFbqzEkeHXob9W+jHsrJyi46JslK+l5eW4Rei3FjLMXgZso7wd4sIogPhA3IIMna9toL36vcYgP+uHIcS/D0qCDB0Ev4nBxIdvgZOy283ADweWqtWwrr/4tD85lPl5eXfn5SUeCxX1I7rDIAPv+KKAADlXuT4wsfuKCn0i0p8gI8ZjlVj8ItDo63z6H6X8fUBr73jN1/kX+AN1Q7gv/QQMf5jyLVfxejqsuK7NYdXXYXgsTGxDs7tDuUxXFlicVEpziDep2Ipxh6j9/JUCgoKLCExkb8XcSqtaqUEEebGHDb22NhYKykpsxo1avjv9BXP52jS6zPj4uKsqJjzgAGUFpf463SUlSqaqLRYZRxVZoDOFVy7ZWIQdf9LQ/ObTrNt29bb0tJqn1FZGdVB4xcFsBF2mGXkTcpUonCIe5yAfg7Guuoh4w+OwEno7/rSuMQz3mFAtbi42McpJyfn5dTU1At+08X+BV5c7QD+Sw+RybUFs2qo05UyUWNI8HW48ccGBl7CZIuNJxyvALXjCFawSCsiItCkzM3NNUA6K8FCNUF34QRACiw3J8/S0zMsNy/fM4UcfS8pt+TkGjiJaGvTuqWlpNTycybEEvrjXBITE6xJk0ZEHfGWnZ1ltVJS/ZxRUTG+IlYKN+DjgwpieBD2pBBbt26b2rBhw0H/peH5t6dZvnx51zZtm49nsW8TGGWCr+Du9fimFV/35UVQcIzgDxg+XxHgIFWNvGrw9WuRQDhaqOqglQrhBBbk5+ff3bRp0w/+7QX/RV5Q7QD+lw+yoKD43YSE2KNYdZPLy0tDKyjhdlCz98mpiaYQXH+PiKy0zMzttnPnDps0aZJ998OPtn7dBn6XaQlJNaxTpy6WmlLbGjRoZH0PPhRHkmSFRZW2ZfMOKywos/k/LeW1eVaYX8zvczHqTIw80p1LENFWWElpgeXkZvKVZXHkxHXqpFinzh2sZ8+eNvjoY4wcmNdF4UCSrbgEZ5GQyHXKoHAAlUQpIapBkHFEz4uOjuj7vxymX3371q1bz6hfv/4j/BF8pDTeHdNukFIYRqSPW1QICxH+oXSlrJxIgHGMosxJ0GTRUWCpcgsqfzLmQciv9wbhvwxeR9gxVMVDqqYOVX7O4+U/c31...