/*
 * Acuparse - AcuRite Access/smartHUB and IP Camera Data Processing, Display, and Upload.
 * @copyright Copyright (C) 2015-2023 Maxwell Power
 * @author Maxwell Power <max@acuparse.com>
 * @link http://www.acuparse.com
 * @license AGPL-3.0+
 *
 * This code is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this code. If not, see <http://www.gnu.org/licenses/>.
 */

/**
 * File: src/pub/themes/twilight.css
 * Twilight CSS Theme
 */

/* Global Styles */

body {
    color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .9);
}

/* Tables */
.table thead th {
    background-color: rgba(43, 43, 43, 0.9);
}

.table td,
.table th {
    background-color: rgba(72, 72, 72, 0.88);
}

/* END - Tables */
/* ---------------------------- */

/* Forms */
.form-control,
.form-select {
    color: rgb(255, 255, 255);
    background-color: rgb(85, 85, 85);
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}


.form-control:disabled,
.form-select:disabled,
.form-control[readonly] {
    background-color: rgb(30, 30, 30);
}

/* END - Forms */
/* ---------------------------- */

.alert-primary {
    color: rgba(255, 255, 255, .7);
    background-color: #152a40;
    border-color: #b8daff;
}

.alert-secondary {
    color: rgba(255, 255, 255, .7);
    background-color: #2b2b2b;
    border-color: #d6d8db;
}

/* END - Global Styles */
/* ---------------------------- */

/* Camera Archive */

.camera-archive a,
.camera-archive a:visited {
    color: rgba(255, 255, 255, .6);
}

.camera-archive a:hover {
    color: rgba(255, 255, 255, .9);
}

.camera-archive .img-thumbnail,
.live-camera .img-thumbnail {
    background: rgba(200, 200, 200, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

/* END: Camera Archive */
/* ---------------------------- */

/* Users */

.user-authenticated {
    color: lightgreen;
}

.admin-authenticated {
    color: indianred;
}

/* END: Users */
/* ---------------------------- */

/* Footer */
footer a {
    color: rgba(255, 255, 255, .9);
}

/* END: Footer */
/* ---------------------------- */

/* Admin Functions */

.modify-settings .nav-link {
    color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .5);
}

.modify-settings .nav-link:hover {
    color: rgba(0, 0, 0, .9);
    background-color: rgb(150, 150, 150);
}

.modify-settings .nav-link.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(255, 255, 255, .8);
}

/* END: Admin Functions */
/* ---------------------------- */
