Dark
Instagram Dark by BamaBraves by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://www.instagram.com/
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 Instagram Dark by BamaBraves
@version 20220127.02.46
@namespace userstyles.world/user/bamabraves
@description Dark
@author bamabraves
@license No License
==/UserStyle== */
@-moz-document domain("instagram.com") {
/* Scrollbar Settings */
::-webkit-scrollbar {
/* Width */
width: 1.2em!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, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
border-radius: 22px!important;
border: 1px solid rgba(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, .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, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
border: 1px solid rgba(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, .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, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
}
@-moz-document domain("instagram.com") {
/* Site Settings */
* {
text-decoration: none!important;
}
.c-Yi7
{
text-transform: capitalize!important;
}
.DCpAF,
.DPiy6,
.Dw_ki,
.JyscU .Slqrh,
.JyscU.ePUX4 .UE9AK,
.JyscU.ePUX4 .eo2As,
.bR_3v:not(.Fzijm),
.sH9wk,
:focus
{
border: none!important;
outline: none!important;
box-shadow: none!important;
}
#react-root,
article
{
display: block;
}
._4EzTm {
flex: 1 2 auto;
}
/*___ Fonts ________________________________________________________________________*/
.-vDIg,
.xLCgt,
body,
button,
input,
textarea
{
font-size: 19px!important;
}
._0PwGv
{
font-size: 15px!important;
}
.PIoXz,
body,
button,
input,
textarea
{
line-height: 25px!important;
}
/*___ Remove Items _________________________________________________________________*/
selector
{
left: -9999px!important;
position: absolute!important;
top: -9999px!important;
}
/*___ Left/Right/Top/Bottom ________________________________________________________*/
.COOzN,
.XmSS_
{
left: 79%;
}
.qn-0x {
left: 22%!important;
}
.cGcGK {
margin-right: 0;
left: 2%!important;
}
._3r1h6, .ijCUd {
margin-top: auto!important;
}
/*___ Heights ______________________________________________________________________*/
.M9sTE,
.Ypffh
{
max-height: none!important;
}
.M9sTE,
.XQXOT,
._4EzTm
{
height: auto!important;
}
._4EzTm[style="height: 208px;"] {
height: 243px!important;
}
.Ypffh
{
height: 30px!important;
}
/*___ Widths _______________________________________________________________________*/
.COOzN,
.Kj7h1,
.MWDvN,
.PdwC2,
.XmSS_,
._4EzTm,
.cGcGK,
.j9XKR,
.v9tJq
{
max-width: none!important;
}
.JyscU .cv3IO
{
width: 98%!important;
}
.cGcGK
{
width: 75%!important;
}
.eLAPa {
width: 50%;
}
.XmSS_,
.COOzN
{
width: 19%!important;
}
}
@-moz-document domain("instagram.com") {
/* Font Settings */
a[href],
td span {
color: #0ff!important;
text-shadow: 1px 1px #000!important;
}
a[href]:visited {
color: #fc79fc!important;
text-shadow: 1px 1px #000!important;
}
/*________________________________________________________________________*/
.HoLwm:hover,
.g47SY,
.yWX7d span,
a[href]:hover span,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label {
color: #ff0!important;
text-shadow: 1px 1px #000!important;
}
/*________________________________________________________________________*/
.-vDIg,
._0PwGv,
._0p1Te,
[data-bloks-name="bk.components.Text"],
body,
li,
p {
color: #fff!important;
text-shadow: 1px 1px #000!important;
}
/*__ Khaki ________________________________________________________________*/
.Rebts,
[data-bloks-name="bk.components.Text"]:first-child,
h1,
h2 {
color: #F0E890!important;
font-weight: 700!important;
text-shadow: 1px 1px #000!important;
}
/*__ Burlywood ____________________________________________________________*/
h3,
h4 {
color: #e0b880!important;
font-weight: 700!important;
text-shadow: 1px 1px #000!important;
}
/*__ Sandy Brown __________________________________________________________*/
.sxIVS,
.tiXqb,
h5,
h6 {
color: #F0A060!important;
font-weight: 700!important;
text-shadow: 1px 1px #000!important;
}
/*___ Blue ________________________________________________________________*/
.HsXaJ,
time {
color: #07beff!important;
font-weight: 700!important;
text-shadow: 1px 1px #000!important;
}
/*___ Green _______________________________________________________________*/
.-fzfL,
._8A5w5,
.yWX7d._8A5w5 {
color: #0f0!important;
font-weight: 700!important;
text-shadow: 1px 1px #000!important;
}
/*___ Red _________________________________________________________________*/
.yWX7d,
.yWX7d:visited {
color: #f00!important;
font-weight: 700!important;
text-shadow: 1px 1px #000!important;
}
/*________________________________________________________________________*/
.Di7vw,
.a-input-text,
.pbgfb,
input,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
background-color: #1d0909!important;
border-radius: 22px!important;
color: #fff!important;
}
/*________________________________________________________________________*/
::-moz-selection {
background: #ff9!important;
color: #000!important;
}
pre ::-moz-selection {
background: #ff9!important;
color: #fff!important;
}
}
@-moz-document domain("instagram.com") {
/* Background Settings */
body,
html {
background: url(https://image.ibb.co/hVmiOe/wallpaper_with_black_background_45_free_wallpaper.jpg)!important;
background-attachment: fixed!important;
}
/*___ Background Gray ______________________________________________________________*/
._3Laht,
.o64aR
{
background-color: #060505!important;
}
._lz6s
{
background-color: #0a0909!important;
}
/*___ Background 0000 ______________________________________________________________*/
[data-bloks-name="bk.components.Flexbox"]
{
background: rgba(0, 0, 0, 0)!important;
}
/*___ Background-color 0000 ________________________________________________________*/
.JyscU .UE9AK,
.JyscU ._97aPb.wKWK0,
.JyscU .cv3IO,
._1gNme .UE9AK,
._1gNme ._97aPb,
._1gNme .cv3IO,
.eLAPa,
.qn-0x,
.tHaIX
{
background-color: rgba(0, 0, 0, 0)!important;
}
/*__ Blue __________________________________________________________________________*/
.jIbKX,
.y3zKF:not(.yWX7d),
a.y3zKF:not(.yWX7d),
a.y3zKF:not(.yWX7d):visited
{
background-image: linear-gradient(to bottom right, #043dda, #000)!important;
border-radius: 22px!important;
border: none!important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px rgba(0, 0, 0, 0.3), inset -2px -3px 5px rgba(255, 255, 255, 0.5)!important;
color: #fff!important;
}
.jIbKX:hover,
.y3zKF:not(.yWX7d):hover,
a.y3zKF:not(.yWX7d):hover,
a.y3zKF:not(.yWX7d):visited:hover
{
background-image: linear-gradient(to bottom right, #154eeb, #000)!important;
color: #ff0!important;
}
.jIbKX:active,
.y3zKF:not(.yWX7d):active,
a.y3zKF:not(.yWX7d):active,
a.y3zKF:not(.yWX7d):visited:active
{
box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px rgba(0, 0, 0, 0.3), inset -2px -3px 5px rgba(255, 255, 255, 0.5)!important;
}
/*___ Plain Black __________________________________________________________________*/
._41KYi
{
background-color: #000!important;
border-radius: 22px!important;
border: 1px solid rgba(0, 0, 0, .25)!important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0, 10px 10px 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
._41KYi:hover
{
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0, 10px 10px 5px rgba(10, 10, 10, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
/*___ Plain ________________________________________________________________________*/
.AcVnq,
.DPiy6,
.KQA-S,
.PdwC2,
.VideM,
._1MzIy,
._1XyCr,
._3MPWk,
._8Rm4L,
._8UZ6e,
.gr27e,
.ltEKP .QBXjJ,
.v1Nh3,
.zMhqu
{
background-color: #1c1c1c!important;
border-radius: 22px!important;
border: 1px solid rgba(0, 0, 0, .25)!important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0, 10px 10px 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
.AcVnq:hover,
.DPiy6:hover,
.KQA-S:hover,
.PdwC2:hover,
.VideM:hover,
._1MzIy:hover,
._1XyCr:hover,
._3MPWk:hover,
._8Rm4L:hover,
._8UZ6e:hover,
.gr27e:hover,
.ltEKP .QBXjJ:hover,
.v1Nh3:hover,
.zMhqu:hover
{
box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0, 10px 10px 5px rgba(10, 10, 10, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
}
/*___ Red Gradient _________________________________________________________________*/
.DC...