gistfile1.txt

a {
    color: #55a3f3 !important;
}

button {
    color: #59b0fb !important;
}

ul a {
    color: #6fb4ef !important;
}

ul a:hover {
    background-color: rgba(102, 102, 102, 0.10) !important;
}

a:hover, a:focus {
    color: #349fff !important;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #fff !important;
    background-color: #1f1f1f !important;
    border-color: #5a5a5a !important;
}

.btn {
    background: rgba(0, 0, 0, 0.3) !important;
}

.btn-default {
    border-color: #4c4c4c !important;
}

.alert-info {
    color: #63b6ff !important;
}

.alert {
    background: rgba(0, 0, 0, 0.22) !important;
}

table.nationtable th {
    background: #285583 !important;
}

.nation-activity::-webkit-scrollbar {
    width: 6px !important;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: black;
}

::-webkit-scrollbar-thumb {
    background: #888; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Nation Score Over Time Graph */

/* Legend Color */
#nation-score-over-time > div > div > svg > g.infolayer > g.legend > g > g > g > text {
    fill: #c5c5c5 !important;
}

/* Legend Background */
#nation-score-over-time > div > div > svg > g.infolayer > g.legend > rect[style] {
    stroke: #c5c5c5 !important;
    fill: rgba(255, 255, 255, 0.04) !important;
}

/* Main Graph Background Color */
#nation-score-over-time > div > div > svg {
    background: rgba(255, 255, 255, 0) !important; /* Make transparent to allow dark-theme.css override */
}

#nation-score-over-time > div > div > svg > g.bglayer > rect[style] {
    fill: rgba(255, 255, 255, 0.04) !important;
}

#nation-score-over-time > div > div > svg > g.cartesianlayer > g > g.xaxislayer-above {
    stroke: #c5c5c5;
    stroke-opacity: 1;
    stroke-width: 1px;
}

#nation-score-over-time > div > div > svg > g.cartesianlayer > g > g.yaxislayer-above {
    stroke: #c5c5c5;
    stroke-opacity: 1;
    stroke-width: 1px;
}

#nation-score-over-time > div > div > svg:nth-child(3) > g.infolayer > g.g-xtitle {
    stroke: #c5c5c5;
    stroke-opacity: 1;
    stroke-width: 1px;
}

#nation-score-over-time > div > div > svg:nth-child(3) > g.infolayer > g.g-ytitle {
    stroke: #c5c5c5;
    stroke-opacity: 1;
    stroke-width: 1px;
}

/* Nation Score Over Time Graph */

/* Legend Color */
#score_pie > div > div > svg > g.infolayer > g.legend > g > g > g > text {
    fill: #c5c5c5 !important;
}

/* Legend Background */
#score_pie > div > div > svg > g.infolayer > g.legend > rect[style] {
    stroke: #c5c5c5 !important;
    fill: rgba(255, 255, 255, 0.04) !important;
}

/* Main Graph Background Color */
#score_pie > div > div > svg {
    background: rgba(255, 255, 255, 0) !important; /* Make transparent to allow dark-theme.css override */
}

#score_pie > div > div > svg > g.bglayer > rect[style] {
    fill: rgba(255, 255, 255, 0.04) !important;
}

#score_pie > div > div > svg > g.cartesianlayer > g > g.xaxislayer-above {
    stroke: #c5c5c5;
    stroke-opacity: 1;
    stroke-width: 1px;
}

#score_pie > div > div > svg > g.cartesianlayer > g > g.yaxislayer-above {
    stroke: #c5c5c5;
    stroke-opacity: 1;
    stroke-width: 1px;
}

#score_pie > div > div > svg > g.pielayer > g > g > g > text {
    fill: rgb(255, 255, 255) !important;
}

#world-map > div > svg > g > path {
    fill: #323232 !important;
}

.columnheader {
    background: #285583 !important;
    color: #c5c5c5 !important;
}

.informationbar {
    background: #285583 !important;
    color: #c5c5c5 !important;
}