dracula-purple-bookwyrm.user.css

* {
  border-radius: 0 !important;
}
::-webkit-scrollbar-track {
  background-color: #282a36;
}
::-webkit-scrollbar-thumb {
  background-color: #bd93f9;
}

::placeholder {
  color: rgb(248, 248, 242, 0.5) !important;
  opacity: 1; /* Firefox */
}
::-ms-input-placeholder {
  /* Edge 12-18 */
  color: rgb(248, 248, 242, 0.5) !important;
}
a,
.menu-list a,
.breadcrumb a {
  color: #bd93f9;
}
.menu-list a.is-active {
  background-color: #282a36;
}
a:hover,
.menu-list a:hover,
.breadcrumb a:hover {
  color: #ff79c6;
}
.menu-list a:hover {
  background-color: inherit;
}
a:visited,
.menu-list a:visited {
  color: #6272a4;
}
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: #44475a;
  color: #bd93f9;
}
body,
.label,
.bw-tabs a,
#navbar-dropdown .navbar-item,
.menu-label,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.table thead td,
.table thead th,
.navbar-item,
.navbar-link,
.modal-card-title,
strong {
  color: #f8f8f2;
}
.subtitle {
  color: #f1fa8c;
}
#navbar-dropdown .navbar-item:hover {
  background-color: #44475a;
  color: #bd93f9;
}
.navbar,
.card,
.card-header,
.card-header-title,
.select select,
.textarea,
.input,
.footer,
.notification,
.modal-card-head,
.modal-card-body,
.modal-card-foot {
  background-color: #282a36;
  color: #f8f8f2;
}
.select select,
.textarea,
.input {
  border-color: #bd93f9;
}
.tabs a {
  border-bottom-color: #bd93f9;
}
.tabs ul {
  border-bottom-color: #bd93f9;
}
main,
.table,
.table.is-striped tbody tr:not(.is-selected):nth-child(even),
.notification.is-light,
.notification.shepherd-text,
.notification.shepherd-footer,
.notification.shepherd-button.shepherd-button-secondary {
  background-color: #44475a;
  color: #f8f8f2;
}
.has-background-secondary,
.has-background-tertiary {
  background-color: #282a36 !important;
}
.title,
li.is-active,
.notification .title,
.notification .subtitle,
.notification .content {
  color: #f8f8f2;
}
.box {
  background-color: #282a36;
  color: #50fa7b;
}
details.details-panel {
  box-shadow: 0 0 0 1px #bd93f9;
}
.tabs li.is-active a {
  color: #8be9fd !important;
  border-bottom-color: #bd93f9 !important;
}
.bw-tabs.is-boxed a.is-active {
  background-color: #282a36;
  color: #8be9fd;
  border-color: #bd93f9;
  border-bottom-color: #bd93f9 !important;
}
.bw-tabs.is-toggle a.is-active {
  background-color: #ff79c6;
  border-color: #ff79c6;
  color: #f8f8f2;
}
.tabs li:not(.is-active) a {
  color: #6272a4 !important;
}
.button.is-primary,
.is-primary.shepherd-button,
.tag:not(body) {
  background-color: #282a36;
  color: #bd93f9;
  border-color: #44475a;
}
.button.is-primary:active,
.is-primary.shepherd-button:active,
.button.is-primary.is-active,
.is-primary.is-active.shepherd-button,
.button.is-primary:hover,
.is-primary.shepherd-button:hover,
.button.is-primary.is-hovered,
.is-primary.is-hovered.shepherd-button {
  background-color: #282a36;
  color: #ff79c6;
  border-color: #44475a;
}
.button.is-light,
.button.shepherd-text,
.button.shepherd-footer,
.is-light.shepherd-button,
.shepherd-button.shepherd-text,
.shepherd-button.shepherd-footer,
.shepherd-button.shepherd-button-secondary {
  color: #bd93f9;
}
.card-footer {
  border-top: 1px solid #44475a;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid #44475a;
}
.has-text-default {
  color: #f8f8f2 !important;
}
.button,
.shepherd-button.shepherd-button-secondary,
.shepherd-button,
.button.is-link,
.is-link.shepherd-button,
.pagination-previous,
.pagination-next,
.pagination-link {
  background-color: #44475a;
  color: #bd93f9;
  border-color: #bd93f9;
}
.dropdown-content {
  background-color: #282a36;
  color: #f8f8f2;
}
.radio:hover,
.checkbox:hover {
  color: #ffb86c;
}
.select select:focus,
.textarea:focus,
.input:focus,
.select select.is-focused,
.is-focused.textarea,
.is-focused.input,
.select select:active,
.textarea:active,
.input:active,
.select select.is-active,
.is-active.textarea,
.is-active.input {
  border-color: #8be9fd;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #50fa7b;
}
input[type="file" i] {
  background-color: #282a36;
  color: #ffb86c;
  border-color: #44475a;
}
input#file-upload-button {
  background-color: #282a36;
  color: #bd93f9;
  border-color: #44475a;
}