Authorraven
LicenseGNU-V3.0
CategoryTiktok
Created
Updated
Size16 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Exploring tiktok on browser more comfortable
To download videos, right click video and "open video in new tab" then save
if video is ".html" simply replace ".html" to ".mp4"
or
check my userscript page to add download button
Toggle Settings using stylus UI
/* ==UserStyle==
@name Tiktok Make Better +
@description Make Better
@namespace TMBRaven
@author Raven
@version 0.1.8
@preprocessor stylus
@var checkbox dark "Dark Mode" 0
@var range rotate "Rotate Video" [0,0,330,30,"deg"]
@var checkbox mirror "Mirror Video" 0
@var checkbox wide "Wide Profile" 0
@var checkbox betterc "Better Comments" 0
@var checkbox filters "Video Filters" 0
@var range bri "Brightness" [100,100,1000,10,"%"]
@var range con "Contrast" [100,100,1000,10,"%"]
@var range hue "Hue-Rotate" [0,0,180,30,"deg"]
@var range inv "Invert" [0,0,100,100,"%"]
@var range sat "Saturate" [100,100,1000,10,"%"]
@var checkbox zoomv "Zoom Video" 0
@var range zoomp "Zoom Percent" [0,0,200,10,"%"]
@var range zoomver "Zoom Vertical Pos" [0,0,200,10,"%"]
@var range zoomhor "Zoom Horizon Pos" [0,0,200,10,"%"]
@var checkbox playbt "Disable Play Icon" 0
==/UserStyle== */
@-moz-document domain("tiktok.com"), domain("ttwstatic.com") {
video {
transform: rotate(rotate);
}
.tiktok-5uccoo-DivVideoContainer{
padding: 0px 10px;
}
.tiktok-j6dmhd-ImgPoster{
transform: rotate !important;
}
if mirror{
video {
transform: rotate(rotate) rotateY(180deg);
}
}
if filters{
video {
filter: brightness(bri) contrast(con) hue-rotate(hue) invert(inv) saturate(sat)!important;
}
}
if wide {
/*wide*/
.share-layout,
.share-layout-content,
.share-layout-main,
.video-feed-container,
.lazyload-wrapper,
.video-feed-item {
margin:0!important;
padding:0!important;
align-items:center!important;
}
.share-layout,
.share-layout-content,
.share-layout-main {
width:100%!important;
max-width:unset!important;
}
.video-feed .video-feed-item {
width:10%!important;
}
.logo-text,
.share-layout-aside {
display: none!important;
}
.image-card div:not(.card-footer){
background-color:transparent!important;
}
.card-footer {
background:rgba(0, 0, 0, 0) linear-gradient(rgba(22, 24, 35, 0) 2.92%, rgba(22, 24, 35, 0.5) 98.99%) repeat scroll 0% 0%!important;
}
.engagement-text-v23{
color: #808080!important;
}
span{
user-select: text;
}
.video-card .video-card-mask, .video-card .event-delegate-mask, .video-card .play-button{
height: 100% !important;
}
svg.like-icon{
width: 10px !important;
height: 10px !important;
}
strong.video-count{
font-size: 10px !important;
}
.video-bottom-info{
width: 110% !important;
padding-top: 10px !important;
}
.warn-info-pc-content{
display: none !important;
}
.profile-card-outside-wrapper{
display: none !important;
}
.user-avatar.jsx-1908922532{
height: fit-content;
width: fit-content;
}
.level-2 > .user-avatar.jsx-1908922532{
height: fit-content;
width: fit-content;
}
a.user-info.jsx-1908922532.comment-pc{
width:fit-content;
}
a{
width: fit-content;
height: fit-content;
}
span.jsx-2659493321.user-item-inner{
width: fit-content;
height: fit-content;
}
.tiktok-60rfnr-DivItemContainer{
width: 93px !important;
}
[data-e2e="user-liked-item-list"]{
width: 850px !important;
}
.tiktok-16uk8e4-DivItemContainer{
width: 100px;
}
.tiktok-1p4ye3b-DivShareLayoutContent {
width: 710px;
flex-wrap: wrap;
align-content: space-around;
}
.tiktok-19fglm-DivBodyContainer{
max-width: 1300px
}
}
if betterc {
//commentsection
.tiktok-3q30id-DivContentContainer{
padding-top: 0px;
}
//name&follow
.tiktok-7l7okx-DivInfoContainer{
padding: 0px 20px;
flex: 0 0 62px !important;
}
.tiktok-mrh7ki-StyledLink{
flex: none !important;
}
[data-e2e="browse-follow"]{
right: 12px !important;
position: fixed !important;
}
//desc
.tiktok-16cyasl-DivMainContent{
padding: 0px 20px;
}
//music
[data-e2e="browse-music"]{
margin: 3px 0px 5px;
}
//likeshare
.tiktok-iwpir3-DivContainer{
padding: 0px;
}
//share
.tiktok-vryw7w-DivCopyLinkContainer{
margin: 5px -10px;
}
//comments
.tiktok-46wese-DivCommentListContainer{
padding: 10px;
}
.tiktok-98g0bf-DivCommentContentContainer,
.tiktok-16r0vzi-DivCommentItemContainer{
margin-bottom: 5px;
}
//addcomment
.tiktok-1xjmtjf-DivBottomCommentContainer{
padding: 5px;
margin: 3px 5px;
}
[data-e2e="comment-post"]{
margin: 0px;
text-align: center !important;
}
[data-e2e="comment-username-1"],
[data-e2e="comment-username-2"]{
font-weight: 400 !important;
}
}
if dark{
/*main*/
//background
body{
color:#d3d3d3;
background-color: #141414 !important;
}
.tiktok-12azhi0-DivHeaderContainer{
background-color: #101010 !important;
}
#app, .tiktok-6pmu1e-DivScrollContainer-StyledScroll{
background-color: #141414 !important;
}
.tiktok-1hhj6ie-DivTextInfoContainer,
.tiktok-1hhj6ie-DivTextInfoContainer a{
color:#d3d3d3 !important;
}
.tiktok-10cs5m8-DivVideoContainer {
background: #141414 !important;
}
#svg-pc-share{
filter: invert(1);
}
//follow
.tiktok-jcprrh-Button-StyledFollowButton{
background-color: #3a1515;
}
//searchbar
.tiktok-ru68kq-FormElement{
background: #dbdbdb0f !important;
}
.tiktok-ru68kq-FormElement > input,
.e1yapk9z0{
color: #c8c8c8 !important;
}
.e1yapk9z0{
background: #181818 !important;
}
//scrollkiri
.tiktok-4jy5wt-DivScrollBarThumb{
background: #dbdbdb !important;
}
#app{
flex-direction: row !important;
}
//textkiri
.tiktok-1cc8sge-H2MainNavText,.tiktok-arsb3q-H4UserTitle,[data-e2e="suggest-user-desc"],[data-e2e="following-user-desc"]{
color:#d3d3d3 !important;
}
.tiktok-d5918w-PTitle{
color:#d3d3d3 !important;
}
.tiktok-1xyz2yb-DivDiscoverContainer *{
color:#d3d3d3 !important;
}
.tiktok-ledkjw-DivFooterContainer{
display:none;
}
//icon kanan
[fill="currentColor"]{
filter: invert(1);
}
.tiktok-1g0p6jv-StyledInboxIcon{
filter: invert(0);
}
/*CONTENT ARC*/
//darkbackground
.tiktok-3q30id-DivContentContainer,
.tiktok-1xjmtjf-DivBottomCommentContainer,
.tiktok-1a4urrd-DivWrapper{
background-color: #141414 !important;
}
.ey83cgi0{
background-color: #141414 !important;
}
.tiktok-46wese-DivCommentListContainer,
.tiktok-1vplah5-DivLayoutContainer{
background-color: #00000040 !important;
}
.tiktok-rkqgck-DivCommentTitle,
.tiktok-gdfpm-DivCommentListContainer-StyledDivCommentListContainerForSwiper{
background: #141414;
}
.tiktok-uggizu-DivBottomCommentContainer{
background: #141414 !important;
}
//whitefont
.tiktok-rkqgck-DivCommentTitle{
color:#d3d3d3;
}
.tiktok-ywie5h-DivPostButton{
color:#d3d3d3;
}
.tiktok-1y2yo26-StrongText,
.tiktok-1tfqc6a-H2MainNavText{
color:#d3d3d3 !important;
}
.tiktok-3q30id-DivContentContainer a,
.tiktok-3q30id-DivContentContainer{
color:#d3d3d3 !important;
}
.tiktok-xhmvja-DivProfileOuterContainer,
.tiktok-xhmvja-DivProfileOuterContainer a{
color: black !important;
}
.tiktok-kkg08c-PTitle{
color:#d3d3d3;
}
[data-e2e="view-more-1"],
[data-e2e="view-more-2"],
[data-e2e="comment-time-1"],
[data-e2e="comment-reply-1"],
[data-e2e="comment-time-2"],
[data-e2e="comment-reply-2"],
[data-e2e="comment-hide"],
[data-e2e="comment-like-count"],
[data-e2e="comment-turned-off"]{
color:#d3d3d3 !important;
}
.tiktok-vryw7w-DivCopyLinkContainer > *{
color:#d3d3d3 !important;
}
[data-e2e="browse-video-link"]{
background-color: #0000004a !important;
}
.tiktok-5xuix8-Button-StyledFollowButton{
background-color: #3a1515;
}
.public-DraftEditorPlaceholder-inner, .public-DraftStyleDefault-block{
color:#d3d3d3;
}
.tiktok-dqnt8f-DivCommentListContainer{
background-color: #0000004a;
}
[data-e2e="browse-video-desc"] > *,
[data-e2e="browse-music"] > *,
[data-e2e="browse-username"],
[data-e2e="browser-nickname"]{
color:#d3d3d3 !important;
...