web/css/dark.css

* {
  color: white;
}

body {
  background-color: black;
}

h1,
h2,
h3,
h4,
h5,
p,
small,
label {
  color: white;
}

a:hover,
.modal_button:hover {
  color: white;
}

nav {
  border-bottom: 3px solid white;
}

nav ul li a {
  color: white;
}

code {
  background-color: #2F2F2F;
}

.line {
  background-color: white;
  border-top: 1px solid white;
}

.article_card,
.form_card,
.view_card {
  border: 5px solid white;
  background-color: black;
}

table tr {
  outline: solid 3px white;
}

.button {
  color: white;
}

.button:hover {
  color: black;
  background-color: white;
}

.tag {
  color: white;
}

#theme_toggle {
  color: white;
}

.article ul li {
  color: white;
}

input,
textarea {
  background-color: transparent;
  color: white;
  border: 3px solid white;
}

.checkmark {
  border: 2px solid white;
}

.form_checkbox_container:hover input~.checkmark {
  background-color: white;
}

.upload_button {
  border: 3px solid white;
}

/* .form_card:hover, */
/* .form_card:focus, */
/* .article_card:hover, */
/* .article_card:focus { */
/*   box-shadow: 0 2px 4px 0 white, 0 4px 8px 0 white; */
/* } */

.modal {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal_close {
  color: white;
}

.user_actions {
  border: 3px solid white;
}

#floating_compose {
  border: 2px solid white;
}

#floating_compose,
#floating_compose * {
  background-color: white;
  color: black;
  transition-duration: 500ms;
}

#floating_compose:hover,
#floating_compose:hover * {
  background-color: black;
  color: orange;
}

#floating_compose:hover {
  border: 2px solid orange;
}

@media screen and (max-width: 992px) {
  nav {
    border-bottom: none;
    border-top: 3px solid white;
  }
}