tiktok Dark by BamaBraves by bamabraves

/* ==UserStyle==
@name         tiktok Dark by BamaBraves
@version      20220124.07.08
@namespace    userstyles.world/user/bamabraves
@description  Dark
@author       bamabraves
@license      No License
==/UserStyle== */

@-moz-document domain("tiktok.com") {
/* Scrollbar Settings */

 ::-webkit-scrollbar {
 	/* Width */
 	width: 1.2em!important;
 }

 /* Color of handle ___________________________________________________________________________*/

 ::-webkit-scrollbar-thumb {
 	background: #580303!important;
 	background-image: linear-gradient(to right, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
 	border-radius: 22px!important;
 	border: 1px solid rgba(0, 0, 0, .25)!important;
 }

 ::-webkit-scrollbar-thumb:hover {
 	background: #580303!important;
 	background-image: linear-gradient(to left, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

 /* Color of Track ______________________________________________________________________________*/

 ::-webkit-scrollbar-track {
 	background: #170000!important;
 	box-shadow: inset 8px 0 13px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
 	border: 1px solid rgba(0, 0, 0, .25)!important;
 }

 /* Color of handles at top and bottom ___________________________________________________________*/

 ::-webkit-scrollbar-button {
 	background: #4c0707!important;
 	box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
 }

 ::-webkit-scrollbar-button:hover {
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

 /* Color of the bottom corner of the scrollable element, where two scrollbar meet. ______________*/

::-webkit-scrollbar-corner
 {
 	background: #530205!important;
 	box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
 }

::-webkit-scrollbar-corner:hover
 {
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }
}

@-moz-document domain("tiktok.com") {
/* Site Settings */

* {
	text-decoration: none!important;
}

selector
 {
	text-transform: capitalize!important;
}

selector,
:focus
 {
	border: none!important;
	outline: none!important;
	box-shadow: none!important;
}

._card_header_title {
    white-space: pre-line;
    overflow: visible;
}

.main-body,
.pc-action-bar,
.user-item-inner .fake-info,
.user-item-inner .user-infos,
.video-feed-container
{
    display: block!important;
}

path {
	fill:#fff;
}

/*___ Fonts ________________________________________________________________________*/

selector
 {
	font-size: 21px!important;
}

.em-follow.side-bar-container .user-item-inner .user-title,
._card_header_desc,
.discover-list .discover-item-container .item-text,
[class*='tt-video-meta-caption']
 {
	font-size: 19px!important;
}

.em-follow.side-bar-container .user-item-inner .user-desc
 {
	font-size: 17px!important;
}

selector
 {
	font-size: 15px!important;
}

._card_header_desc
 {
	line-height: 28px!important;
}

/*___ Remove Items _________________________________________________________________*/

.arrow-right:after
 {
	left: -9999px!important;
	position: absolute!important;
	top: -9999px!important;
}

/*___ Left/Right/Top/Bottom ________________________________________________________*/

.image-card {
    top: -20px;
}

[class*='video-feed-item'] [class*='feed-item-content'] .item-music-info-V4 {
    margin-top: 4px;
    margin-bottom: 26px!important;
    max-width: 524px;
}

.em-follow.side-bar-container .user-item-inner .user-title {
    height: 36px!important;
    margin-top: -7px!important;
}

/*___ Margins ______________________________________________________________________*/

.tiktok-r0hg2a-DivSideNavContainer,
.tiktok-1id9666-DivMainContainer,
.share-layout .share-layout-content,
.share-layout,
.share-layout.compact,
.side-bar-wrapper,
.video-feed-item,
.video-feed.compact .video-feed-item,
[data-e2e*="-container"]
 {
	margin: 12px!important;
}

.trending-container
 {
	margin: 23px 25px 0 423px!important;
}

/*___ Paddings _____________________________________________________________________*/

.tiktok-r0hg2a-DivSideNavContainer,
.tiktok-1id9666-DivMainContainer,
._explore_page_feed_wrapper,
.comment-item.comment-pc,
.share-layout .share-layout-aside,
.share-layout .share-layout-content,
.share-layout.compact,
.trending-container,
.video-feed-container,
.video-feed-item,
.video-feed.compact .video-feed-item,
[data-e2e*="-container"]
 {
	padding: 12px!important;
}

selector
 {
	padding: 3px 6px!important;
}

/*___ Heights ______________________________________________________________________*/

._card_header_desc
 {
	max-height: none!important;
}

._explore_feed_header,
.em-follow.side-bar-container .user-item-inner .user-desc,
.recommend-card ul,
.recommend-card
 {
	height: auto!important;
}

._card_header_desc
 {
	height: 10rem!important;
}

.em-follow.side-bar-container .user-item-inner {
    height: 63px!important;
}

/*___ Widths _______________________________________________________________________*/

._explore_page_feed_wrapper,
.em-follow.side-bar-container .user-item-inner .user-desc,
.main-body.middle,
.share-layout,
.trending-container,
[class*='tiktok-1id9666-DivMainContainer'],
[class*='video-feed-item'] [class*='feed-item-content'] .item-music-info-V4
 {
	 min-width: 0!important;
	max-width: none!important;
}

[class*='tiktok-1id9666-DivMainContainer']
{width: auto!important;
}

.video-feed.compact .video-feed-item {
	width: 15%!important;
}

._explore_page_feed_wrapper {
    width: 101%!important;
}

.share-layout.compact .share-layout-main,
.share-layout.compact .share-layout-header,
.share-layout.compact
 {
	width: 98%!important;
}

.trending-container
 {
	width: 74%!important;
}

.em-follow.side-bar-container .side-bar-wrapper {
    width: 368px!important;
}
}

@-moz-document domain("tiktok.com") {
/* 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 span,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
	text-shadow: 1px 1px #000!important;
}

/*__________________________________________________________________________________*/

.tiktok-1y2yo26-StrongText,
.tiktok-drf9az-DivKeyboardShortcutContentItem,
.app-promotion .promotion-expand .promotion-text-container,
.bar-item-text,
.comment-text,
.count,
.discover-list .discover-item-container .item-text,
.em-follow.side-bar-container .user-item-inner .user-desc,
.for-tips-q8hWQ,
.form-container-OYzkR .suggest-wrapper-Cf0Us .suggest-item-1zUHI,
.like-text,
.share-pc-card.action-share-modal .plat-text,
.side-bar .login-wrapper span,
.social-container-NE2xk .channel-item-wrapper-2gBWB .channel-name-2qzLW,
.toggle-2SAdO,
.tt-video-meta-caption,
[class*='keyboard-shortcut-container'] [class*='keyboard-shortcut-content'] [class*='keyboard-shortcut-content-item'],
li,
p
 {
	color: #fff!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Khaki ________________________________________________________________________*/

.tiktok-1jm8e85-DivKeyboardShortcutTitle,
.conversation-list-item-wrapper .conversation-list-item-info .info-text-wrapper .info-nickname,
.side-bar .nav-item span,
.text,
.tiktok-web-header-13pzv .login-title-1Zd0-,
[class*='keyboard-shortcut-container'] [class*='keyboard-shortcut-title'],
[class*='tiktok-web-login-'],
[class*='topic-container'] [class*='topic-title'],
h1,
h2
 {
	color: #F0E890!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Burlywood ____________________________________________________________________*/

.side-bar .user-list-header,
.title-wrapper-3KgEa,
h3,
h4
 {
	color: #e0b880!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Sandy Brown __________________________________________________________________*/

.form-container-OYzkR .suggest-wrapper-Cf0Us .suggest-title-60lbw,
h5,
h6,
label
 {
	color: #F0A060!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Blue _________________________________________________________________________*/

.comment-time,
time
 {
	color: #07beff!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Green ________________________________________________________________________*/

selector
 {
	color: #07ff24!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Red __________________________________________________________________________*/

selector
 {
	color: #ff0707!important;
	
	text-shadow: 1px 1px #000!important;
}

/*__________________________________________________________________________________*/

.tiktok-qpucp9-DivInputEditorContainer,
input,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
	background-color: #1d0909!important;
	border-radius: 22px!important;
	color: #fff!important;
	padding-left: 6px!important;
}

/*__________________________________________________________________________________*/

::selection {
	background: #ff9!important;
	color: #000!important;
}

pre ::selection {
	background: #ff9!important;
	color: #fff!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f48f8f;
  opacity: 1; /* Firefox */
}

/*___ Misc _________________________________________________________________________*/

.token.punctuation
 {
    color: #fff!important;
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.buil...