Yann777
09/16/23 12:06AM
Dark Mode
I don't know who cares but I changed the appearance of rule34 to be kind of dark mode themed. Its a userscript for violentmonkey but works with Userscripts as well so i guess the others should work too. Just a small css alteration.

// ==UserScript==
// @name rule34 Dark Mode
// @namespace Violentmonkey Scripts
// @match rule34.xxx/index.php
// @grant GM_addStyle
// @version 1.0
// @include *//rule34.*
// @author -
// @description 14.09.2023, 13:10:54
// ==/UserScript==

console.log("Injected Darkmode")

let overlayCSS = `
<style>

h5 {
color: #4787ff;
}

div.tag-search input[type="text"] {
background-color: #5e5e5e;
border-color: #78b6ee;
}

.awesomplete > ul {
background: linear-gradient(to bottom right,hsl(0, 0%, 34.9%),hsla(0, 0%, 12.5%, 0.8));
border: 1px solid rgba(0,0,0,.3);
box-shadow: .05em .2em .6em rgba(0,0,0,.2);
}

div#header ul#subnavbar {
background: #121212;
}

body {
background: #222;
}

div.tag-search input[type="submit"] {
background-color: #5e5e5e;
border-color: #78b6ee;
color: #78b6ee;
}

a:link {
color: #78b6ee;
}

div#paginator {
font-size: 1em;
text-align: center;
color: #fff;
}

div#header ul#navbar li.current-page {
background-image: none;
background-color: #4d4d4d;
}

div#post-comments div#comment-list > div > div.col2 {
margin-top: 10px;
color: #acacac;
}

.manual-page-chooser > input[type="text"] {
background-color: #222;
color: #78b6ee;
border-color: #78b6ee;
}

.manual-page-chooser > input[type="submit"] {
background-color: #222;
color: #78b6ee;
border-color: #78b6ee;
}

.tag-type-artist > a, .tag-type-artist {
color: #ff6c6c !important;
}

.tag-type-character > a, .tag-type-character {
color: #49ff49 !important;
}

.tag-type-copyright > a, .tag-type-copyright {
color: #ff30ff !important;
}

.tag-count {
color: #bfbfbf;
}

h6 {
color: #39f28a;
}

</style>
`

function get(x) { return document.getElementById(x); };

let overlay = document.createElement("div");
overlay.innerHTML = overlayCSS;
document.body.appendChild(overlay);
1


Reply | Forum Index