ComunicWeb/assets/css/dark_theme.css

/**
 * General definitions
 */
:root {
    --black: #1119;
    --black2: #111111;
    --black3: #000;
    --black4: #686a6c;
    --black5: #232426;
    --black6: #0f0f0f;
    --white: silver;
}

p, h1, h2, h3, h4, h5, h6 {
    color: var(--white);
}

.content-wrapper {
    background-color: var(--black3);
}

.link-black {
    color: var(--white);
}



/**
 * Buttons
 */
.btn {
    color: var(--white);
}

.btn-primary, 
.btn-success, 
.btn-default,
.btn-danger {
    background-color: transparent;
}

.btn-default:active, .btn-default:focus {
    background-color: var(--white);
}


/**
 * Forms
 */
.form-control {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black5);
}

.form-control:focus {
    background-color:  var(--black5);
}

.form-group label {
    color: var(--white);
}



/**
 * Navbar
 */
.navbar {
    background-color: var(--black) !important;;
}



/**
 * Footer
 */
.main-footer {
    background-color: var(--black3);
}

.main-footer span {
    color: var(--white);
}

/**
 * Boxes
 */
 .box {
    background-color: var(--black5);
    color: var(--white);
}


/**
 * Modals
 */
.modal-header,
.modal-footer {
    background-color: var(--black5);
}

.modal-body {
    background-color: var(--black6);
}

.modal-primary .modal-header, 
.modal-primary .modal-footer {
    background-color: var(--black5) !important;;
}

.modal-primary .modal-body {
    background-color: var(--black6) !important;
}

.modal-danger .modal-header, 
.modal-danger .modal-footer {
    background-color: #a22819 !important;
}

.modal-danger .modal-body {
    background-color: #872f24 !important;
}

/**
 * Dropdown menus
 */
.dropdown-menu {
    background-color: var(--black5);
}

.dropdown-menu > li > a {
    color: var(--white) !important;
}

.dropdown-menu > li > a:hover {
    background-color: var(--black3);
}


/**
 * Home page
 */
#homeLandingScreen {
    background-image: none !important;
    background-color: var(--black5);
}

#homeLandingScreen #homeMessage {
    background-color: var(--black);
}


/**
 * Login page
 */
.login-page, .register-page {
    background-color: var(--black2);
}

.login-box-body {
    background-color: var(--black3);
}

.login-logo b, #loginForm label {
    color: var(--white) !important;
}


/**
 * Create account page
 */
.create-account-form label {
    color: var(--white);
}





/**
 * Posts
 */
.attachment-block {
    background-color: var(--black6);
}

.post-comments {
    background-color: var(--black);
    border-radius: 2px;
}

.post {
    color: var(--white);
}

.box-comments .username, 
.box-comments .comment-content {
    color: var(--white);
}


.comment-creation-form .comment-image-select a, 
.comment-creation-form .comment-emoji-select a {
    color: var(--white);
}


/**
 * Posts edit modal
 */
.editor {
    background-color: var(--black5);
    color: var(--white);
}