Dark orange and black theme for Wolvden
Black and Orange Dark // Biohazard#3018 by biohazard3018
Details
Authorbiohazard3018
LicenseNo License
Categorywolvden
Created
Updated
Size4.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
feel free to change it to your liking
Source code
/* ==UserStyle==
@name Black and Orange Dark // Biohazard#3018
@version 20221004.21.11
@namespace userstyles.world/user/biohazard3018
@description Dark orange and black theme
@author biohazard3018
@license No License
==/UserStyle== */
@-moz-document domain("wolvden.com") {
#main {
background-color: rgba(19, 18, 18, .95);
}
#sidebar {
background-color: rgba(19, 18, 18, .95);
}
.fa {
color: #fff;
}
.card-body {
background-color: #141414ad;
border-radius: 5px;
}
.breadcrumb-nav {
background-color: #2c2b29 !important;
color: #fff;
}
.breadcrumb-nav a {
color: #ea8634;
}
a.nav-link.active {
background-color: #232121 !important;
color: #d3dadab8 !important;
}
#main a {
color: #dddcdb;
}
.card {
background-color: rgba(42, 41, 41, .77)!important;
border: none !important;
color: #ddd8d4;
}
.card a {
color: #c1c1c1;
}
a.btn.btn-primary.btn-block {
color: #dddad5 !important;
}
.bg-light, .btn-light {
background: #1a1a1ad4!important;
color: #d4d4d4;
}
/* text color */
.mb-1 {
color: #ebebeb;
}
p {
color: #ea8634;
}
.text-break {
color: #e7e7e7;
}
h1 {
color: #ea8634;
}
h2 {
color: #bbb2ac;
}
.mt-4 {
color: #c1b8b0;
}
small {
color: #bbb5b3cf;
}
/* alert boxes */
.alert {
background-color: #2c2b29ab;
border: solid 1px #1111113b;
color: #c1c0bf;
}
a.btn.btn-primary {
color: #e1e1e1 !important;
}
/* table */
td.b {
background-color: #1b1a19c9 !important;
color: #bbb7b5;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #2c2b292b
}
td.bottom {
background-color: #2a2826 !important;
}
tbody {
color: #dbdad9;
}
td.left {
background-color: #393e3e47 !important;
}
/* misc */
body {
background-image: url(https://cdn.80.lv/api/upload/content/2b/623dc301166fe.jpg);
background-color: #2e2828;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
input[type="text"] {
background-color: #99929240;
color: #ea8634;
border: solid 1px #3c3737;
}
.landing-box {
color: #ff7300;
background-color: #fff;
background-image: url(https://i.postimg.cc/2894cx3M/image.png);
border-radius: 10px;
}
input[type="checkbox"] {
background-color: #f60000 !important;
}
div.note-btn-group.btn-group.note-misc {
background-color: #000 !important;
}
div.note-editable.card-block {
background-color: #1d1c1b !important;
border: solid 1px #33322c;
}
div.note-editable.card-block p {
color: #ea8634;
}
#header .navbar-status {
background-color: #1d1c1ceb;
color: #ea8634;
height: 37px;
}
.table .subheader {
background-color: #2f2f2f5c;
}
div.note-resizebar {
background-color: #212020 !important;
border: 1px solid #171414;
}
/* hoard/raccoon items */
.item-head {
background-color: #100e0e00 !important;
color: #fff;
}
.item .image {
background-color: #252525;
}
.item-foot {
background-color: #34322f !important;
color: #e3dbdb;
}
div.image.p-2 {
color: #fff;
}
/* questing */
.list-group-item {
background-color: #2d2b28 !important;
border: 1px solid #000;
color: #d5cfcf;
}
span.badge {
background-color: #393939;
color: #797572;
}
/* battles */
.battling-name-tag small {
color: white;
}
#explore-output p {
color: white;
}
/* chat */
#chatMessageContainer {
border: 1px solid #000;
}
div#chatMessagePinned.s-chat-message__pinned {
background-color: #443b38;
color: white;
}
div.s-chat-message {
background-color: #212121b3 !important;
border: 1px solid #1f1918;
}
a.s-chat__username {
font-size: 1.1em;
color: #ea8634 !important;
}
span.s-chat-message_content {
color: #ded4d4;
}
.s-chat-message__mod {
color: #df2f2f;
}
#chatMessageList[data-pings="enabled"] .s-chat-message_mentioned {
background-color: #222!important;
border-left: 6px solid #ea8634;
color: #d5d5d5;
}
/* grove */
div.gold-beetle-package {
background-color: #2e2b2a;
}
p.b.text-dark {
color: #e6eceb !important;
}
div.blue-gradient.p-3 {
background: linear-gradient(180deg, rgb(92, 92, 94) 0%, rgba(9, 9, 121, 0) 100%);
color: #fff;
}
div.blue-gradient p {
color: #e9e9e9cf;
}
}