BamaBraves style theme for Userstyle World
UserStyles.world Dark by BamaBraves [Updated] by Nick2bad4u
Imported and mirrored from https://github.com/Nick2bad4u/UserStyles/raw/refs/heads/main/UserstyleWorld-DarkBamaBraves.user.css
![Screenshot of UserStyles.world Dark by BamaBraves [Updated]](https://userstyles.world/preview/20255/0.webp)
Details
AuthorNick2bad4u
LicenseUnLicense
Categoryuserstyles
Created
Updated
Code size16 kB
Code checksuma335b10e
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name UserStyles.world Dark by BamaBraves [Updated]
@namespace typpi.online
@author BamaBraves [Updated by Nick2bad4u]
@description BamaBraves style theme for Userstyle World
@version 1.0.6
@license UnLicense
@homepageURL https://github.com/Nick2bad4u/UserStyles
@supportURL https://github.com/Nick2bad4u/UserStyles/issues
@preprocessor uso
==/UserStyle== */
@-moz-document domain("userstyles.world") {
/* Scrollbar Settings */
::-webkit-scrollbar {
/* Width */
width: 1.2em !important;
}
/* Color of handle ___________________________________________________________________________*/
::-webkit-scrollbar-thumb {
box-shadow:
inset 0 0 5px rgb(0 0 0 / 40%),
rgb(55 55 55 / 100%) 0 1px 0 !important;
border: 1px solid rgb(0 0 0 / 25%) !important;
border-radius: 22px !important;
background: #580303 !important;
}
::-webkit-scrollbar-thumb:hover {
box-shadow:
inset 0 0 5px rgb(0 0 0 / 40%),
rgb(155 155 155 / 100%) 0 1px 0 !important;
border-radius: 22px !important;
background: #580303 !important;
}
/* Color of Track ______________________________________________________________________________*/
::-webkit-scrollbar-track {
box-shadow:
inset 8px 0 13px rgb(0 0 0 / 40%),
rgb(55 55 55 / 100%) 0 1px 0 !important;
border: 1px solid rgb(0 0 0 / 25%) !important;
background: #170000 !important;
}
/* Color of handles at top and bottom ___________________________________________________________*/
::-webkit-scrollbar-button {
box-shadow:
inset 0 12px 13px rgb(0 0 0 / 60%),
rgb(55 55 55 / 100%) 0 1px 0 !important;
background: #4c0707 !important;
}
::-webkit-scrollbar-button:hover {
box-shadow:
inset 0 0 5px rgb(0 0 0 / 40%),
rgb(155 155 155 / 100%) 0 1px 0 !important;
border-radius: 22px !important;
}
/* Color of the bottom corner of the scrollable element, where two scrollbar meet. ______________*/
::-webkit-scrollbar-corner {
box-shadow:
inset 0 12px 13px rgb(0 0 0 / 60%),
rgb(55 55 55 / 100%) 0 1px 0 !important;
background: #530205 !important;
}
::-webkit-scrollbar-corner:hover {
box-shadow:
inset 0 0 5px rgb(0 0 0 / 40%),
rgb(155 155 155 / 100%) 0 1px 0 !important;
border-radius: 22px !important;
}
}
@-moz-document domain("userstyles.world") {
/* Site Settings */
* {
text-decoration: none !important;
}
selector {
text-transform: capitalize !important;
}
.card-body,
.card-footer,
:focus {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
/*___ Fonts ________________________________________________________________________*/
selector {
font-size: 21px !important;
}
p {
font-size: 19px !important;
}
selector {
font-size: 17px !important;
}
selector {
font-size: 15px !important;
}
selector {
line-height: 25px !important;
}
/*___ Remove Items _________________________________________________________________*/
selector {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
/*___ Left/Right/Top/Bottom ________________________________________________________*/
/*___ Margins ______________________________________________________________________*/
.Hero {
margin: 12px !important;
}
selector {
margin: 3px 6px !important;
}
/*___ Paddings _____________________________________________________________________*/
.Hero,
.Hero-half {
padding: 12px !important;
}
selector {
padding: 3px 6px !important;
}
/*___ Heights ______________________________________________________________________*/
selector {
max-height: none !important;
}
.Hero,
.Hero-half {
height: auto !important;
}
.Hero,
.Hero-half {
min-height: 0;
}
/*___ Widths _______________________________________________________________________*/
#welcome,
html body > * > .wrapper {
max-width: none !important;
}
selector {
width: auto !important;
}
html body > * > .wrapper {
width: 98% !important;
}
}
@-moz-document domain("userstyles.world") {
/* Font Settings */
a[href],
td span {
color: #0ff !important;
text-shadow: 1px 1px #000 !important;
}
a[href]:visited {
color: #fc79fc !important;
text-shadow: 1px 1px #000 !important;
}
/*__________________________________________________________________________________*/
a[href]:hover,
h1,
input[type='checkbox']:checked + label,
input[type='radio']:checked + label {
color: #ff0 !important;
}
/*__________________________________________________________________________________*/
[class*='ml'],
li,
p {
color: #fff !important;
}
/*___ Khaki ________________________________________________________________________*/
h1,
h2 {
color: #f0e890 !important;
}
/*___ Burlywood ____________________________________________________________________*/
h3,
h4 {
color: #e0b880 !important;
}
/*___ Sandy Brown __________________________________________________________________*/
.minw,
h5,
h6,
label {
color: #f0a060 !important;
}
/*___ Blue _________________________________________________________________________*/
.card time {
color: #07beff !important;
}
/*___ Green ________________________________________________________________________*/
selector {
color: #07ff24 !important;
}
/*___ Red __________________________________________________________________________*/
selector {
color: #ff0707 !important;
}
/*__________________________________________________________________________________*/
input,
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
select,
textarea {
border-radius: 22px !important;
background-color: #1d0909 !important;
color: #fff !important;
}
/*__________________________________________________________________________________*/
::selection {
background: #ff9 !important;
color: #000 !important;
}
pre ::selection {
background: #ff9 !important;
color: #fff !important;
}
::placeholder {
opacity: 100%;
color: #f48f8f;
}
/*___ Misc _________________________________________________________________________*/
.token.punctuation {
color: #fff !important;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #af0 !important;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #00b3ff !important;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #ff6cbe !important;
}
}
@-moz-document domain("userstyles.world") {
/* Background Settings */
body {
background: #000 !important;
}
selector {
background-image: none;
}
/*___ Background Gray ______________________________________________________________*/
.Footer,
nav {
background-color: #060505 !important;
}
selector {
background-color: #1a1a1a !important;
}
/*___ Background 0000 ______________________________________________________________*/
selector {
background: #0000 !important;
}
/*___ Background-color 0000 ________________________________________________________*/
.form-wrapper:not(.Form).search button,
.form-wrapper:not(.Form).search input,
form:not(.Form).search button,
form:not(.Form).search input {
background-color: #0000 !important;
}
/*__ Blue __________________________________________________________________________*/
.btn.primary {
box-shadow:
1px 1px 1px black,
inset 2px 3px 5px rgb(0 0 0 / 30%),
inset -2px -3px 5px rgb(255 255 255 / 50%) !important;
border: none !important;
border-radius: 22px !important;
background-image: linear-gradient(
to bottom right,
#043dda,
#000
) !important;
color: #fff !important;
}
.btn.primary:hover {
background-image: linear-gradient(
to bottom right,
#154eeb,
#000
) !important;
color: #ff0 !important;
}
.btn.primary:active {
box-shadow:
inset 2px 2px 1px black,
inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
}
/*__ Red __________________________________________________________________________*/
selector {
box-shadow:
1px 1px 1px black,
inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
border: none !important;
border-radius: 22px !important;
background-image: linear-gradient(
to bottom right,
#043dda,
#000
) !important;
color: #fff !important;
}
selector:hover {
background-image: linear-gradient(
to bottom right,
#f11,
#000
) !important;
color: #ff0 !important;
}
selector:active {
box-shadow:
inset 2px 2px 1px black,
inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
}
/*__ Orange ________________________________________________________________________*/
.btn.icon.write-review {
box-shadow:
1px 1px 1px black,
inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
border: none !important;
border-radius: 22px !important;
background-image: linear-gradient(
to bottom right,
#da3a04,
#000
) !important;
color: #fff !important;
}
.btn.icon.write-review:hover {
background-image: linear-gradient(
to bottom right,
#eb4b15,
#000
) !important;
color: #ff0 !important;
}
.btn.icon.write-review:active {
box-shadow:
inset 2px 2px 1px black,
inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
}
/*___ Green ________________________________________________________________________*/
selector {
box-shadow:
1px 1px 1px black,
inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
border: none !important;
border-radius: 22px !important;
background-image: linear-gradient(
to bottom right,
#81bc2e,
#000
) !important;
color: #fff !important;
}
selector:hover {
background-image: linear-gradient(
to bottom right,
#...