DNDBeyond DarkZ by zionswasd

/* ==UserStyle==
@name         DNDBeyond DarkZ
@namespace    zion
@version      1.0.15
@preprocessor uso
@homepageURL  https://github.com/wmak/dndbeyond-darktheme
@author       wmak
@var text backgroundUrl "Background Image URL" ""
@var color baseColor "Base Color" #2d2d2d
@var color fontColor "Font Color" #fff2f2
@var color secondaryColor "Secondary Color" #1e0505
@var color borderColor "Border Color" #bf0000
@var color highlightColor "Highlight Color" #c54e00
==/UserStyle== */
@-moz-document url("https://www.dndbeyond.com/profile/.*/characters/\\d*") {

    .ct-mobile-divider__label,
    .ddbc-character-avatar__portrait,
    .ddbc-campaign-summary,
    .ct-main-mobile .ct-senses,
    .ct-skills-mobile .ct-skills,
    .ct-actions-mobile .ct-tab-options,
    .ct-equipment-mobile,
    .ct-spells-mobile,
    .ct-features-mobile,
    .ct-proficiency-groups-mobile,
    .ct-description-mobile .ct-description,
    .ct-notes-mobile .ct-notes,
    .ct-extras-mobile,
    .ct-main-mobile__saving-throws,
    .ct-quick-nav__button,
    .ct-status-summary-mobile__health,
    .ct-character-header-desktop__button,
    .ct-character-header-tablet__button,
    .ct-status-summary-mobile__button,
    .ddbc-tab-options__header-heading .ddbc-campaign-summary,
    .ddbc-collapsible__content,
    .ct-campaign-summary,
    .ct-sidebar__pane-content .ddbc-collapsible__header,
    .ct-combat-tablet__cta-button {
        background-color: /*[[secondaryColor]]*/ !important;
        border-color: /*[[borderColor]]*/
    }

    .ct-character-manage-pane__summary-avatar {
        border: 3px solid /*[[borderColor]]*/
    }

    .mm-mega-menu {
        background-color: /*[[secondaryColor]]*/ !important
    }

    .ct-sidebar tr:nth-child(2n+1) td {
        background: /*[[baseColor]]*/
    }
    .ct-sidebar td {
        background: /*[[secondaryColor]]*/
    }

    .ct-character-manage-pane__class-list-item-level,
    .ct-dice-preference-manager,
    .character-checkbox-input,
    .ct-item-detail__tag,
    .ct-spell-detail__tag,
    .ct-slot-manager__slot {
        background-color: /*[[baseColor]]*/;
        box-shadow: inset 0 0 4px 0/*[[highlightColor]]*/;
        border: 1px solid /*[[fontColor]]*/;
    }

    .dice-toolbar:hover,
    .ct-slot-manager__slot::before {
        background-color: /*[[borderColor]]*/;
    }

    .dice-toolbar {
        background-color: /*[[highlightColor]]*/
    }

    .site .ddbc-theme-link,
    a {
        color: /*[[highlightColor]]*/
    }

    .site .ddbc-theme-link:hover,
    a:hover,
    a:visited,
    .ct-spells-spell__as-ritual,
    .ct-spells-spell__at-will,
    .ct-content-group__header-content,
    .ct-class-detail__name,
    .site .ct-theme-link,
    .ct-actions-list__heading {
        color: /*[[borderColor]]*/
    }

    .ddbc-creature-block div,
    .ddbc-creature-block span {
        color: /*[[baseColor]]*/ !important;
    }

    .site .ct-theme-button--filled.ct-button,
    .ct-quick-nav__edge-toggle,
    .ct-quick-nav__toggle,
    .ddbc-tab-options__header .ddbc-tab-options__header-heading--is-active,
    .ct-tab-options--layout-pill .ct-tab-options__header-heading--active {
        background-color: /*[[borderColor]]*/
        !important;
        color: /*[[fontColor]]*/
        !important;
    }

    .ddbc-tab-options__header-heading,
    .ct-tab-options__header-heading {
        color: /*[[borderColor]]*/
        !important;
    }

    .ddbc-tab-options--layout-pill .ddbc-tab-options__header-heading:hover,
    .ct-number-bar__option:hover,
    .site .ct-theme-button--outline.ct-button:hover,
    .site .ct-theme-button--filled.ct-button:hover,
    .site .ct-button.ct-theme-button--outline:disabled,
    .ct-tab-options--layout-pill .ct-tab-options__header-heading:hover {
        background-color: /*[[highlightColor]]*/
        !important;
    }


    .ct-spells-spell__scaled-level {
        background-color: /*[[highlightColor]]*/;
    }

    .ct-spells-spell__scaled-level span {
        color: /*[[borderColor]]*/
    }

    .ct-collapsible__header,
    .ct-tablet-box__header,
    .ct-tablet-box__inner,
    .ct-sidebar__pane-content {
        background: /*[[secondaryColor]]*/;
    }

    .ct-spells-filter__box,
    .ct-extras-filter__box,
    .ct-inventory-filter__box,
    input[type=number],
    input[type=search],
    .ct-ability-score-manager__component-value,
    blockquote,
    .ct-sidebar thead td, .ct-sidebar thead th,
    .ct-sidebar .compendium-left-aligned-table td,
    .ct-sidebar .summoning-creatures-table td,
    .ct-character-sheet:before {
        background: /*[[baseColor]]*/
        !important;
        color: /*[[fontColor]]*/
        !important;
    }

    body.body-rpgcharacter-sheet {
        background: url(/*[[backgroundUrl]]*/) no-repeat center center fixed, url()/*[[baseColor]]*/
        !important;
        background-size: cover !important;
    }

    input[type=number] {
        border: 1px solid/*[[borderColor]]*/
    }

    .ct-equipment-shop__item > .ct-collapsible__content {
        background: /*[[secondaryColor]]*/;
    }

    .integrated-dice__container:hover {
        background: /*[[borderColor]]*/
        !important;
    }

    .ct-proficiency-bonus-box__heading,
    .ct-ability-summary__abbr,
    .ct-speed-box__heading,
    .ddbc-distance-number__label,
    .ddbc-signed-number__sign,
    .ddbc-ability-summary__label,
    .ddbc-proficiency-bonus-box__value,
    .ddbc-ability-summary__primary,
    .ddbc-item-name--rarity-common,
    .integrated-dice__container,
    span,
    div {
        color: /*[[fontColor]]*/
        !important;
    }

    .ddbc-no-proficiency-icon,
    .ct-no-proficiency-icon {
        background-color: /*[[secondaryColor]]*/;
        border: 1px dotted/*[[fontColor]]*/;
    }

    .ct-character-tidbits__menu-status--closed::before,
    .ct-character-tidbits__menu-status--opened::before {
        border-top-color: /*[[borderColor]]*/
    }

    .body-rpgcharacter-sheet .site-bar,
    .ct-tab-list__nav-item--active,
    .ct-character-tidbits__avatar {
        border-color: /*[[borderColor]]*/
    }

    .site-bar,
    .ct-number-bar__option {
        background: /*[[baseColor]]*/;
        border-color: /*[[borderColor]]*/
    }

    .ct-number-bar__option--implied,
    .ct-number-bar__option--active {
        background: /*[[borderColor]]*/
    }

    .ct-sidebar__pane-gap,
    .site .ct-theme-button--outline.ct-button,
    .ct-tablet-box__border,
    .ct-sidebar__pane-content {
        background: /*[[secondaryColor]]*/;
        border-color: /*[[borderColor]]*/
    }

    .ct-combat-tablet__initiative-label,
    .ct-inspiration__label,
    .ct-combat__summary-label--outline {
        text-shadow: none
    }

    .site .ct-health-summary__adjuster-button--damage.ct-button {
        background-color: #ff8d8d;
    }

    .site .ct-health-summary__adjuster-button--damage.ct-button span {
        color: #370000 !important;
    }

    .site .ct-health-summary__adjuster-button--heal.ct-button {
        background-color: #98ff8d;
    }

    .site .ct-health-summary__adjuster-button--heal.ct-button span {
        color: #003702 !important;
    }

    .ct-tab-list__nav-item--active {
        color: #ff8d8d
    }

    .ddbc-tab-list__nav-item--is-active {
        border-bottom-color: /*[[highlightColor]]*/
    }

    .ct-creature-block div,
    .ct-creature-block span {
        color: #000 !important;
    }

    .ddbc-filter-svg path {
        fill: /*[[fontColor]]*/
    }

    svg.ddbc-disadvantage-icon path,
    svg.ddbc-builder-svg path,
    svg.ddbc-inspiration-token-svg path,
    svg.ddbc-proficiency-icon circle {
        fill: /*[[highlightColor]]*/
    }

    .ddbc-ability-score-box-svg path:nth-child(1),
    .ddbc-ability-score-box-svg path:nth-child(2),
    .ddbc-ability-summary path:nth-child(2),
    .ddbc-box-background path:nth-child(1),
    .ddbc-box-background polygon:nth-child(1) {
        fill: /*[[secondaryColor]]*/
        !important;
    }

    .ddbc-sidebar-cap-svg path,
    .ddbc-long-rest-svg ellipse {
        stroke: /*[[borderColor]]*/
    }

    .ddbc-sidebar-cap-svg path:nth-child(1) {
        fill: /*[[secondaryColor]]*/
    }

    .ddbc-frame-svg rect {
        stroke: /*[[highlightColor]]*/
    }

    .ddbc-export-svg path,
    .ddbc-share-svg path,
    .ddbc-preferences-svg path,
    .ddbc-portrait-svg path,
    .ddbc-theme-icon-svg path,
    .ddbc-backdrop-svg path,
    .ddbc-short-rest-svg path,
    .ddbc-long-rest-svg path,
    .ddbc-manage-level-svg circle,
    .ddbc-dice-svg path,
    .ddbc-sidebar-cap-svg path:nth-child(9) {
        fill: /*[[highlightColor]]*/
    }

    .ddbc-attunement-slot-box-svg path,
    #InspirationBoxSvg-Fill-2,
    .ddbc-ability-summary path:nth-child(3),
    .ddbc-box-background path:nth-child(2),
    .ddbc-proficiency-svg circle {
        fill: /*[[borderColor]]*/
    }

    /* Icons */
    .i-type-piercing {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.17 18.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:/*[[borderColor]]*/;%7D.cls-2%7Bfill:/*[[fontColor]]*/;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 32%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='10.63 9.48 13.07 3.78 7.76 6.5 9.98 1.47 6.26 5.16 6.26 0 1.73 9.48 6.26 18.95 6.26 13.8 9.98 17.48 7.76 12.45 13.07 15.17 10.63 9.48'/%3E%3Cpath class='cls-1' d='M13.31,12.64c-2.59,0-8.5-.75-11.1-2.55l-.89-.62.89-.62c2.6-1.8,8.51-2.55,11.1-2.55h7.11v6.33Z'/%3E%3Cpath class='cls-2' d='M19.67,7.06v4.83H13.31c-2.55,0-8.29-.76-10.67-2.41C5,7.82,10.75,7.06,13.31,7.06h6.36m1.5-1.5H13.31c-2.67,0-8.79.79-11.53,2.68L0,9.48l1.78,1.23c2.73,1.89,8.86,2.68,11.53,2.68h7.86V5.56Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .i-type-bludgeoning {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.29 19.76'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:/*[[borderC...