Just xkcd by jordy3d

/* ==UserStyle==
@name         Just xkcd
@version      20220330.03.37
@namespace    userstyles.world/user/jordy3d
@description  Just xkcd
That's all
No distractions
A calm, dark screen
Like a nice hug on a cold day
@author       jordy3d
@license      No License
==/UserStyle== */

@-moz-document domain("xkcd.com") {
/* Dark */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar { height: 10px; }
::-webkit-scrollbar-track { background: #fff0; }
::-webkit-scrollbar-thumb { background: #222; }
::-webkit-scrollbar-thumb:hover { background: #252525; }
::-webkit-scrollbar-corner { background: #0000; }

body, html, .box { background: #3d3d3f; }

ul.comicNav li a { background: #363639; }

ul.comicNav li a:hover { background: #2e2e2f !important; }

#ctitle,

#middleContainer
{ 
  color: #ccc; 
}

#middleContainer > a
{
  display: contents;
  font-weight: 400;
}
#middleContainer > a:hover { color: #c8d4ea; }

* { border: none !important; box-shadow: none !important; }

#comic img 
{
  filter: invert(1) hue-rotate(180deg) saturate(28.3) brightness(1);
  mix-blend-mode: screen;
  
  margin: 0 auto;
}
}

@-moz-document domain("xkcd.com") {
/* Just */
body
{
  margin: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  
  zoom: 1.1;

  color: #ccc5;
 
  display: flex;
  justify-content: center;
  flex-direction: column;
  
  overflow-y: scroll;
}

#topContainer,
#bottom,

#middleContainer > ul:nth-child(2)
{
  display: none;
}

#middleContainer
{
  display: flex;
  justify-content: center;
  flex-direction: column;
  
  left: unset;
  margin: 0 auto;
  height: fit-content; 
  overflow-y: scroll;
}

#comic { height: fit-content; overflow-y: scroll; }
}