Dracula theme for any Bookwyrm instance.
Dracula for BookWyrm - Purple by dhampir-damsel

Details
Authordhampir-damsel
LicenseMIT
Categoryhttps://joinbookwyrm.com
Created
Updated
Code size5.1 kB
Code checksum8806a16e
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Please raise any issues on the GitHub Repository.
Source code
/* ==UserStyle==
@name Dracula for BookWyrm - Purple
@version 20240214.16.28
@namespace https://userstyles.world/user/dhampir-damsel
@description Dracula theme for any Bookwyrm instance.
@author dhampir-damsel
@license MIT
==/UserStyle== */
@-moz-document url-prefix("https://bookrastinating.com/") {
* {
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;
}
}