Large Dark Instagram by nikcron

/* ==UserStyle==
@name         Large Dark Instagram
@version      1.3.6.3
@namespace    userstyles.world/user/nikcron
@description  This style changes the Instagram theme to dark.
@author       nikcron
@license      No License
==/UserStyle== */

@-moz-document domain("instagram.com") {
/* Vars */
:root {
  /* Box */
  --box-basic-color: #000;
    --d87: 0, 0, 0;
    --b3f: 0, 0, 0;

  --box-grey-color: #222;
    --bb2: 34, 34, 34;

  --box-grey-2-color: #333;
    --fa7: 51, 51, 51;

  --box-grey-3-color: #A6A6A6;

  --box-grey-4-color: #404040;

  --box-white-color: #fff;

  --box-blue-color: #30A5FF;

  --box-red-color: #E64500;
    --c37: 230, 69, 0;

  --box-green-color: #14CC4B;


  /* Border */
  --border-basic-color: #000;
    --b6a: 0, 0, 0;
    --ce3: 0, 0, 0;
    --ca6: 0, 0, 0;
    --b38: 0, 0, 0;

  --border-grey-color: #222;

  --border-grey-2-color: #333;

  --border-blue-color: #30A5FF;


  /* Shadow */
  --shadow-grey-color: #222;
    --f23: 34, 34, 34;


  /* Text */
  --text-basic-color: #fff;
    --i1d: 255, 255, 255;
    --eca: 255, 255, 255;
  
  --text-link-color: #30A5FF;
    --d69: 48, 165, 255;
  
  --text-link-2-color: #30A5FF;
    --fe0: 48, 165, 255;

  --text-link-3-color: #BDFFFF;

  --text-name-color: #E6E6E6;
    --f75: 230, 230, 230;

  --text-grey-color: #A6A6A6;
    --f52: 166, 166, 166;

  --text-grey-2-color: #8C8C8C;
    --edc: 140, 140, 140;

  --text-grey-3-color: #BFBFBF;

  --text-red-color: #E64500;
    --i30: 230, 69, 0;
}



/* Scroll */
::-webkit-scrollbar, ::-webkit-scrollbar-corner {
  width: 6px;
  background-color: transparent;
}


::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: var(--box-grey-4-color);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--box-grey-2-color);
}



/* Input */
.JLJ-B, .RO68f {
  background-color: var(--box-grey-color);
}
.p7vTm {
  background-color: var(--box-grey-color);
}
.F0B8Y {
  background-color: var(--box-grey-color);
}


input::placeholder {
  color: var(--text-grey-color);
}
textarea::placeholder {
  color: var(--text-grey-color);
}


.z79H6:checked {
  border-width: 3px;
}

.z79H6 {
  background-color: var(--box-grey-2-color);
}


.mwD2G {
  background-color: var(--box-grey-2-color);
  border: none;
}

.tlZCJ:checked~.mwD2G::before {
  left: 3px;
  top: 4px;
}


.j_2Hd {
  border: none;
}



/* Text */
.L3NKy, a.L3NKy, a.L3NKy:visited {
  color: var(--text-basic-color);
}

a, a:visited {
  text-decoration: transparent;
}



/* Svg */
._8-yf5  {
  fill: var(--box-white-color);
  color: var(--box-white-color);
}

/* Svg Likes Active */
._8-yf5 > path[d="M34.6 3.1c-4.5 0-7.9 1.8-10.6 5.6-2.7-3.7-6.1-5.5-10.6-5.5C6 3.1 0 9.6 0 17.6c0 7.3 5.4 12 10.6 16.5.6.5 1.3 1.1 1.9 1.7l2.3 2c4.4 3.9 6.6 5.9 7.6 6.5.5.3 1.1.5 1.6.5s1.1-.2 1.6-.5c1-.6 2.8-2.2 7.8-6.8l2-1.8c.7-.6 1.3-1.2 2-1.7C42.7 29.6 48 25 48 17.6c0-8-6-14.5-13.4-14.5z"] {
  fill: var(--box-red-color);
}

body > path {
  fill: var(--box-white-color);
  color: var(--box-white-color);
}

.fx7hk ._8-yf5 {
  fill: var(--box-grey-3-color);
  color: var(--box-grey-3-color);
}

.T-jvg ._8-yf5 {
  fill: var(--box-white-color);
  color: var(--box-white-color);
}



/* Img */
.s4Iyt {
  filter: invert(1) contrast(10);
}

.glyphsSpriteDirect__outline__96 {
  filter: invert(1);
}

.coreSpriteSaveNull {
  filter: invert(1) contrast(10);
}

.coreSpriteTaggedNull, .coreSpriteUnreadComments {
  filter: invert(1) contrast(10);
}

.coreSpriteLoggedOutWordmark, .coreSpriteMobileNavDirect {
  filter: invert(1) contrast(10);
}

.coreSpriteLockSmall {
  filter: invert(1) contrast(10);
}

.glyphsSpriteError__outline__24__grey_9 {
  filter: invert(1) contrast(10);
}

.coreSpriteKeyhole, .coreSpriteLeftChevron {
  filter: invert(1) contrast(10);
}

.coreSpriteReload, .coreSpriteRightChevron {
  filter: invert(1) contrast(10);
}

.YBx95 div[data-bloks-name="ig.components.Icon"] {
  filter: invert(1);
}

.glyphsSpriteCamera__outline__24__grey_9, .glyphsSpriteCandle_pano__outline__24__grey_9 {
  filter: invert(1) contrast(10);
}

.coreSpritePagingChevron, .coreSpritePlayIconSmall {
  filter: invert(1) contrast(10);
}



body {
  overflow: auto;
  background-color: var(--box-basic-color) !important;
}


/* Chats */
.oYYFH {
  padding: 0;
}


.pV7Qt {
  max-width: none !important;
  border: none;
}


/* Chats Input */
.X3a-9 {
  background-color: var(--box-grey-color);
  border: none;
}


/* Message */
.CMoMH {
  border: none;
}
.JdNBm .CMoMH {
  background-color: var(--box-grey-color);
}
._8_yLp {
  max-width: 26vw;
}
._tYvw:not(.RQUXn) .QzzMF {
  max-width: 26vw;
  min-width: 26vw;
  height: auto;
}
._tYvw ._4EzTm[style="width: 14rem;"] {
  max-width: 26vw;
  min-width: 26vw;
  height: auto;
}
.z82Jr ._4EzTm {
  height: auto;
}
.z82Jr ._4EzTm img {
  height: auto;
}

._6FEQj .hjZTB a {
  color: var(--text-link-3-color);
}
._6FEQj .uL8Hv a {
  color: var(--text-link-3-color);
}

._6FEQj .MGdpg div {
  color: var(--text-grey-3-color);
}

/* Reply Message */
.XR5Ux .CMoMH {
  background-color: var(--box-grey-color);
}

/* Line Reply Massage */
._7GirL {
  border: 2px solid var(--border-grey-color);
}

/* Your Message */
._6FEQj {
  background-color: var(--box-blue-color);
}



.HZ9O2 {
  background-color: var(--box-grey-color);
}



/* Profile Active */
.evOYH {
  border-width: 2px;
}
.rSxHQ {
  background-color: var(--box-green-color);
}
.N5w0k {
  border-width: 1.5px;
}



/* Header */
.MWDvN {
  width: 100%;
  max-width: none;
  padding: 0 30px;
}


/* Header Input */
.QY4Ed {
  width: 40%;
  max-width: 500px;
  min-width: 125px;
}


/* Header Input Recent */
.QY4Ed .yPP5B {
  width: calc((100vw - 30px * 2) * 0.4);
  min-width: 125px;
  max-width: 500px;
}
.AvhYw {
  background-color: var(--box-grey-color);
  border: none;
}
.QY4Ed .nLL4f {
  left: calc(100% / 2 - 7px);
}
._01UL2 {
  background-color: var(--box-grey-color);
}
.QY4Ed .uo5MA {
  width: 100%;
}
.QY4Ed .fuqBx {
  width: 100%;
}

/* Subscribers */
.iTMfC > ._8A5w5, .iTMfC > a._8A5w5, .iTMfC > a._8A5w5:visited {
  border: none;
}

/* 
  Subscribers Button Subscription 
*/
.iTMfC {
  border-radius: 4px;
  background-color: var(--box-blue-color);
}

._6xe7A {
  background-color: inherit;
}

.xUzvG .xLCgt {
  text-align: center;
}


/* Create Publication */
.eiUFA {
  border-bottom: none;
}

.aOOlW {
  border-top: none;
}



/* Publication */
/* Scroll Arrow */
.feth3 {
  background-color: var(--box-grey-color);
}


/* Share Publication */
.TGYkm {
  border: none;
}


.e_CDC {
  border-color: var(--border-basic-color);
}



/* Profile */
.W4P49 {
  display: none;
}

.wWGrn {
  border: 1px solid var(--border-grey-2-color);
}


.v9tJq {
  max-width: none;
}

@media (min-width: 736px) {
  .AAaSh {
    padding: 30px;
  }
}

.gr27e {
  background-color: var(--box-grey-color);
}


._41KYi {
  background-color: var(--box-grey-color);
  border-radius: 6px;
}


.L3NKy, a.L3NKy, a.L3NKy:visited {
  background-color: var(--box-blue-color);
  border: none;
  border-radius: 4px;
}


.s311c {
  height: 0;
}


@media (min-width: 736px) {
  ._4Kbb_ {
    border: none;
  }
}



/* Setting */
div .XfvCs {
  margin: 0;
  margin-top: 30px;
}


.YJVmG .YBx95 div[data-bloks-name="bk.components.Flexbox"] {
  background-color: var(--box-basic-color);
}

.YJVmG .YBx95 span[data-bloks-name="bk.components.TextSpan"] {
  color: var(--text-basic-color);
}

.YJVmG .YBx95 span[data-bloks-name="bk.components.Text"] {
  color: var(--text-basic-color);
}



/* Language */
.hztqj {
  background-color: var(--box-grey-color);
  color: var(--text-basic-color);
}



/* Map */
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background-color: var(--box-basic-color);
}
}