grassrootseconomics/ethstats-server
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: apply some dracula magic

Browse Source
This commit is contained in:
5chdn 2018-12-01 01:14:59 +01:00
parent c7e0951831
commit 1f6327d641
No known key found for this signature in database
GPG Key ID: 1A40871B597F5F80
6 changed files with 36 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

25
src/css/style.css
View File

@ -30,32 +30,37 @@ table td {
.bg-success, .bg-success,
.text-success .propagationBox { .text-success .propagationBox {
background: #7bcc3a; background: #50fa7b;
} }
.bg-info, .bg-info,
.text-info .propagationBox { .text-info .propagationBox {
background: #10a0de; background: #8be9fd;
}
.bg-highlight,
.text-highlight .propagationBox {
background: #bd93f9;
} }
.bg-warning, .bg-warning,
.text-warning .propagationBox { .text-warning .propagationBox {
background: #FFD162; background: #f1fa8c;
} }
.bg-orange, .bg-orange,
.text-orange .propagationBox { .text-orange .propagationBox {
background: #ff8a00; background: #ffb86c;
} }
.bg-danger, .bg-danger,
.text-danger .propagationBox { .text-danger .propagationBox {
background: #F74B4B; background: #ff5555;
} }
.text-gray .propagationBox { .text-gray .propagationBox {
background: none !important; background: none !important;
border: 1px solid #777; border: 1px solid #f8f8f2;
} }
.bg-success, .bg-success,
@ -67,11 +72,11 @@ table td {
} }
.text-gray { .text-gray {
color: #777 !important; color: #f8f8f2 !important;
} }
.text-orange { .text-orange {
color: #ff8a00; color: #ffb86c;
} }
.container-fluid { .container-fluid {
@ -180,7 +185,7 @@ span.small-title span.small {
letter-spacing: -0.1px; letter-spacing: -0.1px;
text-transform: none; text-transform: none;
white-space: nowrap; white-space: nowrap;
color: #777; color: #f8f8f2;
} }
.blocks-holder .block-count { .blocks-holder .block-count {
@ -455,7 +460,7 @@ svg .axis line {
shape-rendering: crispEdges; shape-rendering: crispEdges;
} }
svg .axis text { svg .axis text {
fill: #777; fill: #f8f8f2;
font-size: 10px; font-size: 10px;
letter-spacing: 0px; letter-spacing: 0px;
font-family: "Source Sans Pro"; font-family: "Source Sans Pro";

22
src/js/directives.js
View File

@ -166,11 +166,11 @@ angular.module('netStatsApp.directives', [])
tooltipSuffix: '', tooltipSuffix: '',
chartRangeMax: 8000, chartRangeMax: 8000,
colorMap: jQuery.range_map({ colorMap: jQuery.range_map({
'0:1': '#10a0de', '0:1': '#8be9fd',
'1:1000': '#7bcc3a', '1:1000': '#50fa7b',
'1001:3000': '#FFD162', '1001:3000': '#f1fa8c',
'3001:7000': '#ff8a00', '3001:7000': '#ffb86c',
'7001:': '#F74B4B' '7001:': '#ff5555'
}), }),
tooltipFormatter: function (spark, opt, ms) { tooltipFormatter: function (spark, opt, ms) {
var tooltip = '<div class="tooltip-arrow"></div><div class="tooltip-inner">'; var tooltip = '<div class="tooltip-arrow"></div><div class="tooltip-inner">';
@ -219,11 +219,11 @@ angular.module('netStatsApp.directives', [])
width: width, width: width,
height: 242, height: 242,
fills: { fills: {
success: '#7BCC3A', success: '#50fa7b',
info: '#10A0DE', info: '#8be9fd',
warning: '#FFD162', warning: '#f1fa8c',
orange: '#FF8A00', orange: '#ffb86c',
danger: '#F74B4B', danger: '#ff5555',
defaultFill: '#282828' defaultFill: '#282828'
}, },
geographyConfig: { geographyConfig: {
@ -315,7 +315,7 @@ angular.module('netStatsApp.directives', [])
var color = d3.scale.linear() var color = d3.scale.linear()
.domain([1000, 3000, 7000, 10000]) .domain([1000, 3000, 7000, 10000])
.range(["#7bcc3a", "#FFD162", "#ff8a00", "#F74B4B"]); .range(["#50fa7b", "#f1fa8c", "#ffb86c", "#ff5555"]);
var xAxis = d3.svg.axis() var xAxis = d3.svg.axis()
.scale(x) .scale(x)

2
src/js/lib/datamaps.min.js vendored
View File

File diff suppressed because one or more lines are too long

10
src/js/script.js
View File

@ -12,11 +12,11 @@
$.fn.sparkline.defaults.bar.tooltipOffsetX = 0; $.fn.sparkline.defaults.bar.tooltipOffsetX = 0;
$.fn.sparkline.defaults.bar.tooltipFormat = $.spformat('<div class="tooltip-arrow"></div><div class="tooltip-inner">{{prefix}}{{value}} {{suffix}}</div>'); $.fn.sparkline.defaults.bar.tooltipFormat = $.spformat('<div class="tooltip-arrow"></div><div class="tooltip-inner">{{prefix}}{{value}} {{suffix}}</div>');
$.fn.sparkline.defaults.bar.colorMap = $.range_map({ $.fn.sparkline.defaults.bar.colorMap = $.range_map({
'0:6': '#10a0de', '0:6': '#8be9fd',
'6:15': '#7bcc3a', '6:15': '#50fa7b',
'15:40': '#FFD162', '15:40': '#f1fa8c',
'40:60': '#ff8a00', '40:60': '#ffb86c',
'60:': '#F74B4B' '60:': '#ff5555'
}); });
moment.relativeTimeThreshold('s', 60); moment.relativeTimeThreshold('s', 60);

4
src/views/index.jade
View File

@ -38,7 +38,7 @@ block content
span.big-details {{ bestStats.gasPrice.toString() | gasPriceFilter }} span.big-details {{ bestStats.gasPrice.toString() | gasPriceFilter }}
div.clearfix div.clearfix
div.col-xs-2.stat-holder div.col-xs-2.stat-holder
div.big-info.gasprice.text-info div.big-info.gasprice.text-highlight
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-difficulty i.icon-difficulty
div.big-details-holder div.big-details-holder
@ -88,7 +88,7 @@ block content
div.clearfix div.clearfix
div.col-xs-2.stat-holder.xpull-right div.col-xs-2.stat-holder.xpull-right
div.big-info.chart.xdouble-chart.text-danger div.big-info.chart.xdouble-chart.text-danger
i.icon-hashrate //- i.icon-hashrate
span.small-title last blocks miners span.small-title last blocks miners
div.blocks-holder(ng-repeat='miner in miners track by miner.miner', data-toggle="tooltip", data-placement="right", data-original-title="{{miner.blocks}}") div.blocks-holder(ng-repeat='miner in miners track by miner.miner', data-toggle="tooltip", data-placement="right", data-original-title="{{miner.blocks}}")
div.block-count(class="{{miner.blocks | minerBlocksClass : 'text-'}}") {{miner.blocks}} div.block-count(class="{{miner.blocks | minerBlocksClass : 'text-'}}") {{miner.blocks}}