Skip to content

Dark Instagram++ V2 by kevin-valerio

Write a review Install Get Stylus

Details

Authorkevin-valerio

LicenseNo License

Categoryinstagram

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark Instagram++ V2
Dark Instagram++ but like with bug fixes you know

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Dark Instagram++
@namespace      USO Archive
@author         Justin Ikeako
@description    `<strong>Hey 👋🏽</strong>Dark Instagram++ is literally as the title says, a dark mode for the website Instagram lol. More features coming soon for sure. Feel free to suggest a change or give feedback. Both are really appreciated.Made with 💖by <a href="https://userstyles.org/users/709142">Justin Ikeako</a>`
@version        20211204.3.21
@license        NO-REDISTRIBUTION
@preprocessor   uso
@advanced dropdown comments "Remove Comments" {
	off "Off*" <<<EOT  EOT;
on "On" <<<EOT /* Hide comments *\/
.L_LMM.ePUX4 .k59kT .ZyFrc:not(:first-child),
.L_LMM.ePUX4 .k59kT .lnrre,
.-V_eO:nth-child(2),
.XQXOT .Mr508 {
	display: none;
}








 EOT;

}
@advanced dropdown scroll "Scroll Bar" {
	on "On*" <<<EOT /* Scrollbar *\/
body::-webkit-scrollbar {
	width: 15px !important;
	height: 15px !important;
	display: block !important;
	background: #141414 !important;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHZpZXdCb3g9IjAgMCA4LjQ2NjY2NjYgOC40NjY2NjY2IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjMgKDI0MDU1NDYsIDIwMTgtMDMtMTEpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJ1cC5zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSI3LjkxOTU5NTkiCiAgICAgaW5rc2NhcGU6Y3g9IjUuNzM0NjA5NSIKICAgICBpbmtzY2FwZTpjeT0iMjAuODY3MDU3IgogICAgIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiCiAgICAgc2hvd2dyaWQ9InRydWUiCiAgICAgdW5pdHM9InB4IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTM2NiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NDUiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj4KICAgIDxpbmtzY2FwZTpncmlkCiAgICAgICB0eXBlPSJ4eWdyaWQiCiAgICAgICBpZD0iZ3JpZDgxNSIKICAgICAgIGVtcHNwYWNpbmc9IjQiCiAgICAgICBkb3R0ZWQ9InRydWUiIC8+CiAgPC9zb2RpcG9kaTpuYW1lZHZpZXc+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjg4LjUzMzMzKSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC4yNjQ1ODMzMnB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjE7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBkPSJtIDIuMTE2NjY2NywyOTMuODI1IDQuMjMzMzMzMiwwIC0yLjExNjY2NjYsLTIuMTE2NjcgeiIKICAgICAgIGlkPSJwYXRoODE3IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjYyIgLz4KICA8L2c+Cjwvc3ZnPgo=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHZpZXdCb3g9IjAgMCA4LjQ2NjY2NjYgOC40NjY2NjY2IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjMgKDI0MDU1NDYsIDIwMTgtMDMtMTEpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJkb3duLnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjcuOTE5NTk1OSIKICAgICBpbmtzY2FwZTpjeD0iNS43MzQ2MDk1IgogICAgIGlua3NjYXBlOmN5PSIyMC44NjcwNTciCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9ImxheWVyMSIKICAgICBzaG93Z3JpZD0idHJ1ZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzY2IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc0NSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiPgogICAgPGlua3NjYXBlOmdyaWQKICAgICAgIHR5cGU9Inh5Z3JpZCIKICAgICAgIGlkPSJncmlkODE1IgogICAgICAgZW1wc3BhY2luZz0iNCIKICAgICAgIGRvdHRlZD0idHJ1ZSIgLz4KICA8L3NvZGlwb2RpOm5hbWVkdmlldz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0yODguNTMzMzMpIj4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDowLjI2NDU4MzMycHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgIGQ9Ik0gMi4xMTY2NjY3LDI5MS43MDgzMyBIIDYuMzQ5OTk5OSBMIDQuMjMzMzMzMywyOTMuODI1IFoiCiAgICAgICBpZD0icGF0aDgxNyIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzb2RpcG9kaTpub2RldHlwZXM9ImNjY2MiIC8+CiAgPC9nPgo8L3N2Zz4K) !important;
	background-position: top center, bottom center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

/* Thumb *\/
body::-webkit-scrollbar-thumb {
	background: #fff4 !important;
	border-left: 2px solid !important;
	border-right: 2px solid !important;
	border-color: #141414 !important;
}

body::-webkit-scrollbar-thumb:hover {
	background: #fff5 !important;
}

[dark] body::-webkit-scrollbar-thumb:active {
	background: #fff6 !important;
}

/* Buttons *\/
body::-webkit-scrollbar-button:single-button {
	background-position: center center;
	background-size: contain;
  display: block;
  height: 16px;
  width: 16px;
	background: #14141488;
}

body::-webkit-scrollbar-button:single-button:hover {
	background: #14141444;
}

[dark] body::-webkit-scrollbar-button:single-button:active {
	background: #14141422;
}

 EOT;
off "Off" <<<EOT ::-webkit-scrollbar {
	display: none
}








 EOT;

}

==/UserStyle== */
@-moz-document domain("instagram.com") {
:root {
	--dark0: #000;
	--dark25: #111;
	--dark50: #181818;
	--dark75: #1b1b1b;
	--dark100: #222;
	--dark125: #242424;
	--dark150: #282828;
	--dark200: #333;
	
	--text-primary: #ddd;
	--text-secondary: #999;
	
	--border-light: #fff1;
	--border-medium: #fff2;
	--border-medium: #fff4;
	
	--shadow-light: #0002;
	--shadow-heavy: #0008;
	
	--link: #2183de;
	
	--icon-opacity: 0.75
}







/*[[scroll]]*/
/*[[comments]]*/
._8UZ6e,
._3Laht,
.DPiy6,
.NP414,
.o64aR,
.tHaIX,
.t30g8,
.e-Ph9,
body {
	background-color: var(--dark50)
}

._19dxx .Yi5aA {
	background-color: var(--dark75)
}

.JyscU .cv3IO,
.JyscU .UE9AK,
.RO68f:focus,
.JyscU .NvNrm,
.fuQUr:hover,
#react-root,
._2dbep,
._7JZQt,
._-9WeM,
._9GP1n,
._2hvTZ,
._8VIOK,
._6FEQj,
._97aPb,
.cv3IO,
.NvNrm,
.WidCF,
.u9F97,
.UhO_X,
.oP6Lh,
.QOqBd,
.cU2Ue,
.tUtVM,
.eLAPa,
.M-jxE,
.XTCLo,
.jju9v,
.UE9AK,
.OzqB_,
html {
	background: var(--dark100)
}

._6E_wP,
.JvDyy,
.RO68f,
.z79H6,
.BvMHM,
.Di7vw {
	background-color: var(--dark125)
}

.HaS-3 {
	background: var(--dark150);
}

.-cx-PRIVATE-NavBar__root__,
.JyscU ._97aPb.wKWK0,
.HYpXt.pbNvD .DPiy6,
.bR_3v:not(.Fzijm),
._1gNme ._97aPb,
._1gNme .UE9AK,
._1gNme .cv3IO,
.oYYFH .nGS-Y,
.ltEKP .QBXjJ,
.HYpXt.pbNvD,
._5Jsao,
._1MzIy,
._3MPWk,
._8IKqe,
._8Rm4L,
._41KYi,
._6xe7A,
._4Kbb_,
.uo5MA,
.zGtbP,
.c0Dmy,
.s2MYR,
.AcVnq,
.zMhqu,
.gr27e,
.jLuN9,
.N9abW,
.oNO81,
.csxf2,
.LHkGc,
.S-mcP,
.DPiy6,
.pbNvD,
.KQA-S,
.Z_y-9,
.bR_3v,
._lz6s {
	background-color: var(--dark150)
}

._01UL2,
._1XyCr,
.VR6_Q,
.gJlPN,
.Fh4P2,
.vtWDf,
.AvhYw,
.hUQsm,
.drKGC {
	background-color: var(--dark200);
}

._19dxx .XCodT {
	background-color: #3897f0
}

._4l6NB {
	background: linear-gradient(90deg, transparent, var(--dark150));
}

.SvO5t {
	background: var(--text-primary);
}

.-qQT3:hover,
.RdURl,
.EIuhb,
.HE3mO,
.VcOAj,
.kAlZ6,
.qfAOE,
.s311c,
.W4P49 {
	background: var(--highlighted)
}

.qn-0x {
	background: var(--shadow-heavy) !important
}

._6YLdr {
  background-color: #222b33;
}

.pbNvD[role="dialog"],
.g56EM,
.uJiz5,
.htvHn {
	background: transparent !important
}









.AvhYw {
  border-color: var(--dark200)
}

.mOBkM::before,
.hUQsm,
.z79H6 {
	border-color: var(--dark200)
}

.drKGC::after,
.T5hFd {
	border-bottom-color: var(--dark200)
}

.bt7LU:not(:last-child),
.PUHRj::after,
.JyscU .UE9AK,
.JyscU .Slqrh,
._2z6nI,
._7zBYT,
._1MzIy,
._3dEHb...

Reviews

No reviews yet.