Dark style for grimmstories.com.
Dark Grimm by riedler
Details
Authorriedler
LicenseCC BY-SA 4.0
Categoryhttps://www.grimmstories.com/
Created
Updated
Size2.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Version: 1.0.0
Changelog:
- Initial Release
Source code
/* ==UserStyle==
@name dark grimm
@namespace https://www.grimmstories.com/
@version 1.0.0
@description Dark mode for grimmstories.com
@author Riedler
@preprocessor uso
@var color bg0 "Background 0" #000
@var color bg1 "Background 1" #151515
@var color bg2 "Background 2" #222
@var color txt "Text" #BBB
@var color htxt "Hovered Text" #DDD
@var color btn "Buttons" rgb(55, 100, 153)
@var color hbtn "Hovered buttons" rgb(82,148,226)
@var color brd "Borders" #888
@var color inf "Information Boxes" rgba(55, 100, 153, .25)
@var color lnk "Links" rgb(55, 100, 153)
@var color hlnk "Hovered links" rgb(82,148,226)
@var color pl0 "Game: Perfect" rgb(55, 100, 153)
@var color pl1 "Game: Playable" #2A2
@var color pl2 "Game: Starts" #CA0
@var color pl3 "Game: Broken" #B33
@var color lgt "Highlight" #FFFFFF15
==/UserStyle== */
@-moz-document domain("grimmstories.com") {
:root,
body{
background:/*[[bg0]]*/;}
body>.inbody{
background:/*[[bg1]]*/;}
:root,body,.inbody,
p,span,pre,a,
h1,h2,h3,h4,h5,h6,
h1.logo>a[href],
h2.headline,
.language>a[href],
h1.title>a[href],
.title,
div.index_tekst,
.headerunder,
.headerunder>a[href],
.menu>a[href],
#ad,
.allmenu,
.footertext,.footertext a[href]{
color:/*[[txt]]*/;}
span.kopjes{
color:/*[[txt]]*/ !important;}
a[href],
.list_url>a[href]{
color:/*[[lnk]]*/;}
a[href]:hover,
a[href]:focus{
color:/*[[hlnk]]*/;}
a{
background:none !important;
background-color:transparent !important;}
.logo,
h2.headline,
.result,
.headerunder{
background:/*[[bg1]]*/;}
.allmenu>ul>li,
.allmenu>.menu,
.ondertitel{
background:transparent;}
.language,
.allmenu,
.footer{
background:/*[[bg2]]*/;}
.language[style="background: #FF9900;"]{
background:/*[[btn]]*/ !important;}
.start_image,
.inbody,
.headerlanguage,
.header,
.list_titles>a[href],
.list_titles_two>a[href]{
border-color:/*[[brd]]*/;}
.list_image_small{
border:none;}
.list_image_small,
.list_titles>a[href],
.allmenu,
.list_titles_two>a[href]{
border-radius:0.5rem;
overflow:hidden;}
hr{
color:/*[[brd]]*/;
background-color:/*[[brd]]*/;}
.footerimage{
filter:invert(0.6);}
#cse-search-box{
filter:invert(0.8) hue-rotate(180deg);}
.indexlinks>.it td.itb{
background:/*[[bg2]]*/;}
.list_titles>a>span:not(.list_url){
color:/*[[txt]]*/ !important;}
.list_url{
color:/*[[lnk]]*/ !important;}
.list_url:hover{
color:/*[[hlnk]]*/ !important;}
.main>div[style="color: #993300;"]{
color:/*[[txt]]*/ !important;}
}