btc-rpc-explorer/public/scss/light.scss
Dan Janosik a678c8a6a9
-more styling tweaks/cleanup/consistency
-new fun item showing example of future-dated timelock (coinbase) tx
-special-case code for mainnet genesis coinbase tx, to avoid indicating that satoshi spent these unspendable coins
-tx details: skip displaying locktime when it's meaningless (the raw data is in the json if anyone wants it); show additional info about locktime meaning
-tx details: show byte-size in addition to vByte size, if applicable
-fix for recently broken donut chart on /mining-summary
-changelog
2021-12-06 16:43:10 -05:00

79 lines
No EOL
1.3 KiB
SCSS

$body-bg: #fff;
$body-color: #212529;
$main-bg: #f0f4f7;
$border-color: #e4e7eb;
$card-border-color: $border-color;
$card-highlight-color: #567997;
$nav-tabs-border-color: #adb5bd;
$nav-tabs-link-active-color: lighten($body-color, 5%);
$nav-tabs-link-active-border-color: #adb5bd #adb5bd $body-bg !important;
$alert-bg-scale: -70%;
$alert-border-scale: -60%;
$table-striped-bg: rgba(0, 0, 0, 0.04);
@import "./main";
.bg-main {
background-color: $main-bg !important;
}
.bg-header-footer {
background-color: #212529 !important;
}
.bg-header-footer-highlight {
background-color: lighten(#212529, 15%) !important;
}
.bg-header-footer {
background-color: #162740 !important;
}
.bg-header-footer-highlight {
background-color: lighten(#162740, 15%) !important;
}
.bg-gradient-body-to-main {
background: linear-gradient(0deg, $main-bg 0%, $body-bg 100%);
}
.bg-card-highlight-badge {
background-color: darken($card-bg, 10%) !important;
}
.bg-tx-separator {
background-color: #dce1e5;
}
.border-card-highlight-badge {
border-color: darken($card-bg, 16%) !important;
}
.text-card-highlight {
color: $card-highlight-color !important;
}
.border-dotted {
border-bottom: dotted 1px #979ca5;
}
.card-highlight {
background-color: darken($card-bg, 3%);
border: solid 1px darken($card-bg, 10%) !important;
color: $body-color;
}