thm-solarized-dark.user.css

/* ==UserStyle==
@name           THM Solarized Dark
@namespace      https://gist.github.com/69/421b4fc5333f98495525578197205a32
@version        1.0.0
@description    pretty cool
@author         jammy
==/UserStyle== */
@-moz-document domain("tryhackme.com") {
    :root {
        --bg-color: #002b36;
        --bg-color-2: #073642;
        --placeholder-color: #808080;
        --idk: #586e75;
        --font-color: #eee8d5;
        --hover-color: #fff;
        --link-color: #00aeff;
    }
    html,
    body,
    #wrapper,
    .card {
        background-color: var(--bg-color);
        color: var(--font-color)
    }

    div[class^='level-']:after,
    span[class^='level-']:after,
    .level-simple-design:after {
        color: var(--idk) !important;
    }

    .scoreboard_rank,
    .card-body,
    .card-footer,
    #userNo,
    #daysBetween,
    .modal-content,
    .scoreboard_name,
    .level-simple-design,
    .scoreboard-score {
        background-color: var(--bg-color-2);
        color: var(--font-color) !important;
    }
    .table-bordered {
        border: 1px solid var(--bg-color) !important;
    }
    .card {
        border: 2px solid var(--idk) !important;
    }
    .table,
    .nav-link {
        background-color: var(--bg-color-2) !important;
        color: var(--font-color) !important
    }
    .nav-link.active {
        background-color: var(--font-color) !important;
        color: var(--bg-color) !important
    }
    .apexcharts-yaxis {
        display: none;
    }
    .scoreboard_check {
        color: #839496
    }
    .diff-text,
    .fa-arrow-up,
    .fa-arrow-down,
    tspan,
    .apexcharts-legend-text {
        color: var(--font-color) !important
    }
    .card-header {
        background-color: var(--bg-color)
    }
    .card-body b {
        color: #ffffd7
    }
    textarea,
    input,
    select {
        color: var(--font-color) !important;
        background-color: var(--bg-color) !important;
        border: 0;
    }

    .input-group-prepend label,
    .input-group-addon {
        background-color: var(--bg-color-2) !important;
        color: var(--hover-color);
    }

    #marketplace-term,
    #room-search {
        border: 1px solid #ced4da;
    }

    .form-control:disabled {
        color: var(--idk) !important
    }
    .form-control {
        border: 0;
        color: var(--font-color) !important
    }
    a {
        color: var(--link-color);
    }
    .apexcharts-tooltip,
    .apexcharts-tooltip-title {
        background-color: var(--bg-color) !important;
    }
    .category-header-0 {
        background-color: var(--idk);
        color: var(--font-color);
    }
    .rotated > div {
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
    }
    .table-bordered td {
        border: 1px solid #586e75;
    }
    .shadow-light {
        box-shadow: initial;
    }
    .nav-tabs {
        border-bottom: 0;
    }

    .nav-tabs .nav-link.active {
        border-color: rgba(0, 0, 0, 0) !important;
    }

    .progress {
        background-color: var(--font-color);
        box-shadow: initial;
    }
    #level-progress .progress,
    #progress-bar .progress {
        background-color: var(--bg-color) !important;
    }
    .objective-title,
    .progressbar-text {
        color: var(--font-color) !important;
    }
    #progression-level-at:after,
    #progression-level-to:after {
        color: var(--font-color)
    }
    .navbar {
        background: var(--bg-color-2);
    }
    .sidebar-brand {
        background-color: var(--bg-color) !important;
    }
    #sidebar-wrapper {
        background-color: var(--bg-color-2);
    }
    hr {
        border: 1px solid var(--idk) !important
    }
    #preloader {
        background-color: var(--bg-color)
    }
    .table-bordered {
        border: 0 !important;
        width: 80%;
        margin: 10px auto !important;
    }
    .table-hover tbody tr:hover {
        color: var(--hover-color);
    }
    .badge-box {
        background-color: var(--bg-color);
        color: var(--font-color);
        border: 0;
    }
    code {
        color: var(--hover-color);
        background: var(--bg-color);
    }
    .badge-box code {
        background: var(--bg-color-2);
    }
    .js-calendar-graph-svg {
        filter: invert(100%);
    }

    .custom-nav.nav-pills .nav-link.active,
    .custom-nav .nav-pills .show > .nav-link {
        box-shadow: none !important;
    }

    .bg-light {
        background-color: var(--bg-color) !important;
    }

    .dropdown-menu {
        background-color: var(--font-color);
    }
    .dropdown-item {
        color: var(--bg-color) !important;
    }
    .dropdown-item:active {
        background-color: var(--hover-color) !important;
    }

    .page-item .page-link {
        background-color: var(--bg-color) !important;
    }
    .page-item .page-link.active {
        background-color: var(--bg-color-2) !important;
        border: 0 !important;
    }
    p,
    p * {
        color: var(--font-color) !important;
    }
    .task-icon {
        color: #41dff1;
    }

    .forum-channels > li,
    .forum-channel,
    .inline-list > * {
        color: var(--font-color) !important;
    }

    .jumbotron {
        background: #003d4d;
        color: var(--font-color);
    }

    a:hover {
        color: #5ccbff
    }

    .bootstrap-tagsinput {
        background-color: var(--bg-color);
    }

    .notification {
        background-color: var(--bg-color);
        color: var(--font-color);
    }
    
    .popover-body { background-color: var(--bg-color-2); margin: 1px;  }
    ul.inline li { color: var(--font-color); }
        
}