/* Dark mode for sqlite-web */
:root {
    color-scheme: dark;
}

body {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}

/* Navbar */
.navbar, .navbar-default {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #e0e0e0 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: #0f3460 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #0f3460 !important;
    color: #fff !important;
}

/* Panels */
.panel {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

.panel-default > .panel-heading {
    background-color: #0f3460 !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

.panel-body {
    background-color: #16213e !important;
}

/* Tables */
.table {
    color: #e0e0e0 !important;
}

.table > thead > tr > th,
.table > tbody > tr > th {
    background-color: #0f3460 !important;
    border-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}

.table > tbody > tr > td {
    border-color: #0f3460 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #1a1a2e !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #16213e !important;
}

.table-hover > tbody > tr:hover {
    background-color: #0f3460 !important;
}

/* Forms */
.form-control {
    background-color: #1a1a2e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

.form-control:focus {
    border-color: #e94560 !important;
    box-shadow: 0 0 5px rgba(233, 69, 96, 0.5) !important;
}

/* Buttons */
.btn-default {
    background-color: #0f3460 !important;
    border-color: #16213e !important;
    color: #e0e0e0 !important;
}

.btn-default:hover {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

.btn-primary {
    background-color: #e94560 !important;
    border-color: #e94560 !important;
}

.btn-primary:hover {
    background-color: #c73e54 !important;
    border-color: #c73e54 !important;
}

.btn-success {
    background-color: #4ecca3 !important;
    border-color: #4ecca3 !important;
}

.btn-danger {
    background-color: #e94560 !important;
    border-color: #e94560 !important;
}

/* Links */
a {
    color: #4ecca3 !important;
}

a:hover {
    color: #7ee8c7 !important;
}

/* Code/Pre */
pre, code {
    background-color: #1a1a2e !important;
    border-color: #0f3460 !important;
    color: #4ecca3 !important;
}

/* Textarea for SQL */
textarea.form-control {
    background-color: #1a1a2e !important;
    color: #4ecca3 !important;
    font-family: monospace;
}

/* Well */
.well {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

/* Alerts */
.alert-info {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #4ecca3 !important;
}

.alert-success {
    background-color: #1a3a2e !important;
    border-color: #4ecca3 !important;
    color: #4ecca3 !important;
}

.alert-danger, .alert-error {
    background-color: #3a1a2e !important;
    border-color: #e94560 !important;
    color: #e94560 !important;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

.pagination > li > a:hover {
    background-color: #0f3460 !important;
}

.pagination > .active > a,
.pagination > .active > span {
    background-color: #e94560 !important;
    border-color: #e94560 !important;
}

/* Breadcrumbs */
.breadcrumb {
    background-color: #16213e !important;
}

.breadcrumb > li + li::before {
    color: #666 !important;
}

/* Dropdown */
.dropdown-menu {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

.dropdown-menu > li > a {
    color: #e0e0e0 !important;
}

.dropdown-menu > li > a:hover {
    background-color: #0f3460 !important;
}

/* List groups */
.list-group-item {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

.list-group-item:hover {
    background-color: #0f3460 !important;
}

/* Modal */
.modal-content {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

.modal-header {
    border-color: #0f3460 !important;
}

.modal-footer {
    border-color: #0f3460 !important;
}

/* Syntax highlighting adjustments */
.highlight, .syntax-highlight {
    background-color: #1a1a2e !important;
}

/* Small/muted text */
small, .text-muted {
    color: #888 !important;
}

/* Labels */
.label-default {
    background-color: #0f3460 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #e0e0e0 !important;
}

h1 small, h2 small, h3 small {
    color: #888 !important;
}

/* Input groups */
.input-group-addon {
    background-color: #0f3460 !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

/* Select */
select.form-control {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #1a1a2e;
}

::-webkit-scrollbar-thumb {
    background: #0f3460;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e94560;
}