cvm_black_legacy.user.css

/* ==UserStyle==
@name         CollabVM Black Legacy
@namespace    cvm-black-legacy
@version      1.0.1
@license      MIT
==/UserStyle== */
@-moz-document regexp("^https?://([a-z0-9]+[.])*(computernewb\\.com|socket\\.computer|flyonthewall\\.buzz)/(collab-vm/classic|truth)/.*") {
    :root {
	color-scheme: dark;
    }
	
    .container > h1:nth-child(1), p {
        color: #6d6d6d;
    }
    
    .ui.menu, .navbar, .navbar-default {
        background-color: #121212 !important;
        background-image: none !important;
    }
    
    .navbar {
        border: none;
        box-shadow: none !important;
    }
    
    .item, label {
        color: #a4a4a4 !important;
    }

    input#search-box, .ui.dropdown .menu, h4.ui, .ui.segment {
        background-color: #2e2e2e !important;
    }
    
    .list-group-item.disabled, .panel, .list-group-item {
        background-color: #000 !important;
        color: #555555;
        border:none !important;
        box-shadow:none !important;
    }

    #change-username-modal, .ui.modal > .header, .ui.modal > .content, .modal-content, .modal-header, .modal-footer {
        color: gray;
        background-color: #121212 !important;
        border: none !important;
    }
    .ui.form input, .ui.form textarea, .ui.form select, #guac-table > div, .tabulator-row.tabulator-selectable:hover, .tabulator-col-content, .tabulator-row {
        background-color: #121212 !important;
        color: lightgray !important;
    }

    .dropdown-menu, .dropdown-toggle, .dropdown-menu > li> a:hover {
        background-color: #121212 !important;
        background-image: none !important;
    }
    
    #vm-list > div > div > div:hover, .thumbnail {
        background-color: #000 !important;
        color: #2a2a2a !important;
        border: 1px #121212 solid !important;
    }
    div.caption, small {
        color: #2a2a2a !important;
    }
    .tabulator-row.tabulator-selectable.tabulator-row-odd.tabulator-selected {
        background-color: #363636 !important;
    }
    body {
        background-color: #000 !important;
    }

    small, #vm-description {
        color: gray;
    }

    .ui.green.button, .ui.green.horizontal.label, button#vote-yes, .label-success {
        background-color: darkgreen !important;
        background-image: none;
        border: none;
    }

    .ui.red.button, .ui.red.horizontal.label, button#vote-no, .label-danger {
        background-color: darkred !important;
        background-image: none;
        border: none;
    }

    #online-users > .item.has-turn, .has-turn {
        background-color: #82b3c9 !important;
    }

    #online-users > .item.waiting-turn, .waiting-turn {
        background-color: #cbc26d !important;
    }
    
    .ui.button, #chat-user, #username-label, .ui.basic.labels .label, .ui.basic.label, #username-addon {
        background-color: #121212 !important;
        border: none;
        color: gray;
    }
    
    button
    {
        background-color: #121212 !important;
        border: none !important;
        color: gray !important;
        background-image: none !important;
        text-shadow: none !important;
    }
    .btn-default, .btn-primary {
        box-shadow: none !important;
    }
    h4 {
        background: none !important;
    }
    
    .page-header, .text-center {
        border: none !important;
        padding-bottom: 0 !important
    }
    
    .ui.attached.segment, .ui.top.attached.header {
        color: #a4a4a4;
        border: none !important;
    }

    .message-pane-wrapper, #username-box {
        background-color: #000 !important;
        border: none !important;
    }
    .username {
        color: #555555 !important;    
    }

    .message-pane li:hover {
        background-color: #000;
    }

    .ui.cards > .card, .ui.cards > .card:hover {
        background-color: #2c2c2c !important;
        box-shadow: none !important;
    }

    .ui.input > input, .ui.input > input:focus, .ui.input > input:active, div#field, #chat-input {
        background-color: #000 !important;
        border: none;
    }
    
    div.input-group {
        border: 1px solid #121212;
    }
    
    #chat-input:focus, #username-box:focus {
        box-shadow: none;
    }

    .message-pane > li {
        border: 1px solid #0d0d0d;
        box-shadow: 0 1px 0 0 #333333;
    }

    .chat-timestamp {
        color: gray;
    }

    #chat-box > li > div {
        color: #555555;
    }

    #vote-status > h3 > small {
        color: lightgray;
    }
    
    div#vote-alert, #vote-dismiss {
        background-color: #000 !important;
        background-image: none;
        border: 2px solid #121212;
        box-shadow: none;
        color: #555555;
        text-shadow: none;
    }

    .ui.blue.message, .ui.attached.blue.message {
        box-shadow: 0 0 0 1px #2b2b2b inset, 0 0 0 0 rgba(0, 0, 0, 0);
        color: #a4a4a4;
    }
    
    #chat-box > li > div > ul > li {
	    border-bottom: none;
	    box-shadow: none;
    }
	
    .my-8 {
        background-image: none;
    }

    .cf-error-source::after {
        display: none;
    }
}