Greasy Fork is available in English.
tumblr dashboard interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
/* ==UserStyle==
@name tumblr dashboard optimized & customizable for wide screens
@description tumblr dashboard interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version 1.0.3
@author BreatFR (https://breat.fr)
@namespace https://breat.fr
@homepageURL https://usercssjs.breat.fr/t/tumblr
@supportURL https://discord.gg/W7FKesJ9aG
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var checkbox hidepremium "Hide premium" 1
@var checkbox hideradar "Hide radar" 1
@var checkbox hideleftsidebar "Hide sidebar L" 0
@var checkbox hiderightsidebar "Hide sidebar R" 0
@var checkbox hidescrollbars "Hide scrollbars" 1
@var checkbox stickydiscover "Pinned discover" 1
@var checkbox widemode "Wide mode" 1
==/UserStyle== */
/* ==Credits==
Website https://breat.fr
Bluesky https://bsky.app/profile/breatfroff.bsky.social
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
==/Credits== */
/* ==Support==
brave Creators https://publishers.basicattentiontoken.org/c/breatfr
ko-fi https://ko-fi.com/breatfr
PayPal https://paypal.me/breat
==/Support== */
@-moz-document domain("tumblr.com") {
/* ==================================
tumblr
================================== */
/* Versions */
:root {
--themeversion: 'Theme v1.0.3 by BreatFR (https://breat.fr)';
--install: ' usercssjs.breat.fr/t/tumblr\A';
--help: ' discord.gg/W7FKesJ9aG';
--support1: ' ko-fi.com/breatfr ';
--support2: ' paypal.me/breat';
}
nav::after,
main > div:nth-of-type(1)::after {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background-clip: text;
color: transparent;
display: block;
font-family: inherit;
font-size: 1.2rem;
pointer-events: none;
position: absolute;
text-align: center;
white-space: pre-line;
z-index: 9999;
}
nav::after {
bottom: 1em;
content: 'Install & Infos:\A' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\ASupport me:\A' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) '\A' url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
left: .5em;
line-height: calc(53px / 2);
width: 270px;
}
main > div:nth-of-type(1)::after {
content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
line-height: calc(53px / 2);
right: 6em;
top: 0;
}
body {
overflow-x: hidden !important;
}
if hidepremium {
#adBanner,
aside > div:nth-of-type(3),
div[role="banner"] > div:nth-of-type(2) > div:nth-of-type(1) {
display: none;
}
}
if hidescrollbars {
*,
:root {
scrollbar-width: none !important;
}
}
}
@-moz-document url("https://www.tumblr.com/"), url-prefix("https://www.tumblr.com/dashboard"), url-prefix("https://www.tumblr.com/new/") {
/* ==================================
tumblr dashboard
================================== */
if hideradar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
position: sticky !important;
top: 0 !important;
}
aside > div:nth-of-type(2),
aside > div:nth-of-type(5),
aside > div:nth-of-type(6) {
display: none;
}
}
if hideleftsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
display: none !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
margin-left: .5em;
min-width: calc(100vw - 260px - 3em) !important;
margin-right: auto;
}
main > div:nth-of-type(1)::after {
right: 15em;
}
}
if hiderightsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2),
aside > div:nth-of-type(1) {
display: none !important;
max-width: 0 !important;
min-width: 0 !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
max-width: 100% !important;
}
main > div:nth-of-type(1)::after {
right: 15em;
}
}
if hideleftsidebar && hiderightsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: none !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
margin: 0 1em;
min-width: calc(100vw - 3em) !important;
z-index: 500 !important;
}
main > div:nth-of-type(1)::after {
right: 20em;
}
}
if stickydiscover && hideleftsidebar {
aside > div:nth-of-type(1) {
display: none !important;
}
aside > div:nth-of-type(4) {
margin: 0 !important;
position: sticky !important;
top: 40px !important;
}
}
if stickydiscover && !hiderightsidebar {
aside > div:nth-of-type(1) {
left: 0;
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 239px;
}
aside > div:nth-of-type(4) {
margin: 0 !important;
position: sticky !important;
top: 40px !important;
}
}
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 290px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 290px !important;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
main,
[data-timeline-id="/dashboard/following"] > div:nth-of-type(3) > div,
[data-timeline-id="/dashboard/following"] > div:nth-of-type(3) > div article,
[data-timeline-id="/dashboard/following"] > div:nth-of-type(3) > div article > div:nth-of-type(1) > div:nth-of-type(1) > div,
[data-timeline-id="/dashboard/following"] > div:nth-of-type(3) > div article > div:nth-of-type(1) > div:nth-of-type(1) > div span > div > div {
max-width: 100% !important;
}
main > div:nth-of-type(1) {
margin-left: -1px !important;
position: sticky !important;
top: 0 !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
/* Modal */
#glass-container > div > div > div > div > div {
height: auto !important;
margin: 2.5vh 2.5vw !important;
max-height: 95vh !important;
max-width: 95vw !important;
min-width: 95vw !important;
position: fixed !important;
width: 100% !important;
}
#glass-container > div > div > div > div > div *:not([data-testid="controlled-popover-wrapper"]):not([data-testid="controlled-popover-wrapper"] *):not(.components-autocomplete__results):not(.components-autocomplete__results *) {
max-width: 100% !important;
width: 100% !important;
}
[data-testid="controlled-popover-wrapper"] {
display: flex !important;
justify-content: space-between !important;
width: auto !important;
}
[data-testid="controlled-popover-wrapper"] button {
white-space: nowrap;
}
/* Medias */
div[role="application"],
div[role="application"] * {
display: flex;
flex: 0 0 auto;
}
.ypwxx,
video {
object-fit: contain !important;
height: auto !important;
max-height: none !important;
max-width: none !important;
width: 100% !important
}
.wrapper>video {
display: none !important;
}
.video,
._3xgk.ZN00W {
object-fit: contain !important;
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
.Sv170.POcHT {
height: auto !important;
max-height: none !important;
}
#glass-container > div {
overflow-y: auto !important;
}
#glass-container #selected-tags,
#glass-container #selected-tags span {
white-space: nowrap !important;
width: auto !important;
}
}
}
@-moz-document url-prefix("https://www.tumblr.com/settings/") {
/* ==================================
tumblr settings
================================== */
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 270px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 270px;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
main > div,
main > div * {
max-width: 100% !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
}
}
@-moz-document url("https://www.tumblr.com/domains") {
/* ==================================
tumblr domain
================================== */
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 270px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 270px;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
p {
width: 95% !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
}
}
@-moz-document url("https://www.tumblr.com/explore/trending") {
/* ==================================
tumblr explore trending
================================== */
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 270px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 270px;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
}
}
@-moz-document url("https://www.tumblr.com/inbox") {
/* ==================================
tumblr inbox
================================== */
main > div:nth-of-type(1)::after {
content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
line-height: calc(53px / 2);
right: 50%;
transform: translateX(50%);
top: 0;
}
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 270px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 270px;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1),
main {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
}
}
@-moz-document url("https://www.tumblr.com/likes") {
/* ==================================
tumblr likes
================================== */
if hideradar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
position: sticky !important;
top: 0 !important;
}
aside > div:nth-of-type(2),
aside > div:nth-of-type(5),
aside > div:nth-of-type(6) {
display: none;
}
}
if hideleftsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
display: none !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
margin-left: .5em;
min-width: calc(100vw - 260px - 3em) !important;
margin-right: auto;
}
main > div:nth-of-type(1)::after {
right: 15em;
}
}
if hiderightsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2),
aside > div:nth-of-type(1) {
display: none !important;
max-width: 0 !important;
min-width: 0 !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
max-width: 100% !important;
}
main > div:nth-of-type(1)::after {
right: 15em;
}
}
if hideleftsidebar && hiderightsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: none !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
margin: 0 1em;
min-width: calc(100vw - 3em) !important;
z-index: 500 !important;
}
main > div:nth-of-type(1)::after {
right: 20em;
}
}
if stickydiscover && hideleftsidebar {
aside > div:nth-of-type(1) {
display: none !important;
}
aside > div:nth-of-type(4) {
margin: 0 !important;
position: sticky !important;
top: 40px !important;
}
}
if stickydiscover && !hiderightsidebar {
aside > div:nth-of-type(1) {
left: 0;
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 239px;
}
aside > div:nth-of-type(4) {
margin: 0 !important;
position: sticky !important;
top: 40px !important;
}
}
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 270px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 270px;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
flex-direction: column;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div:nth-of-type(2) > div:nth-of-type(3) {
display: flex;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) > div > div:nth-of-type(2) > div:nth-of-type(3) * {
max-width: 100% !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
/* Medias */
div[role="application"],
div[role="application"] * {
display: flex;
flex: 0 0 auto;
}
.ypwxx,
video {
object-fit: contain !important;
height: auto !important;
max-height: none !important;
max-width: none !important;
width: 100% !important
}
.wrapper>video {
display: none !important;
}
.video,
._3xgk.ZN00W {
object-fit: contain !important;
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
.Sv170.POcHT {
height: auto !important;
max-height: none !important;
}
}
}
@-moz-document url("https://www.tumblr.com/following") {
/* ==================================
tumblr following
================================== */
if hideradar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
position: sticky !important;
top: 0 !important;
}
aside > div:nth-of-type(2),
aside > div:nth-of-type(5),
aside > div:nth-of-type(6) {
display: none;
}
}
if hideleftsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
display: none !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
margin-left: .5em;
min-width: calc(100vw - 260px - 3em) !important;
margin-right: auto;
}
main > div:nth-of-type(1)::after {
right: 15em;
}
}
if hiderightsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2),
aside > div:nth-of-type(1) {
display: none !important;
max-width: 0 !important;
min-width: 0 !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
max-width: 100% !important;
}
main > div:nth-of-type(1)::after {
right: 15em;
}
}
if hideleftsidebar && hiderightsidebar {
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: none !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
margin: 0 1em;
min-width: calc(100vw - 3em) !important;
z-index: 500 !important;
}
main > div:nth-of-type(1)::after {
right: 20em;
}
}
if stickydiscover && hideleftsidebar {
aside > div:nth-of-type(1) {
display: none !important;
}
aside > div:nth-of-type(4) {
margin: 0 !important;
position: sticky !important;
top: 40px !important;
}
}
if stickydiscover && !hiderightsidebar {
aside > div:nth-of-type(1) {
left: 0;
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 239px;
}
aside > div:nth-of-type(4) {
margin: 0 !important;
position: sticky !important;
top: 40px !important;
}
}
if widemode {
/* Left sidebar */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) {
flex: 0 0 270px !important;
justify-content: flex-start;
margin: 0;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(1) > div {
width: 270px;
}
/* Main + Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div,
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div {
display: flex !important;
}
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2),
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div {
display: flex !important;
flex: 1 !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* Main */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(1) {
border: none !important;
display: flex !important;
flex: 1 1 auto !important;
max-width: 100% !important;
min-width: 0 !important;
}
main,
main > section > div:nth-of-type(3) > div {
max-width: 100% !important;
}
/* Aside */
#base-container > div:nth-of-type(2) > div > div:nth-of-type(2) > div > div:nth-of-type(2) {
display: flex !important;
flex: 0 0 260px !important;
}
}
}