Just a cute dark mode for Tumblr!!
Pom's Tumblr Dark Mode by Pomsicles
Details
AuthorPomsicles
LicenseNo License
Categoryhttps://www.tumblr.com/
Created
Updated
Size43 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is just a dark mode for the Tumblr dash that I've made and have worked on for YEARS. This works with the new, rubbish Tumblr Dashboard UI AND the best, old one ( if you use the Tumblr Dashboard Unfucker Script or the Stylus version! ).
Colour palette ( IMPORTANT ): This dark mode will ONLY work on the colour palettes that are "Dark mode", "Vampire" and "Goth Rave".
This theme is just for fun, so I MIGHT update this as soon as the dash or the crappy staff update things, but this should be okay!!
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Pom's Tumblr Dark Mode
@version 20231028.22.02
@namespace userstyles.world/user/Pomsicles
@description Just a cute dark mode for Tumblr!!
@author Pomsicles
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.tumblr.com/") {
.D5eCV {
background-image: url("https://i.ibb.co/1Xc9pdq/Dog-Wallpaper-Dark-Mode-Blurred.png") !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
max-width: 1869px !Important;
}
.WJ6ij .NStl8 {
color: white !important;
}
.ER5ZX.zy7HQ {
margin-bottom: 0px;
}
.ER5ZX {
margin-bottom: 0px !important;
}
.k31gt:first-child {
margin-top: 10px;
margin-bottom: 10px;
}
.WJ6ij .NStl8 a:hover {
text-decoration: underline;
color: #bbb;
}
.tOKgq .m5KTc:not(:first-of-type) {
border-top: ridge;
}
.SLpX8:hover, .eLzSX a:hover {
color: #bbb !important;
}
.cwvO0.be6E9.ogC81 .HWH8P {
right: 480px !important;
}
.ffqNn span, .zHhsx {
color: #fff !important;
}
.ffqNn span a:hover, .sqHC2:hover {
color: #8a8a8a !important;
text-decoration: underline;
}
._3kR_ .yTPpj,
._3kR_ .uuWZ2 {
margin-top: 2px !important;
}
header a[tabindex="-1"] > .jpu7k,
header span[tabindex="-1"] > .jpu7k,
header a[tabindex="-1"] > .Gkmqx,
header span[tabindex="-1"] > .Gkmqx {
background: #bb2502 !important;
color: #fff !important;
}
.xkit--react .xtimestamp,
.xkit--react .xtimestamp-in-search {
right: 55px !important;
top: 17px !important;
padding-left: 0px;
padding-right: 0px;
position: absolute;
color: white !important;
}
._QSie {
background: none !important;
box-shadow: none !important;
}
.xkit-timestamp {
right: 82px !important;
top: 5px !important;
position: absolute;
}
.dMXm8 {
margin-right: 2px;
display: inline-block;
transform: translateY(2px);
}
#tumblrTag {
visibility: hidden;
}
.xoldeheader-item-container {
top: 2px !important;
}
.KnIls.hzNt0 {
border-top: 5px white ridge !important;
}
.JWdar {
border: 4px white ridge !important;
}
.znXuz.bSKkS {
border-bottom: 5px white ridge !important;
}
.j17Mp.be6E9 {
border: 5px white ridge !important;
}
/*---------------- SCROLLBAR ----------------*/
::-webkit-scrollbar {
width: 10px;
height: 8px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #ea5372;
/* SCROLLBAR SLIDER */
border: 5px outset #ea5372;
}
::-webkit-scrollbar-track {
background: #fff;
/* SCROLLBAR BACKGROUND */
border: 1px solid #ffa8b5;
}
.oDBam h1.wp-block-heading {
font-size: 26px !important;
}
.lJK40 {
color: white !important;
}
.vE6sH {
border: solid 1px white !important;
}
.fAAi8 {
margin-top: -0px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
border-bottom: 5px white ridge;
}
.KnIls {
border-top: 5px white ridge;
}
.xkit-reblog-timestamp {
COLOR: white !important;
}
.sqHC2 {
color: white !important;
}
.gPQR5 {
margin-top: -00px
}
.PArFh .HQqNA {
color: #fff;
}
.nPaE8 {
border-top: 5px white ridge;
padding-top: 5px !important;
padding-bottom: 0px !important;
margin-bottom: -5px !important;
margin-top: 10px !important;
}
.oDBam .wp-block-list {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.cOy8n .SPN7I,
.znXuz .SPN7I {
color: white !important;
}
#managed-icon__arrow,
#managed-icon__close,
#managed-icon__ellipsis,
#managed-icon__tipping {
--icon-color-primary: #fff;
}
.CX_9D ._fx8y .fJ6BL {
text-decoration: underline !important;
padding-bottom: 2px !important;
}
.KFWnx > :last-child {
margin-top: -8px !important;
}
.WJ6ij {
margin-left: 00px !important;
}
.SsGE3 .wzi_S,
.SAVhn {
color: white !important;
}
.pVS0A {
margin-top: -5px !important;
padding-bottom: 5px !important;
color: white !important;
margin-left: -8px !important;
}
.M_e0U {
color: white !important;
font-style: italic !important;
}
.j8f9p {
margin-top: -54px !important;
min-width: 80px !important;
text-align: right !important;
color: white !important;
}
.q4Pce {
margin-bottom: -5px !important;
}
.iLvsm,
.SqYOv {
color: white !important;
}
.xu5ZG {
color: white !important;
}
.f8GV2 svg {
fill: white !important;
}
.ZUy1d {
overflow-y: visible !important;
}
.SsGE3 .x7pPP .sQ1gJ {
color: white !important;
}
.oDBam h2.wp-block-heading {
font-size: 20px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.oDBam h1.wp-block-heading {
font-size: 26px !important;
}
.oDBam .rich-text {
font-size: 15px !important;
}
.WEIv6 {
padding-bottom: 15px !important;
}
.hlDot {
border-bottom: 5px white ridge !important;
}
.FtjPK,
.FZkjV {
background-color: #222 !important;
border: 5px white ridge;
border-radius: 5px !important;
}
.hAFp3 {
border-top: 5px ridge #fff !important;
padding-top: 7px;
}
.sGolJ {
border: 5px white ridge;
}
.KFWnx.vYL8Z {
margin-top: 2px !important;
}
.tOKgq {
border-top: 5px ridge #fff !important;
margin-top: 5px;
}
.BjErQ {
border-bottom: 5px white ridge !important;
padding-bottom: 5px !important;
padding-top: 15px !important;
}
.BKpXK {
margin-top: -15px !important;
}
.dzJuF .RuIGO .Y21sU .Ynr_C .YLNkn {
padding-top: 20px !important;
}
.Bs6U3.Ld5wO .xmMz6 {
margin-top: -2px !important;
}
.q4Pce {
margin-top: -10px;
}
.ZJdm4 {
margin-top: -1px !important;
margin-bottom: -1px !important;
}
.hAFp3 .mwjNz {
padding-top: 0px;
margin-top: -3px;
}
.vGkyT a,
.BSUG4 a,
.eLzSX a,
.rmjNp a {
color: white;
}
.vGkyT a:hover,
.BSUG4 hover,
.BSUG4 a:hover,
.rmjNp a:hover {
color: #6f6f6f;
text-decoration: underline;
}
.vGkyT {
margin-top: 0px !important;
}
.ffqNn:not(:last-child) {
padding-bottom: 5px !important;
margin-left: -08px;
}
.eIaSl .m5KTc:not(:first-of-type) {
border-top: 3px ridge #aaa;
}
.sfGru svg,
.jOhmG svg use,
.ykm3O svg use,
.rlv6m .ePsyd > svg,
.q4Pce,
.fAVmw,
.oE9j4 > svg,
.SsGE3 .x7pPP .sQ1gJ .GWtN5 {
--icon-color-primary: white !important;
}
.xkit-control-button-inner svg,
svg.xkit-mutual-icon {
fill: white !important;
}
div.shim {
display: inline !important;
position: relative;
opacity: 0.0001 !important;
z-index: 1 !important;
}
#limit-checker,
.xkit-sidebar-item {
margin-top: auto;
background: #202020;
border: white ridge 5px;
border-radius: 3px;
}
.xkit-sidebar-item > h1,
.hF8Wr {
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 2px white ridge !important;
color: white !important;
}
.lSyOz {
margin-top: 30px;
}
.wttFd,
.XZFs6 .WIYYp {
border: 5px white ridge;
border-radius: 5px !important;
width: 550px !important;
}
.XZFs6 .WIYYp {
background: #333 !important;
}
.xoldeheader-item-container {
margin-right: -20px !important;
padding-left: 30px;
padding-right: 30px;
}
.u2tXn:first-child {
margin-top: 0px !important;
padding-top: 0px !important;
border-top: none !important;
}
.kCzoF .oehtt {
border-bottom: 3px ridge white !important;
}
.jT4kI {
margin-bottom: 0px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.k31gt.ljmFj,
.oDBam .wp-block-pullquote blockquote {
border-left: white ridge 5px !important;
margin-top: 0px;
margin-bottom: 0px;
}
.k31gt {
font-size: 15px !important;
}
.LrOId,
.uR3i7 {
border-top: 3px dashed white !important;
background: #222222;
margin-bottom: -8px;
}
.hAFp3 .AXXSZ,
.hAFp3 .KSDLH {
font-size: 14px !important;
padding-bottom: 4px !important;
color: white !important;
}
.fAAi8 .nZ9l5 {
margin-top: 2px !important;
}
.u2tXn {
border-top: 3px ridge #d9d9da;
margin-top: 0px !important;
padding-top: 0px !important;
}
.u2tXn,
.jWulj,
.TRX6J.k4_Vq {
background: #2220 !important;
}
.GzjsW {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.k31gt,
.u2tXn,
.gvA1t a,
.gvA1t button,
.SsGE3 .x7pPP .mRxeE,
.oE9j4 {
color: white !important;
}
.dzJuF {
margin-left: -132px;
}
.dzJuF .RuIGO {
border: white ridge 5px;
border-radius: 5px;
}
.s7YOu .mbROR {
margin-top: 0px !important;
font-size: 14px !important;
min-width: auto !important;
max-width: 500px !important;
}
.s7YOu .fdQ5Z {
background-color: black;
padding-right: 0px !important;
padding-top: 2px !important;
padding-bottom: 0px !important;
overflow-wrap: break-word;
border-radius: 36px;
margin-top: 4px;
margin-bottom: 4px;
}
.dzJuF .RuIGO .Y21sU .Q1jRN {
border-top: white ridge 5px !important;
}
.oDBam {
border-bottom: white ridge 5px !important;
}
.sHSSD .unn5w {
font-size: 13px !important;
width: auto !important;
}
.s7YOu .mbROR.zqrdz {
margin-top: 1px !important;
font-size: 13.8px !important;
}
#quick-tags,
#quick-tags-post-option {
height: 145px;
overflow-y: scroll;
border: white ridge 4px !important;
margin-right: -130px !important;
}
.sHSSD .aLlJL {
margin-top: 7px;
font-size: 14px !important;
background: #d8919d !important;
}
.Rp8gp {
line-height: 1.5em !important;
}
.CHSm3 {
border: 4px white ridge !important;
width: 97.5% !Important;
border-radius: 6px !important;
}
.CHSm3 .sBzvs {
border-radius: 0px !important;
border: black solid 2px !important;
}
.dzJuF .RuIGO .Y21sU .Ynr_C .WSosN {
padding-bottom: 0px !important;
min-height: auto !important;
}
.Rp8gp:hover:not(.xsZgg) {
margin-top: 7px !important;
border-radius: 4px;
background: black;
color: white;
}
.DxQ0f.AzqQv {
border: 5px white ridge !important;
}
...