// ==UserScript==
// @name Minimal Dark-Themed xkcd
// @namespace Violentmonkey Scripts
// @match https://xkcd.com/*
// @grant none
// @version 1.0
// @license MIT
// @author crypticsaiyan
// @description 20/6/2025, 10:21:16 pm
// @downloadURL https://update.greasyfork.icu/scripts/540237/Minimal%20Dark-Themed%20xkcd.user.js
// @updateURL https://update.greasyfork.icu/scripts/540237/Minimal%20Dark-Themed%20xkcd.meta.js
// ==/UserScript==
let stylesheet = document.createElement("style");
stylesheet.innerHTML = `
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
*{
font-family: "JetBrains Mono";
color: #FAFAFA;
}
body{
display: flex;
justify-content: center;
align-items: center;
background-color: #212121;
flex-direction: column;
height: 99%;
}
#comic img{
filter: invert(1);
}
#slogan{
color: #FAFAFA;
}
.box{
background-color: #424242;
}
ul.comicNav li a{
box-shadow: none;
-webkit-box-shadow: none;
background-color: #212121;
padding: 5px 15px;
border: 5px;
}
ul.comicNav li a:hover{
color: #212121;
}
#contact {
position: absolute;
top: 100px;
right: 0px;
z-index: 1000;
}
`;
document.head.appendChild(stylesheet);
let bottom = document.getElementById("bottom");
bottom.style.display = "none";
let top = document.getElementById("topContainer");
top.innerHTML = `
`;
let comicnav1 = document.querySelector(".comicNav");
comicnav1.style.display = "none";
let github = document.createElement("a")
github.href = "https://github.com/crypticsaiyan/xkcd_userscript"
github.id = "contact"
github.innerHTML = `
`
document.body.insertBefore(github, document.body.firstChild);
A webcomic of romance,