Coins Table + Custom CSS (Dark View)

You can customize coins table font and background colors with some custom css to create a perfect dark view for your website. Custom CSS is available below the table.

# NamePriceChanges 24H Changes 7D Market CapVolume 24HAvailable SupplyPrice Graph (7D)

Use Below Custom CSS for Dark View Table

#cmc_coinslist_wrapper table {
    border-radius: 3px !IMPORTANT;
    border: 3px solid #4b4c51 !IMPORTANT;
}
div#cmc-custom-css table thead tr th, div#cmc-custom-css table tbody tr td {
    background-color: #1b1c22 !important;
    color: #f3f3ff;
    border-color: #4b4c51 !IMPORTANT;
}
#cmc_coinslist_wrapper .table-striped>tbody>tr td:nth-of-type(2) {
    box-shadow: none !IMPORTANT;
    border-right: 1px solid #46474c !IMPORTANT;
}
#cmc_coinslist_wrapper table a {
    color: #f3f3ff !IMPORTANT;
}
#cmc_coinslist_wrapper table a:hover {
    color: #bdbdff !IMPORTANT;
}
#cmc_coinslist_wrapper table span.changes.up {
    color: #1ddd3e !Important;
}
#cmc_coinslist_wrapper table span.changes.down {
    color: #ff4f4f !Important;
}
#cmc_coinslist_wrapper table .cmc-charts canvas {
    background: #ffffff;
    padding: 2px;
    border-radius: 4px;
}
.cmc_search input.typeahead.tt-input::placeholder {
    color: #f3f3ff !important;
}
.cmc_search input.typeahead.tt-input, select#cmc_usd_conversion_box,
#cmc_coinslist_wrapper a.paginate_button.next, #cmc_coinslist_wrapper a.paginate_button.previous {
    background: #1b1c22 !important;
    color: #f3f3ff !important;
    border-radius: 3px !IMPORTANT;
    border: 2px solid #4b4c51 !IMPORTANT;
}
#cmc_coinslist_wrapper a.paginate_button.next:hover, #cmc_coinslist_wrapper a.paginate_button.previous:hover {
    opacity: 0.9;
}
.tt-menu {
    background: #1b1c22 !IMPORTANT;
    border: 3px solid #4b4c51 !IMPORTANT;
}
.tt-menu h6 {
    color: #fff !IMPORTANT;
    margin: 0 0 0 20px;
}
.tt-menu a {
    color: #fff !IMPORTANT;
}