TikTok by bamabraves

@-moz-document domain("tiktok.com") {
/* ==UserStyle==
@name           TikTok
@namespace      none
@author         BamaBraves
@description    `Black Highlights`
@version        1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */


}

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

a[href]
 {
  color: #0ff !important;
  text-shadow: 1px 1px #000 !important;
}

a[href]:visited
 {
  color: #fc79fc !important;
  text-shadow: 1px 1px #000 !important;
}

/* Yellow 
_____________________________________________________________________________________________________*/

[class*='-DivGuestModeContainer'] [class*='-DivBoxContainer']:hover div,
a[href]:hover,
h1,

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

body,
li,
p
{
  color: #fff !important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

[class*='-PVideoListTitle'],

h1,
h2,

span.TUXText.TUXText--tiktok-sans.TUXText--weight-medium
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

h3,
h4
 {
  color: #e0b880 !important;
}

/* Sandy Brown 
_____________________________________________________________________________________________________*/

h5,
h6,
label
 {
  color: #f0a060 !important;
}

/* Blue 
_____________________________________________________________________________________________________*/

time
 {
  color: #07beff !important;
}

/*
_____________________________________________________________________________________________________*/

input,

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],

select,
textarea
 {
  background-color: #5d1b1b !important;
  color: #fff !important;
}

/*
_____________________________________________________________________________________________________*/

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

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

::placeholder {
  color: #f48f8f !important;
  opacity: 1;
}

}

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

body,
html
 {
  background: #000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/

/* Red 
_____________________________________________________________________________________________________*/

[class*='-DivGuestModeContainer'] [class*='-DivBoxContainer']
 {
  background: radial-gradient(circle, #d90008a8 0%, #000 100%) !important;
  border-radius: 22px !important;
  border: none !important;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff50 !important;
  color: #fff !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

[class*='-DivGuestModeContainer'] [class*='-DivBoxContainer']::before
 {
  background: radial-gradient(circle, #000 0%, #d90008 100%) !important;
  border-radius: 22px !important;
  bottom: 0;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff80 !important;
  color: #ff0 !important;
  content: "";
  left: 0;
  opacity: 0 !important;
  position: absolute !important;
  right: 0;
  top: 0;
  transition: opacity 0.8s linear !important;
  z-index: -1 !important;
}

[class*='-DivGuestModeContainer'] [class*='-DivBoxContainer']:hover::before
 {
  opacity: 1 !important;
}

/* Plain 
_____________________________________________________________________________________________________*/


[class*='-DivContentContainer']
 {
  background-color: #111 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 0 0 5px #0006, #373737 0 1px 0, 10px 10px 5px #0006, #9b9b9b 0 1px 0 !important;
  padding: 0.5rem !important;
}

[class*='-DivContentContainer']:hover
 {
  box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0 !important;
}

}

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

[class*="DivListContainer"] [class*='-DivItemContainer'],
[class*='-DivCommentObjectWrapper'],
[data-e2e="explore-item-list"] [class*='-DivItemContainer']
 {
  filter: brightness(75%) !important;
}

/*
_____________________________________________________________________________________________________*/

[class*="DivListContainer"] [class*='-DivItemContainer']:hover,
[class*='-DivCommentObjectWrapper']:hover,
[data-e2e="explore-item-list"] [class*='-DivItemContainer']:hover
 {
  filter: brightness(100%) !important;
}

/*
_____________________________________________________________________________________________________*/

img
 {
  border-radius: 22px !important;
}

/*
_____________________________________________________________________________________________________*/

img {
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.1)));
}

}

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

/* Width 
_____________________________________________________________________________________________________*/

::-webkit-scrollbar {
  width: 1.82em!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, 0.4), rgba(55, 55, 55, 1) 0 1px 0!important;
  border-radius: 22px!important;
  border: 1px solid rgba(0, 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, 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, 0.4), rgba(55, 55, 55, 1) 0 1px 0!important;
  border: 1px solid rgba(0, 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, 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, 0.4), rgba(155, 155, 155, 1) 0 1px 0!important;
}

}