Skip to content

Darkest Dungeonscrawl by magnus-ISU

Details

Authormagnus-ISU

LicenseMIT

Categoryapp.dungeonscrawl.com

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme

Notes

A quick and dirty dark styling for DungeonScrawl.
Please email me at todamath@gmail.com with any issues, though I cannot promise I will maintain it if I am no longer using DungeonScrawl.

Source code

/* ==UserStyle==
@name         Darkest Dungeonscrawl
@version      20240215.23.27
@namespace    https://userstyles.world/user/magnus-ISU
@description  Dark theme
@author       magnus-ISU
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://app.dungeonscrawl.com/") {
/* Panels */
.css-i434nq, .css-n168ka, .css-21poku, 
/* Text */
.css-1sj2qed, .css-14y5ruu, .css-6r5pfu, .css-nrks8l, .css-4ljwma,
.css-1swy9r4, .css-1mb9iar, .css-1axwk0n, .css-wh5gjd, .css-1wq9665, .css-1xy6688,
/* Images Panel Text */
.css-1cpmr3p, .css-jvjgt8
{
    background-color: #363636;
    color: #f0f0f0;
}


/* Map+import buttons */
.css-uvsi0w, .css-1j434q4, .css-17dat93,
/* Opacity button */
.css-2sucry, .css-148sm63,
/* Other buttons in RHP */
.css-11pnwi, .css-do3b5y,
/* Text in RHP */
.css-1xteie8, .css-11rkzpl,
/* Toolbar buttons */
.css-1u1psav {
    background-color: #464646 !important;
    color: #f0f0f0 !important;
}

.css-16wzk6e {
    --ds-optionButton-onBackground: #f0f0f0;
    --ds-optionButton-background: #464646;
    --ds-optionButton-activeBackground: #0f0f0f;
    --ds-optionButton-onActiveBackground: #f0a0a0;
}

.css-1kidg20 {
    --ds-elevation0: #464646;
    --ds-onElevation0Secondary: #f0f0f0;
    --ds-layer-selectedBackground: #0f0f0f;
    --ds-layer-onSelectedBackground: #f0a0a0;
}

/* toolbar sliders */
.css-n3vzg1 {
    background-color: #202020;
}

/* Hide Pro Features */
.css-124977n > .css-1m9gu2h, .css-124977n > .css-19n6fhc, .css-124977n > .css-11ysxi6,
#root > div > div.css-1h8q802 > div.css-i434nq > div > div.css-4mybpg > div:nth-child(5),
#root > div > div.css-1h8q802 > div.css-i434nq > div > div.css-4mybpg > div:nth-child(6) {
    opacity: 0.0;
}
.css-124977n:hover,
#root > div > div.css-1h8q802 > div.css-i434nq > div > div.css-4mybpg > div:nth-child(5):hover,
#root > div > div.css-1h8q802 > div.css-i434nq > div > div.css-4mybpg > div:nth-child(6):hover {
    opacity: 1.0;
}
}

Reviews

No reviews yet.