ForteWEB by heisian

/* ==UserStyle==
@name           forteweb.com - 7/10/2023, 10:22:24 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("forteweb.com") {
    body,
    .graphic,
    .btn-default {
        background: #111 !important;
        background-color: #111 !important;
        color: #CCC;
    }

    .navbar.bg-dark {
        background: none !important;
    }

    div.actionBar {
        background: #333 !important;
    }

    .navigation-container {
        background-color: #333 !important;
    }

    /* Disable annoying loading srceen */
    fw-loading,
    fw-banner-ad,
    fw-job-ad {
        display: none !important;
    }

    fw-job-settings,
    fw-job-summary,
    fw-wind-loading,
    fw-seismic-loading,
    fw-level,
    fw-member-info,
    fw-spans-and-supports,
    fw-loads-horiz-member,
    fw-roof-geometry,
    fw-holes,
    fw-tapered-ends,
    fw-location-analysis,
    fw-floor-performance,
    fw-product-selection,
    fw-solutions,
    fw-report,
    fw-pending-column-overlay,
    fw-height-and-supports,
    fw-loads-vert-member,
    .memberTypeContainer {
        background-color: #111 !important;
    }
    
    .copyMoveSidebar {
        background: #111 !important;
    }
    
    .dropdown-menu.show {
        background-color: #222 !important;
    }

    button {
        color: #CCC !important;
    }

    div.item:hover,
    div.node-content-wrapper:hover,
    div.nameDiv:hover {
        background: #369 !important;
    }

    table {
        color: #CCC !important;
        --bs-table-striped-color: #EEC !important;
        --bs-table-hover-color: #6CC !important;
        --bs-table-border-color: #666 !important;
        border-color: #666 !important;
    }

    th {
        background-color: #012 !important;
    }

    .node-content-wrapper-active {
        background-color: #036 !important;
    }

    tr.selected,
    tr.jsLevelHeader,
    .table-hover > tbody > tr:hover > *,
    .solutionsDocument > .allSolutionsContainer > table.table-striped > tbody > tr.selected.ng-star-inserted {
        background-color: #036 !important;
    }

    .solutionsDocument > .allSolutionsContainer > table.table-striped > tbody > tr.selected.ng-star-inserted:hover {
        background-color: #036 !important;
    }

    td.levelCollapse {
        border-left: 1px solid #666 !important;
        border-right: 1px solid #666 !important;
        background: none !important;
    }
    
    .jsLevelHeader > td {
        --bs-table-accent-bg: #113 !important;
        font-weight: bold;
    }

    td.borderlightgrey {
        border-color: #666 !important;
    }

    textarea,
    input,
    select,
    .form-control,
    .gridColumn {
        background-color: #010612 !important;
        color: #DDD !important;
    }

    .content-right .forteGridContainer input[type="text"]:disabled,
    .disabledTextBlock {
        background-color: #444 !important;
        color: #BBB !important;
    }

    .content-right .forteGridContainer .scrollContainer .columnContainer .gridColumn div:not(.dropdown-menu) .multiValueContainer.loadIsOffMember {
        background-color: #A11;
    }

    .card,
    .modal {
        --bs-card-bg: #111;
        --bs-card-border-color: #999;
        --bs-modal-bg: #111;
    }

    .dropdown-menu,
    .dropdown-item {
        --bs-dropdown-bg: #222;
        --bs-dropdown-link-hover-bg: #036;
        --bs-dropdown-color: #CCC;
    }

    li.tab.active {
        color: #FFF !important;
        background-color: #369 !important;
    }

    tree-viewport {
        color: #DDD !important;
    }

    .qlTree > li.ng-star-inserted {
        color: #CCC !important;
    }
}