body { background: black; color: #ddc }

[class|="cost-"] { filter: brightness(165%) }

#overlay { background: rgba(50, 50, 50, .9) }
.modal { background: black; border-color: #ddc; color: #999 }
.modal h2 { color: #eee }

.headline { background: #272727; border-color: #606060 }
.headline .site-title { color: #eee }

#announcement {
    background: rgb(24 53 73);
    border-color: rgb(140, 130, 115);
    color: rgb(240, 240, 240);
}
#announcement a { color: var(--alternate-link); }
#announcement.off.new .octicon { fill: rgb(205, 100, 0); }

#import-msg {
    background: rgba(24, 53, 73, .7);
    color: #ddc
}

/* button { background: #aaa; border-color: #bbb } */
button { filter: brightness(80%) }
.export-button:disabled { color: #555 }
button:focus, button.not-a-button:focus { outline-color: #FF5722 }
input[type=checkbox], input[type=text], input[type=list], textarea { background-color: #ccc }

button.filter-more-button { color: #999; border-color: #999; }
button[data-filter] { color: #eee; filter: none }
button[data-filter=ignore] { background-color: #272727; border-color: #555 }

#tag_support_and, #tag_support_or { border-bottom: 1px solid #fff }

section.filter-container { border-color: #bbb }
section.filter-header, .modal .preferences-header { color: #ddc; background: #555; }
.filter-container.active .filter-header,
.filter-header.active { background-color: #333 }

.preferences-description { border-color: #555 }
.advanced-toggle.active { background: #153550 }

table thead td,
table.shuffle thead td[data-sort] { background: #555 }
table[data-is-finder] tbody tr:nth-child(4n+3),
table[data-is-finder] tbody tr:nth-child(4n+3) + tr { background: #111; }
table tbody tr.collected { background-color: rgb(50, 120, 180, .5) !important }

table[data-is-planner] tbody tr:nth-child(even) { background: #111; }

table tbody tr:not(.show-details):hover { background-color: #153550; }

.table .tr:nth-child(even),
td.enchantments ul li:nth-child(even) { color: #777 }

table thead td { color: #ddc }
table tbody td.colors { color: #ddc }

td.name .gem-name-container, td.name .octicon, td.name .octicon svg { 
    color: #ddc;
    fill: #ddc;
}
td.name button.preview svg {
    /* new feature as of 2022-05-06 */
    fill: #ff9800;
}

td.links svg.ninja, td.links img.poedb { border-color: #000; background-color: #fff }
td.price img { border: 1px solid #444 }

table td.colors.red { background-color: #cc0000 }
table td.colors.blue { background-color: #0000cc }

.gemlink { background-color: #d6d6d6; }
.octicon, .sub-gem-container .octicon.preview,
.gemgroup-container legend .octicon { fill: #eee; }
.warning a, .warning a:visited { color: var(--alternate-link); }

a:visited { color: #b47ee7/*#8f3eda*/ }
/* a:visited .octicon, a.octicon:visited { fill: #b47ee7 }  /* used to be for external-link octicon, deprecated (2021-06-30) */

.ignore-theme svg { fill: #000 }
input[id^=add-one-gem-input][disabled] { background-color: #bbb; }
.add-many-gems-textarea.disabled { background-color: #fff; }
.add-many-gems-textarea.evilclone { color: white }
button.active { border-color: #606060 }

.gemgroup-container { border-color: #606060; }
.gemgroup-container legend {
    color: #eee;
    background-color: #555;
}
.gemgroup-container li.gem-done .gem-name-container { text-decoration-color: #606060 }

table.guided-container {
    background-color: #272727;
    border-color: #606060;
}

button.td-name-controls.active svg { fill: var(--blue); }
.minimized #links-conflict-warning { background-color: rgba(255, 55, 55, .5); }
.warning { background-color: rgba(24, 53, 73, .7) }
.info { background-color: #183549 }