Skip to content

DodecaDragons Modern UI by mrdinnertime

Screenshot of DodecaDragons Modern UI

Details

Authormrdinnertime

LicenseWTFPL - http://www.wtfpl.net/

Categorydemonins-item-shop.demonin.repl.co/

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Changes the DodecaDragons to have a more modern look and feel

Notes

[Known issues]
None

[Change Log]
1.0.0.0
Background colours have been restored (no more grey everywhere)
Buttons for gold upgrades are now metallic gold
No more clipping of windows (yay!)
Restored original fonts in some parts of the application (Verdana made the text too wide, which pushed it outside the original boundaries and lowering the font size made it hard to read)

0.2.0.0
Magic title bar is now a flat pink (removed gradient)
Dark magic upgrades no longer have a text shadow when they're disabled
Challenges are now a flat purple (removed gradient)
Magic reset button is now a flat pink (removed gradient)
Split CSS into multiple sections for easier maintainability

0.1.0.0
Unlock sigils button is now flat green (removed gradient)
Unlock Magic Challenges button is now flat purple (removed gradient)
Achievement names now use the original font to prevent clipping
Magic upgrades no longer have a text shadow when they're disabled

0.0.0.0
Changes the font family to Verdana
Removes the shadow from the buttons and makes them flat
Gold/click buttons are coloured red to make it stand out (I kept upgrading this even when it wasn't useful to do so)

Source code

/* ==UserStyle==
@name         DodecaDragons Modern UI
@version      20230321.17.37
@namespace    userstyles.world/user/mrdinnertime
@description  Changes the DodecaDragons to have a more modern look and feel
@author       mrdinnertime
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://demonins-item-shop.demonin.repl.co/games/dodecaDragons/") {
/* Section: Global */

body {
    
    background: #222;
}

.titleText {
    
    font-family: Verdana, Geneva, sans-serif;
    text-rendering: optimizeLegibility;
}

button {

    box-shadow: none;
    border-radius: 4px;
    margin: 0;
    margin-bottom: 5px;
}

button[disabled] {
    
    opacity: 0.6;
    text-shadow: none;
}

.window {
    
    padding: 0;
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden;
}

.window-body {
    
    padding: 0 3px 3px 3px;
    border: 0;
}

.title-bar {

    padding: 3px 4px 3px 4px;
}
}

@-moz-document url-prefix("https://demonins-item-shop.demonin.repl.co/games/dodecaDragons/") {
/* Section: Gold */
 #tab_main button {

    background: #D4Af37;
    box-shadow: none;
    color: #222;
}

 #tab_main button[disabled] {

    opacity: 0.6;
    text-shadow: none;
    color: #222;
}
}

@-moz-document url-prefix("https://demonins-item-shop.demonin.repl.co/games/dodecaDragons/") {
/* Section: Settings */

button[onclick='save()'] {
    
    width: 100% !important;
    box-sizing: border-box;
    margin: 0;
}

button[onclick='hardReset()'] {
    
    width: 100% !important;
    box-sizing: border-box;
    margin: 0;
}

button[onclick='exportGame()'] {
    
    width: 100% !important;
    box-sizing: border-box;
    margin: 0;
}

button[onclick='importGame()'] {
    
    width: 100% !important;
    box-sizing: border-box;
    margin: 0;
}

#exportField {
    
    border-radius: 4px;
    box-shadow: none;
    width: 100% !important;
    margin-left: 0 !Important;
}
}

Reviews

No reviews yet.