dark and light theme implimented, default theme dark
This commit is contained in:
satindergrewal
parent
7e6e294685
commit
5c48fc2446
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,5 @@
|
|||
{
|
||||
"dev": false,
|
||||
"experimentalFeatures": false
|
||||
"experimentalFeatures": false,
|
||||
"theme": "dark"
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -397,4 +397,89 @@ input[type=number]::-webkit-inner-spin-button,
|
|||
input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
#portfolio_chart_current {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.amcharts-pie-slice {
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 50%;
|
||||
transition-duration: 0.3s;
|
||||
transition: all .3s ease-out;
|
||||
-webkit-transition: all .3s ease-out;
|
||||
-moz-transition: all .3s ease-out;
|
||||
-o-transition: all .3s ease-out;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 30px 0 #000;
|
||||
}
|
||||
|
||||
.amcharts-pie-slice:hover {
|
||||
transform: scale(1.1);
|
||||
filter: url(#shadow);
|
||||
}
|
||||
|
||||
|
||||
.relvol_basevol_label, .relvol_basevol_amount {
|
||||
font-size: 30px;
|
||||
font-weight: 200;
|
||||
border: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.relvol_basevol_coin {
|
||||
font-size: 25px;
|
||||
background-color: #fff;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.trading_sellcoin_ticker_name, .trading_coin_ticker_name {
|
||||
font-size: 20px;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
.trading_sellcoin_balance, .trading_coin_balance {
|
||||
font-size: 220%;
|
||||
font-weight: 100;
|
||||
text-align: right;
|
||||
background-color: #fff;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.coin_balance_receive_coin_logo {
|
||||
border: 10px solid #fff;
|
||||
border-radius: 50px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.swapdetail_info {
|
||||
font-size: 20px;
|
||||
border: 0px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.bot_settings_label1 {
|
||||
font-size: 30px;
|
||||
font-weight: 200;
|
||||
border: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.bot_settings_label2 {
|
||||
font-size: 40px;
|
||||
font-weight: 100;
|
||||
border: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.bot_settings_label3 {
|
||||
font-size: 25px;
|
||||
background-color: #fff;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
|
@ -0,0 +1,137 @@
|
|||
body, .dextradeshistory, .dexdebug {
|
||||
background-color: #2a2a2a;
|
||||
color: #e8e8e8;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background-color: #1f1f1f;
|
||||
border-color: #131313;
|
||||
}
|
||||
|
||||
.panel-default {
|
||||
border-color: #181818;
|
||||
}
|
||||
|
||||
.panel-default>.panel-heading {
|
||||
color: #e8e8e8;
|
||||
background-color: #484848;
|
||||
border-color: #232323;
|
||||
}
|
||||
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
.table {
|
||||
background-color: #343434 !important;
|
||||
}
|
||||
|
||||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
|
||||
border-top: 1px solid #4a4a4a;
|
||||
}
|
||||
|
||||
.table>thead>tr>th {
|
||||
border-bottom: 2px solid #4a4a4a;
|
||||
}
|
||||
|
||||
.orderbook_asks tr:hover td, .orderbook_asks tr:hover td {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
|
||||
color: #676767;
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
color: #fff;
|
||||
background-color: #3f3f3f;
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
.btn-default:hover {
|
||||
color: #fff;
|
||||
background-color: #545454;
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
.btn-default.focus, .btn-default:focus {
|
||||
color: #fff;
|
||||
background-color: #0c0c0c;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
|
||||
color: #fff;
|
||||
background-color: #3f3f3f;
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
|
||||
.panel {
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
|
||||
color: #e8e8e8;
|
||||
background-color: #202020;
|
||||
border-color: #202020;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
color: #151515;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
|
||||
.input-group-addon, pre {
|
||||
color: #c3c3c3;
|
||||
background-color: #5e5e5e;
|
||||
border: #ddd;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
.close, .close:hover {
|
||||
color: #e8e8e8;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border-top: 1px solid #4a4a4a;
|
||||
}
|
||||
|
||||
|
||||
.relvol_basevol_label, .relvol_basevol_amount, .relvol_basevol_coin, .bot_settings_label1, .bot_settings_label2, .bot_settings_label3 {
|
||||
color: #e8e8e8;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
|
||||
.trading_sellcoin_ticker_name, .trading_coin_ticker_name {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
|
||||
.trading_sellcoin_balance, .trading_coin_balance {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.coin_balance_receive_coin_logo {
|
||||
border: 10px solid #2a2a2a;
|
||||
background-color: #2a2a2a;
|
||||
}
|
||||
|
||||
|
||||
.swapdetail_info {
|
||||
font-size: 20px;
|
||||
border: 0px;
|
||||
background-color: #2a2a2a;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
|
@ -8,7 +8,7 @@
|
|||
<title>BarterDEX-Simple - v0.7.1-beta</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
|
||||
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" id="bright_css_style">
|
||||
<link href="css/fuelux.min.css" type="text/css" rel="stylesheet">
|
||||
<link href="css/bootstrap-panelnavtabs.css" type="text/css" rel="stylesheet">
|
||||
<link href="css/bootstrap-select.min.css" type="text/css" rel="stylesheet">
|
||||
|
|
@ -17,6 +17,7 @@
|
|||
<link href="css/bootstrap-toggle.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-slider.min.css" rel="stylesheet">
|
||||
<link href="css/custom.css" type="text/css" rel="stylesheet">
|
||||
<link href="css/dark-theme.css" type="text/css" rel="stylesheet" id="dark_css_style">
|
||||
<link href="css/spinner.css" type="text/css" rel="stylesheet">
|
||||
<link href="js/fa/css/font-awesome.min.css" type="text/css" rel="stylesheet">
|
||||
|
||||
|
|
@ -422,8 +423,8 @@
|
|||
</div>
|
||||
|
||||
<div class="input-group col-sm-12">
|
||||
<span class="input-group-addon relvol_basevol_label" style="font-size: 30px; font-weight: 200; border: 0; background-color: #fff;">It'll cost you</span>
|
||||
<span class="input-group-addon relvol_basevol_amount" style="font-size: 40px; font-weight: 100; border: 0; background-color: #fff;"><span class="relvol_basevol">0</span> <span class="relvol_basevol_coin" style="font-size: 25px; background-color: #fff; font-weight: 100;"></span></span>
|
||||
<span class="input-group-addon relvol_basevol_label">It'll cost you</span>
|
||||
<span class="input-group-addon relvol_basevol_amount"><span class="relvol_basevol">0</span> <span class="relvol_basevol_coin"></span></span>
|
||||
</div>
|
||||
|
||||
<div class="form-group coingoal_label_div" style="margin-top: 15px; margin-bottom: 0px; display: none;">
|
||||
|
|
@ -501,12 +502,12 @@
|
|||
</svg>
|
||||
<div class="balance-block">
|
||||
<div class="input-group col-sm-12 your_coins_balance_info">
|
||||
<span class="input-group-addon trading_sellcoin_ticker_name" style="font-size: 20px; text-align: left; background-color: #fff; border-radius: 0px;"></span>
|
||||
<span class="input-group-addon trading_sellcoin_balance" style="font-size: 220%; font-weight: 100; text-align: right; background-color: #fff; border-radius: 0px;"></span>
|
||||
<span class="input-group-addon trading_sellcoin_ticker_name"></span>
|
||||
<span class="input-group-addon trading_sellcoin_balance"></span>
|
||||
</div>
|
||||
<div class="input-group col-sm-12 your_coins_balance_info">
|
||||
<span class="input-group-addon trading_coin_ticker_name" style="font-size: 20px; text-align: left; background-color: #fff; border-radius: 0px;"></span>
|
||||
<span class="input-group-addon trading_coin_balance" style="font-size: 220%; font-weight: 100; text-align: right; background-color: #fff; border-radius: 0px;"></span>
|
||||
<span class="input-group-addon trading_coin_ticker_name"></span>
|
||||
<span class="input-group-addon trading_coin_balance"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -706,7 +707,8 @@
|
|||
<script src="js/amcharts/plugins/animate/animate.min.js" type="text/javascript"></script>
|
||||
<script src="js/amcharts/plugins/export/export.min.js" type="text/javascript"></script>
|
||||
<script src="js/amcharts/plugins/responsive/responsive.min.js" type="text/javascript"></script>
|
||||
<script src="js/amcharts/themes/light.js" type="text/javascript"></script>
|
||||
<script src="js/amcharts/themes/light.js" type="text/javascript" id="amcharts_light_theme"></script>
|
||||
<script src="js/amcharts/themes/black.js" type="text/javascript" id="amcharts_dark_theme"></script>
|
||||
<!-- StockCharts -->
|
||||
<script src="js/charts/ChartContextMenu_html.js"></script>
|
||||
<script src="js/charts/Navigation_html.js"></script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,196 @@
|
|||
AmCharts.themes.black = {
|
||||
|
||||
themeName: "black",
|
||||
|
||||
AmChart: {
|
||||
color: "#e7e7e7",
|
||||
backgroundColor: "#222222"
|
||||
},
|
||||
|
||||
AmCoordinateChart: {
|
||||
colors: ["#de4c4f", "#d8854f", "#eea638", "#a7a737", "#86a965", "#8aabb0", "#69c8ff", "#cfd27e", "#9d9888", "#916b8a", "#724887", "#7256bc"]
|
||||
},
|
||||
|
||||
AmStockChart: {
|
||||
colors: ["#de4c4f", "#d8854f", "#eea638", "#a7a737", "#86a965", "#8aabb0", "#69c8ff", "#cfd27e", "#9d9888", "#916b8a", "#724887", "#7256bc"]
|
||||
},
|
||||
|
||||
AmSlicedChart: {
|
||||
outlineAlpha: 1,
|
||||
outlineThickness: 2,
|
||||
labelTickColor: "#FFFFFF",
|
||||
labelTickAlpha: 0.3,
|
||||
colors: ["#de4c4f", "#d8854f", "#eea638", "#a7a737", "#86a965", "#8aabb0", "#69c8ff", "#cfd27e", "#9d9888", "#916b8a", "#724887", "#7256bc"]
|
||||
},
|
||||
|
||||
AmRectangularChart: {
|
||||
zoomOutButtonColor: "#FFFFFF",
|
||||
zoomOutButtonRollOverAlpha: 0.15,
|
||||
zoomOutButtonImage: "lensWhite"
|
||||
},
|
||||
|
||||
AxisBase: {
|
||||
axisColor: "#FFFFFF",
|
||||
axisAlpha: 0.3,
|
||||
gridAlpha: 0.1,
|
||||
gridColor: "#FFFFFF",
|
||||
dashLength: 3
|
||||
},
|
||||
|
||||
ChartScrollbar: {
|
||||
backgroundColor: "#000000",
|
||||
backgroundAlpha: 0.2,
|
||||
graphFillAlpha: 0.2,
|
||||
graphLineAlpha: 0,
|
||||
graphFillColor: "#FFFFFF",
|
||||
selectedGraphFillColor: "#FFFFFF",
|
||||
selectedGraphFillAlpha: 0.4,
|
||||
selectedGraphLineColor: "#FFFFFF",
|
||||
selectedBackgroundColor: "#FFFFFF",
|
||||
selectedBackgroundAlpha: 0.09,
|
||||
gridAlpha: 0.15
|
||||
},
|
||||
|
||||
ChartCursor: {
|
||||
cursorColor: "#FFFFFF",
|
||||
color: "#000000",
|
||||
cursorAlpha: 0.5
|
||||
},
|
||||
|
||||
AmLegend: {
|
||||
color: "#e7e7e7"
|
||||
},
|
||||
|
||||
AmGraph: {
|
||||
lineAlpha: 0.9
|
||||
},
|
||||
|
||||
|
||||
GaugeArrow: {
|
||||
color: "#FFFFFF",
|
||||
alpha: 0.8,
|
||||
nailAlpha: 0,
|
||||
innerRadius: "40%",
|
||||
nailRadius: 15,
|
||||
startWidth: 15,
|
||||
borderAlpha: 0.8,
|
||||
nailBorderAlpha: 0
|
||||
},
|
||||
|
||||
GaugeAxis: {
|
||||
tickColor: "#FFFFFF",
|
||||
tickAlpha: 1,
|
||||
tickLength: 15,
|
||||
minorTickLength: 8,
|
||||
axisThickness: 3,
|
||||
axisColor: "#FFFFFF",
|
||||
axisAlpha: 1,
|
||||
bandAlpha: 0.8
|
||||
},
|
||||
|
||||
TrendLine: {
|
||||
lineColor: "#c03246",
|
||||
lineAlpha: 0.8
|
||||
},
|
||||
|
||||
// ammap
|
||||
AreasSettings: {
|
||||
alpha: 0.8,
|
||||
color: "#666666",
|
||||
colorSolid: "#000000",
|
||||
unlistedAreasAlpha: 0.4,
|
||||
unlistedAreasColor: "#555555",
|
||||
outlineColor: "#000000",
|
||||
outlineAlpha: 0.5,
|
||||
outlineThickness: 0.5,
|
||||
rollOverBrightness: 30,
|
||||
slectedBrightness: 50,
|
||||
rollOverOutlineColor: "#000000",
|
||||
selectedOutlineColor: "#000000",
|
||||
unlistedAreasOutlineColor: "#000000",
|
||||
unlistedAreasOutlineAlpha: 0.5
|
||||
},
|
||||
|
||||
LinesSettings: {
|
||||
color: "#555555",
|
||||
alpha: 0.8
|
||||
},
|
||||
|
||||
ImagesSettings: {
|
||||
alpha: 0.8,
|
||||
labelColor: "#FFFFFF",
|
||||
color: "#FFFFFF",
|
||||
labelRollOverColor: "#3c5bdc"
|
||||
},
|
||||
|
||||
ZoomControl: {
|
||||
buttonFillAlpha: 0.4
|
||||
},
|
||||
|
||||
SmallMap: {
|
||||
mapColor: "#444444",
|
||||
rectangleColor: "#666666",
|
||||
backgroundColor: "#000000",
|
||||
backgroundAlpha: 0.5,
|
||||
borderColor:"#555555",
|
||||
borderThickness: 1,
|
||||
borderAlpha: 0.8
|
||||
},
|
||||
|
||||
// the defaults below are set using CSS syntax, you can use any existing css property
|
||||
// if you don't use Stock chart, you can delete lines below
|
||||
PeriodSelector: {
|
||||
color: "#e7e7e7"
|
||||
},
|
||||
|
||||
PeriodButton: {
|
||||
color: "#e7e7e7",
|
||||
background: "transparent",
|
||||
opacity: 0.7,
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodButtonSelected: {
|
||||
color: "#e7e7e7",
|
||||
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
||||
border: "1px solid rgba(255, 255, 255, .3)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
opacity: 1,
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodInputField: {
|
||||
color: "#e7e7e7",
|
||||
background: "transparent",
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
outline: "none"
|
||||
},
|
||||
|
||||
DataSetSelector: {
|
||||
color: "#e7e7e7",
|
||||
selectedBackgroundColor: "rgba(255, 255, 255, .25)",
|
||||
rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
|
||||
},
|
||||
|
||||
DataSetCompareList: {
|
||||
color: "#e7e7e7",
|
||||
lineHeight: "100%",
|
||||
boxSizing: "initial",
|
||||
webkitBoxSizing: "initial",
|
||||
border: "1px solid rgba(255, 255, 255, .15)"
|
||||
},
|
||||
|
||||
DataSetSelect: {
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
outline: "none"
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -0,0 +1,213 @@
|
|||
AmCharts.themes.chalk = {
|
||||
|
||||
themeName: "chalk",
|
||||
|
||||
AmChart: {
|
||||
color: "#e7e7e7",
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize: 18,
|
||||
handDrawn: true,
|
||||
backgroundColor: "#282828"
|
||||
},
|
||||
|
||||
AmCoordinateChart: {
|
||||
colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
|
||||
},
|
||||
|
||||
AmSlicedChart: {
|
||||
outlineAlpha: 1,
|
||||
labelTickColor: "#FFFFFF",
|
||||
labelTickAlpha: 0.3,
|
||||
colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
|
||||
},
|
||||
|
||||
AmStockChart: {
|
||||
colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
|
||||
},
|
||||
|
||||
AmRectangularChart: {
|
||||
zoomOutButtonColor: '#FFFFFF',
|
||||
zoomOutButtonRollOverAlpha: 0.15,
|
||||
zoomOutButtonImage: "lensWhite"
|
||||
},
|
||||
|
||||
AxisBase: {
|
||||
axisColor: "#FFFFFF",
|
||||
gridColor: "#FFFFFF"
|
||||
},
|
||||
|
||||
ChartScrollbar: {
|
||||
backgroundColor: "#FFFFFF",
|
||||
backgroundAlpha: 0.2,
|
||||
graphFillAlpha: 0.5,
|
||||
graphLineAlpha: 0,
|
||||
selectedBackgroundColor: "#000000",
|
||||
selectedBackgroundAlpha: 0.25,
|
||||
fontSize: 15,
|
||||
gridAlpha: 0.15
|
||||
},
|
||||
|
||||
ChartCursor: {
|
||||
cursorColor: "#FFFFFF",
|
||||
color: "#000000"
|
||||
},
|
||||
|
||||
AmLegend: {
|
||||
color: "#e7e7e7",
|
||||
markerSize: 20
|
||||
},
|
||||
|
||||
AmGraph: {
|
||||
lineAlpha: 0.8
|
||||
},
|
||||
|
||||
|
||||
GaugeArrow: {
|
||||
color: "#FFFFFF",
|
||||
alpha: 0.1,
|
||||
nailAlpha: 0,
|
||||
innerRadius: "40%",
|
||||
nailRadius: 15,
|
||||
startWidth: 15,
|
||||
borderAlpha: 0.8,
|
||||
nailBorderAlpha: 0
|
||||
},
|
||||
|
||||
GaugeAxis: {
|
||||
tickColor: "#FFFFFF",
|
||||
tickAlpha: 0.8,
|
||||
tickLength: 15,
|
||||
minorTickLength: 8,
|
||||
axisThickness: 3,
|
||||
axisColor: '#FFFFFF',
|
||||
axisAlpha: 0.8,
|
||||
bandAlpha: 0.4
|
||||
},
|
||||
|
||||
TrendLine: {
|
||||
lineColor: "#c03246",
|
||||
lineAlpha: 0.8
|
||||
},
|
||||
|
||||
// ammap
|
||||
AmMap: {
|
||||
handDrawn: false
|
||||
},
|
||||
|
||||
AreasSettings: {
|
||||
alpha: 0.8,
|
||||
color: "#FFFFFF",
|
||||
colorSolid: "#000000",
|
||||
unlistedAreasAlpha: 0.4,
|
||||
unlistedAreasColor: "#FFFFFF",
|
||||
outlineColor: "#000000",
|
||||
outlineAlpha: 0.5,
|
||||
outlineThickness: 0.5,
|
||||
rollOverColor: "#4d90d6",
|
||||
rollOverOutlineColor: "#000000",
|
||||
selectedOutlineColor: "#000000",
|
||||
selectedColor: "#e384a6",
|
||||
unlistedAreasOutlineColor: "#000000",
|
||||
unlistedAreasOutlineAlpha: 0.5
|
||||
},
|
||||
|
||||
LinesSettings: {
|
||||
color: "#FFFFFF",
|
||||
alpha: 0.8
|
||||
},
|
||||
|
||||
ImagesSettings: {
|
||||
alpha: 0.8,
|
||||
labelFontSize: 16,
|
||||
labelColor: "#FFFFFF",
|
||||
color: "#FFFFFF",
|
||||
labelRollOverColor: "#4d90d6"
|
||||
},
|
||||
|
||||
ZoomControl: {
|
||||
buttonRollOverColor: "#4d90d6",
|
||||
buttonFillColor: "#e384a6",
|
||||
buttonFillAlpha: 0.8
|
||||
},
|
||||
|
||||
SmallMap: {
|
||||
mapColor: "#FFFFFF",
|
||||
rectangleColor: "#FFFFFF",
|
||||
backgroundColor: "#000000",
|
||||
backgroundAlpha: 0.7,
|
||||
borderThickness: 1,
|
||||
borderAlpha: 0.8
|
||||
},
|
||||
|
||||
|
||||
// the defaults below are set using CSS syntax, you can use any existing css property
|
||||
// if you don't use Stock chart, you can delete lines below
|
||||
PeriodSelector: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
color: "#e7e7e7"
|
||||
},
|
||||
|
||||
PeriodButton: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
color: "#e7e7e7",
|
||||
background: "transparent",
|
||||
opacity: 0.7,
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodButtonSelected: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
color: "#e7e7e7",
|
||||
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
||||
border: "1px solid rgba(255, 255, 255, .3)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
opacity: 1,
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodInputField: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
color: "#e7e7e7",
|
||||
background: "transparent",
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
outline: "none"
|
||||
},
|
||||
|
||||
DataSetSelector: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
color: "#e7e7e7",
|
||||
selectedBackgroundColor: "rgba(255, 255, 255, .25)",
|
||||
rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
|
||||
},
|
||||
|
||||
DataSetCompareList: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
color: "#e7e7e7",
|
||||
lineHeight: "100%",
|
||||
boxSizing: "initial",
|
||||
webkitBoxSizing: "initial",
|
||||
border: "1px solid rgba(255, 255, 255, .15)"
|
||||
},
|
||||
|
||||
DataSetSelect: {
|
||||
fontFamily: "Covered By Your Grace",
|
||||
fontSize:"16px",
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
outline: "none"
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -0,0 +1,195 @@
|
|||
AmCharts.themes.dark = {
|
||||
|
||||
themeName: "dark",
|
||||
|
||||
AmChart: {
|
||||
color: "#e7e7e7", backgroundColor: "#282828"
|
||||
},
|
||||
|
||||
AmCoordinateChart: {
|
||||
colors: ["#ae85c9", "#aab9f7", "#b6d2ff", "#c9e6f2", "#c9f0e1", "#e8d685", "#e0ad63", "#d48652", "#d27362", "#495fba", "#7a629b", "#8881cc"]
|
||||
},
|
||||
|
||||
AmStockChart: {
|
||||
colors: ["#639dbd", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"]
|
||||
},
|
||||
|
||||
AmSlicedChart: {
|
||||
outlineAlpha: 1,
|
||||
outlineThickness: 2,
|
||||
labelTickColor: "#FFFFFF",
|
||||
labelTickAlpha: 0.3,
|
||||
colors: ["#495fba", "#e8d685", "#ae85c9", "#c9f0e1", "#d48652", "#629b6d", "#719dc3", "#719dc3"]
|
||||
},
|
||||
|
||||
AmRectangularChart: {
|
||||
zoomOutButtonColor: '#FFFFFF',
|
||||
zoomOutButtonRollOverAlpha: 0.15,
|
||||
zoomOutButtonImage: "lensWhite"
|
||||
},
|
||||
|
||||
AxisBase: {
|
||||
axisColor: "#FFFFFF",
|
||||
axisAlpha: 0.3,
|
||||
gridAlpha: 0.1,
|
||||
gridColor: "#FFFFFF",
|
||||
dashLength: 3
|
||||
},
|
||||
|
||||
ChartScrollbar: {
|
||||
backgroundColor: "#000000",
|
||||
backgroundAlpha: 0.2,
|
||||
graphFillAlpha: 0.2,
|
||||
graphLineAlpha: 0,
|
||||
graphFillColor: "#FFFFFF",
|
||||
selectedGraphFillColor: "#FFFFFF",
|
||||
selectedGraphFillAlpha: 0.4,
|
||||
selectedGraphLineColor: "#FFFFFF",
|
||||
selectedBackgroundColor: "#FFFFFF",
|
||||
selectedBackgroundAlpha: 0.09,
|
||||
gridAlpha: 0.15
|
||||
},
|
||||
|
||||
ChartCursor: {
|
||||
cursorColor: "#FFFFFF",
|
||||
color: "#000000",
|
||||
cursorAlpha: 0.5
|
||||
},
|
||||
|
||||
AmLegend: {
|
||||
color: "#e7e7e7"
|
||||
},
|
||||
|
||||
AmGraph: {
|
||||
lineAlpha: 0.9
|
||||
},
|
||||
|
||||
|
||||
GaugeArrow: {
|
||||
color: "#FFFFFF",
|
||||
alpha: 0.8,
|
||||
nailAlpha: 0,
|
||||
innerRadius: "40%",
|
||||
nailRadius: 15,
|
||||
startWidth: 15,
|
||||
borderAlpha: 0.8,
|
||||
nailBorderAlpha: 0
|
||||
},
|
||||
|
||||
GaugeAxis: {
|
||||
tickColor: "#FFFFFF",
|
||||
tickAlpha: 1,
|
||||
tickLength: 15,
|
||||
minorTickLength: 8,
|
||||
axisThickness: 3,
|
||||
axisColor: '#FFFFFF',
|
||||
axisAlpha: 1,
|
||||
bandAlpha: 0.8
|
||||
},
|
||||
|
||||
TrendLine: {
|
||||
lineColor: "#c03246",
|
||||
lineAlpha: 0.8
|
||||
},
|
||||
|
||||
// ammap
|
||||
AreasSettings: {
|
||||
alpha: 0.8,
|
||||
color: "#FFFFFF",
|
||||
colorSolid: "#000000",
|
||||
unlistedAreasAlpha: 0.4,
|
||||
unlistedAreasColor: "#FFFFFF",
|
||||
outlineColor: "#000000",
|
||||
outlineAlpha: 0.5,
|
||||
outlineThickness: 0.5,
|
||||
rollOverColor: "#3c5bdc",
|
||||
rollOverOutlineColor: "#000000",
|
||||
selectedOutlineColor: "#000000",
|
||||
selectedColor: "#f15135",
|
||||
unlistedAreasOutlineColor: "#000000",
|
||||
unlistedAreasOutlineAlpha: 0.5
|
||||
},
|
||||
|
||||
LinesSettings: {
|
||||
color: "#FFFFFF",
|
||||
alpha: 0.8
|
||||
},
|
||||
|
||||
ImagesSettings: {
|
||||
alpha: 0.8,
|
||||
labelColor: "#FFFFFF",
|
||||
color: "#FFFFFF",
|
||||
labelRollOverColor: "#3c5bdc"
|
||||
},
|
||||
|
||||
ZoomControl: {
|
||||
buttonFillAlpha:0.7,
|
||||
buttonIconColor:"#494949"
|
||||
},
|
||||
|
||||
SmallMap: {
|
||||
mapColor: "#FFFFFF",
|
||||
rectangleColor: "#FFFFFF",
|
||||
backgroundColor: "#000000",
|
||||
backgroundAlpha: 0.7,
|
||||
borderThickness: 1,
|
||||
borderAlpha: 0.8
|
||||
},
|
||||
|
||||
// the defaults below are set using CSS syntax, you can use any existing css property
|
||||
// if you don't use Stock chart, you can delete lines below
|
||||
PeriodSelector: {
|
||||
color: "#e7e7e7"
|
||||
},
|
||||
|
||||
PeriodButton: {
|
||||
color: "#e7e7e7",
|
||||
background: "transparent",
|
||||
opacity: 0.7,
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodButtonSelected: {
|
||||
color: "#e7e7e7",
|
||||
backgroundColor: "rgba(255, 255, 255, 0.1)",
|
||||
border: "1px solid rgba(255, 255, 255, .3)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
opacity: 1,
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodInputField: {
|
||||
color: "#e7e7e7",
|
||||
background: "transparent",
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
outline: "none"
|
||||
},
|
||||
|
||||
DataSetSelector: {
|
||||
color: "#e7e7e7",
|
||||
selectedBackgroundColor: "rgba(255, 255, 255, .25)",
|
||||
rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
|
||||
},
|
||||
|
||||
DataSetCompareList: {
|
||||
color: "#e7e7e7",
|
||||
lineHeight: "100%",
|
||||
boxSizing: "initial",
|
||||
webkitBoxSizing: "initial",
|
||||
border: "1px solid rgba(255, 255, 255, .15)"
|
||||
},
|
||||
|
||||
DataSetSelect: {
|
||||
border: "1px solid rgba(255, 255, 255, .15)",
|
||||
outline: "none"
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -0,0 +1,256 @@
|
|||
AmCharts.themes.patterns = {
|
||||
|
||||
themeName:"patterns",
|
||||
|
||||
AmChart: {
|
||||
color: "#000000", backgroundColor: "#FFFFFF"
|
||||
},
|
||||
|
||||
AmCoordinateChart: {
|
||||
colors:["#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000"],
|
||||
patterns:[
|
||||
{"url":"patterns/black/pattern1.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern2.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern3.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern4.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern5.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern6.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern7.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern8.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern9.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern10.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern11.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern12.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern13.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern14.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern15.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern16.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern17.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern18.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern19.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern20.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern21.png", "width":4, "height":4}]
|
||||
},
|
||||
|
||||
|
||||
AmStockChart: {
|
||||
colors:["#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000"]
|
||||
},
|
||||
|
||||
AmPieChart: {
|
||||
depth3D:0,
|
||||
angle:0,
|
||||
labelRadius:10
|
||||
},
|
||||
|
||||
AmSlicedChart: {
|
||||
outlineAlpha: 0.3,
|
||||
colors:["#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000","#000000"],
|
||||
outlineThickness: 1,
|
||||
outlineColor:"#000000",
|
||||
labelTickColor: "#000000",
|
||||
labelTickAlpha: 0.3,
|
||||
patterns:[
|
||||
{"url":"patterns/black/pattern1.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern2.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern3.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern4.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern5.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern6.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern7.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern8.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern9.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern10.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern11.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern12.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern13.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern14.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern15.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern16.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern17.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern18.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern19.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern20.png", "width":4, "height":4},
|
||||
{"url":"patterns/black/pattern21.png", "width":4, "height":4}]
|
||||
},
|
||||
|
||||
AmRectangularChart: {
|
||||
zoomOutButtonColor: '#000000',
|
||||
zoomOutButtonRollOverAlpha: 0.15,
|
||||
zoomOutButtonImage: "lens"
|
||||
},
|
||||
|
||||
|
||||
|
||||
AxisBase: {
|
||||
axisColor: "#000000",
|
||||
axisAlpha: 0.3,
|
||||
gridAlpha: 0.05,
|
||||
gridColor: "#000000"
|
||||
},
|
||||
|
||||
ChartScrollbar: {
|
||||
backgroundColor: "#000000",
|
||||
backgroundAlpha: 0.13,
|
||||
graphFillAlpha: 0.4,
|
||||
selectedGraphFillAlpha: 0.7,
|
||||
graphLineAlpha: 0,
|
||||
selectedBackgroundColor: "#FFFFFF",
|
||||
selectedBackgroundAlpha: 0.9,
|
||||
gridAlpha: 0.15
|
||||
},
|
||||
|
||||
ChartCursor: {
|
||||
cursorColor: "#000000",
|
||||
color: "#FFFFFF",
|
||||
cursorAlpha: 0.5
|
||||
},
|
||||
|
||||
AmLegend: {
|
||||
color: "#000000",
|
||||
markerBorderAlpha:0.1,
|
||||
markerSize:20,
|
||||
switchColor:"#000000"
|
||||
},
|
||||
|
||||
AmGraph: {
|
||||
lineAlpha: 0.4,
|
||||
fillAlphas:0.5
|
||||
},
|
||||
|
||||
AmAngularGauge:{
|
||||
faceAlpha:0.5,
|
||||
facePattern:{"url":"patterns/black/pattern1.png", "width":4, "height":4}
|
||||
},
|
||||
|
||||
|
||||
GaugeArrow: {
|
||||
color: "#000000",
|
||||
alpha: 1,
|
||||
nailAlpha: 1,
|
||||
innerRadius: "0%",
|
||||
nailRadius: 15,
|
||||
startWidth: 15,
|
||||
borderAlpha: 1,
|
||||
radius:"70%",
|
||||
nailBorderAlpha: 1
|
||||
},
|
||||
|
||||
GaugeAxis: {
|
||||
tickColor: "#000000",
|
||||
tickAlpha: 1,
|
||||
tickLength: 15,
|
||||
minorTickLength: 8,
|
||||
axisThickness: 1,
|
||||
axisColor: '#000000',
|
||||
axisAlpha: 1,
|
||||
bandAlpha: 1
|
||||
},
|
||||
|
||||
TrendLine: {
|
||||
lineColor: "#c03246",
|
||||
lineAlpha: 0.8
|
||||
},
|
||||
|
||||
// ammap
|
||||
AreasSettings: {
|
||||
alpha: 0.8,
|
||||
color: "#000000",
|
||||
colorSolid: "#000000",
|
||||
unlistedAreasAlpha: 0.4,
|
||||
unlistedAreasColor: "#000000",
|
||||
outlineColor: "#FFFFFF",
|
||||
outlineAlpha: 0.5,
|
||||
outlineThickness: 0.5,
|
||||
rollOverColor: "#3c5bdc",
|
||||
rollOverOutlineColor: "#FFFFFF",
|
||||
selectedOutlineColor: "#FFFFFF",
|
||||
selectedColor: "#f15135",
|
||||
unlistedAreasOutlineColor: "#FFFFFF",
|
||||
unlistedAreasOutlineAlpha: 0.5
|
||||
},
|
||||
|
||||
LinesSettings: {
|
||||
color: "#000000",
|
||||
alpha: 0.8
|
||||
},
|
||||
|
||||
ImagesSettings: {
|
||||
alpha: 0.8,
|
||||
labelColor: "#000000",
|
||||
color: "#000000",
|
||||
labelRollOverColor: "#3c5bdc"
|
||||
},
|
||||
|
||||
ZoomControl: {
|
||||
buttonRollOverColor: "#3c5bdc",
|
||||
buttonFillColor: "#f15135",
|
||||
buttonFillAlpha: 0.8
|
||||
},
|
||||
|
||||
SmallMap: {
|
||||
mapColor: "#000000",
|
||||
rectangleColor: "#FFFFFF",
|
||||
backgroundColor: "#FFFFFF",
|
||||
backgroundAlpha: 0.7,
|
||||
borderThickness: 1,
|
||||
borderAlpha: 0.8
|
||||
},
|
||||
|
||||
// the defaults below are set using CSS syntax, you can use any existing css property
|
||||
// if you don't use Stock chart, you can delete lines below
|
||||
PeriodSelector: {
|
||||
color: "#000000"
|
||||
},
|
||||
|
||||
PeriodButton: {
|
||||
color: "#000000",
|
||||
background: "transparent",
|
||||
opacity: 0.7,
|
||||
border: "1px solid rgba(0, 0, 0, .3)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodButtonSelected: {
|
||||
color: "#000000",
|
||||
backgroundColor: "rgba(0, 0, 0, 0.1)",
|
||||
border: "1px solid rgba(0, 0, 0, .3)",
|
||||
MozBorderRadius: "5px",
|
||||
borderRadius: "5px",
|
||||
margin: "1px",
|
||||
outline: "none",
|
||||
opacity: 1,
|
||||
boxSizing: "border-box"
|
||||
},
|
||||
|
||||
PeriodInputField: {
|
||||
color: "#000000",
|
||||
background: "transparent",
|
||||
border: "1px solid rgba(0, 0, 0, .3)",
|
||||
outline: "none"
|
||||
},
|
||||
|
||||
DataSetSelector: {
|
||||
color: "#000000",
|
||||
selectedBackgroundColor: "rgba(0, 0, 0, .25)",
|
||||
rollOverBackgroundColor: "rgba(0, 0, 0, .15)"
|
||||
},
|
||||
|
||||
DataSetCompareList: {
|
||||
color: "#000000",
|
||||
lineHeight: "100%",
|
||||
boxSizing: "initial",
|
||||
webkitBoxSizing: "initial",
|
||||
border: "1px solid rgba(0, 0, 0, .3)"
|
||||
},
|
||||
|
||||
DataSetSelect: {
|
||||
border: "1px solid rgba(0, 0, 0, .3)",
|
||||
outline: "none"
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -751,7 +751,7 @@ if(i.mouseEventsEnabled&&(!n&&!o&&r&&0<r.length&&(o=r[r.length-1],n=o.pageX,o=o.
|
|||
else if(t.msToBlob)navigator.msSaveBlob(t.msToBlob(),"Chart.png")
|
||||
else{t=t.toDataURL().replace(/^data:image\/[^;]/,"data:application/octet-stream")
|
||||
var i=document.createElement("a")
|
||||
i.download="Chart.png",i.href=t,document.body.appendChild(i),i.click(),document.body.removeChild(i)}}})},n.prototype._loadOptionsState=function(t){t=t||{},this._options={theme:t.theme||e.Theme.Light,locale:t.locale||"en-US",enableKeyboardEvents:void 0===t.enableKeyboardEvents||!!t.enableKeyboardEvents,enableMouseEvents:void 0===t.enableMouseEvents||!!t.enableMouseEvents,showBarInfoInTitle:void 0===t.showBarInfoInTitle||!!t.showBarInfoInTitle,priceStyle:e.CandlePriceStyle.className}},n.prototype._layoutHtmlElements=function(e,t){this._container.addClass("scxRootContainer"),this._rootDiv=this._container.scxAppend("div","scxContainer").addClass("scxUnSelective").width(e).height(t),this._rootDiv.scxAppend("div","scxBackground").width(e).height(t)},n.prototype._applyTheme=function(){var e=this.theme,t=e.chart
|
||||
i.download="Chart.png",i.href=t,document.body.appendChild(i),i.click(),document.body.removeChild(i)}}})},n.prototype._loadOptionsState=function(t){t=t||{},this._options={theme:t.theme||e.Theme.Dark,locale:t.locale||"en-US",enableKeyboardEvents:void 0===t.enableKeyboardEvents||!!t.enableKeyboardEvents,enableMouseEvents:void 0===t.enableMouseEvents||!!t.enableMouseEvents,showBarInfoInTitle:void 0===t.showBarInfoInTitle||!!t.showBarInfoInTitle,priceStyle:e.CandlePriceStyle.className}},n.prototype._layoutHtmlElements=function(e,t){this._container.addClass("scxRootContainer"),this._rootDiv=this._container.scxAppend("div","scxContainer").addClass("scxUnSelective").width(e).height(t),this._rootDiv.scxAppend("div","scxBackground").width(e).height(t)},n.prototype._applyTheme=function(){var e=this.theme,t=e.chart
|
||||
this._applyChartBackground(t.background),t=t.border,this._container.find(".scxContainer").css("border",t.width+"px "+t.lineStyle+" "+t.strokeColor),this._valueMarker.theme=e.valueScale.valueMarker,this._dateMarker.theme=e.dateScale.dateMarker},n.prototype._applyChartBackground=function(t){var i=this._container.find(".scxBackground")
|
||||
if(Array.isArray(t)){if(0===t.length)throw Error("Invalid theme: 'background' must be a color or array of colors.")
|
||||
1===t.length?e.HtmlUtil.setBackgroundColor(i,t[0]):e.HtmlUtil.setGradientBackground(i,t)}else e.HtmlUtil.setBackgroundColor(i,t)},n.prototype._subscribeEvents=function(){this._rootDiv.on("mouseenter mouseleave mousedown mousemove mouseup click dblclick mousewheel DOMMouseScroll contextmenu touchstart touchmove touchend ".split(" ").join(".scx, "),this,this._handleMouseEvents),t(window).on("resize.scx",this,this._handleWindowResize).on("keydown.scx",this,this._handleKeyDown)},n.prototype._updateHoverRecord=function(t){(t=this._dateScale.projection.recordByX(t))!=this._hoverRecord&&(this._hoverRecord=t,this.fireValueChanged(e.ChartEvent.HOVER_RECORD_CHANGED,t))},n.prototype._handleFullWindowResize=function(){this._container.outerWidth(window.innerWidth-3).outerHeight(window.innerHeight-3),this.size={width:this._container.innerWidth()-1,height:this._container.innerHeight()-this._rootDiv.position().top-1},this.setNeedsUpdate()},n.prototype.barDataSeries=function(){return this._dataManager.barDataSeries()},n.prototype.getCommonDataSeries=function(){return this.barDataSeries()},n.prototype.addDataSeries=function(e,t){return this._dataManager.addDataSeries(e,t)},n.prototype.removeDataSeries=function(e){this._dataManager.removeDataSeries(e)},n.prototype.clearDataSeries=function(e){this._dataManager.clearDataSeries(e)
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
var Toolbar_html = `
|
||||
<div class="scxToolbar" style="background: #fff;">
|
||||
<div class="scxToolbar">
|
||||
<input type="text" class="symbolSearch form-control" title="Selected instrument" style="display: none;">
|
||||
|
||||
<div class="scxToolbarButton scxToolbarButtonWithDropdown scxTimeFramePicker" style="display: none;">
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ coin_select_options = `<optgroup label="Crytpo Coins">
|
|||
|
||||
<option data-content="<img src='img/cryptologo/pangea.png' width='30px'/> Pangea (PANGEA)" data-tokens="Pangea PANGEA">PANGEA</option>
|
||||
<option data-content="<img src='img/cryptologo/revs.png' width='30px'/> REVS (REVS)" data-tokens="REVS REVS">REVS</option>
|
||||
<option data-content="<img src='img/cryptologo/shark.png' width='30px'/> SHARK (SHARK)" data-tokens="SHARK SHARK">SHARK</option>
|
||||
<option data-content="<img src='img/cryptologo/mshark.png' width='30px'/> MSHARK (MSHARK)" data-tokens="MSHARK MSHARK">MSHARK</option>
|
||||
<option data-content="<img src='img/cryptologo/supernet.png' width='30px'/> SUPERNET (SUPERNET)" data-tokens="SUPERNET SUPERNET">SUPERNET</option>
|
||||
<option data-content="<img src='img/cryptologo/wlc.png' width='30px'/> Wireless (WLC)" data-tokens="Wireless WLC">WLC</option>>
|
||||
</optgroup>`;
|
||||
|
|
|
|||
|
|
@ -248,6 +248,16 @@ $('.dexsettings-btn').click(function(e){
|
|||
<input type="radio" name="experimental_features" id="experimental_features_enable" value="enable" autocomplete="off">YES</label>
|
||||
<label class="btn btn-info label_trading_pair_options_disable active">
|
||||
<input type="radio" name="experimental_features" id="trading_pair_options_disable" value="disable" autocomplete="off" checked>NO</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-sm-3" style="margin-top: 10px; padding: 0;">
|
||||
<span style="float: left; font-size: 18px;">Default Theme:</span>
|
||||
</div>
|
||||
<div class="input-group col-sm-2" style="margin: 10px 0;">
|
||||
<select class="selectpicker settings_theme_select" data-hide-disabled="true" data-width="30%">
|
||||
<option data-content="Dark Theme" data-tokens="Dark Theme">dark</option>
|
||||
<option data-content="Light Theme" data-tokens="Light Theme">light</option>
|
||||
</select>
|
||||
</div>`,
|
||||
closeButton: false,
|
||||
size: 'large',
|
||||
|
|
@ -272,6 +282,9 @@ $('.dexsettings-btn').click(function(e){
|
|||
className: 'btn-primary btn_dex_save_settings',
|
||||
callback: function(){
|
||||
var experimental_features = $('input[name=experimental_features]:checked').val();
|
||||
var selected_theme = $('.settings_theme_select').selectpicker('val');
|
||||
barterDEX_settings.theme = selected_theme;
|
||||
|
||||
console.log(experimental_features);
|
||||
if (experimental_features == 'enable') {
|
||||
barterDEX_settings.experimentalFeatures = true;
|
||||
|
|
@ -279,6 +292,7 @@ $('.dexsettings-btn').click(function(e){
|
|||
if (experimental_features == 'disable') {
|
||||
barterDEX_settings.experimentalFeatures = false;
|
||||
}
|
||||
|
||||
console.log(barterDEX_settings);
|
||||
ShepherdIPC({"command":"update_settings", "data":barterDEX_settings});
|
||||
BarterDEXSettingsFn();
|
||||
|
|
@ -288,6 +302,7 @@ $('.dexsettings-btn').click(function(e){
|
|||
}
|
||||
});
|
||||
dex_settings_bootbox.init(function(){
|
||||
$('.settings_theme_select').selectpicker('render');
|
||||
console.log('settings dialog opened.');
|
||||
//var barterDEX_settings = ShepherdIPC({"command":"read_settings"});
|
||||
console.log(barterDEX_settings);
|
||||
|
|
@ -302,6 +317,12 @@ $('.dexsettings-btn').click(function(e){
|
|||
$('#experimental_features_enable').attr('checked','checked');
|
||||
$('#trading_pair_options_disable').removeAttr('checked');
|
||||
}
|
||||
if (barterDEX_settings.theme == 'dark') {
|
||||
$('.settings_theme_select').selectpicker('val', 'dark');
|
||||
}
|
||||
if (barterDEX_settings.theme == 'light') {
|
||||
$('.settings_theme_select').selectpicker('val', 'light');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
|
@ -458,6 +479,13 @@ function BarterDEXSettingsFn() {
|
|||
$('#portfolio_chart_current').removeClass('col-sm-offset-3');
|
||||
$('#portfolio_chart_target').show();
|
||||
}
|
||||
|
||||
if (barterDEX_settings.theme == 'dark') {
|
||||
$('#dark_css_style').prop('disabled', false);
|
||||
}
|
||||
if (barterDEX_settings.theme == 'light') {
|
||||
$('#dark_css_style').prop('disabled', true);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1943,7 +1943,8 @@ function PortfolioChartUpdate(chart_data) {
|
|||
console.log(chart_data)
|
||||
var chart = AmCharts.makeChart( "portfolio_chart_current", {
|
||||
"type": "pie",
|
||||
"theme": "light",
|
||||
"theme": "black",
|
||||
"addClassNames": true,
|
||||
"dataProvider": chart_data,
|
||||
"valueField": "perc",
|
||||
"titleField": "coin",
|
||||
|
|
@ -1955,11 +1956,6 @@ function PortfolioChartUpdate(chart_data) {
|
|||
"marginLeft": 0,
|
||||
"marginRight": 0,
|
||||
"pullOutRadius": 0,
|
||||
/*"titles": [
|
||||
{
|
||||
"text": "Current Portfolio Goal"
|
||||
}
|
||||
],*/
|
||||
"allLabels": [
|
||||
{
|
||||
"y": "46%",
|
||||
|
|
@ -1967,14 +1963,14 @@ function PortfolioChartUpdate(chart_data) {
|
|||
"size": 25,
|
||||
"bold": true,
|
||||
"text": "Now",
|
||||
"color": "#555"
|
||||
"color": "#e2e2e2"
|
||||
},
|
||||
{
|
||||
"y": "40%",
|
||||
"align": "center",
|
||||
"size": 15,
|
||||
"text": "Goal",
|
||||
"color": "#555"
|
||||
"color": "#e2e2e2"
|
||||
}
|
||||
],
|
||||
"export": {
|
||||
|
|
@ -1984,7 +1980,8 @@ function PortfolioChartUpdate(chart_data) {
|
|||
|
||||
var chart2 = AmCharts.makeChart( "portfolio_chart_target", {
|
||||
"type": "pie",
|
||||
"theme": "light",
|
||||
"theme": "black",
|
||||
"addClassNames": true,
|
||||
"dataProvider": chart_data,
|
||||
"valueField": "goalperc",
|
||||
"titleField": "coin",
|
||||
|
|
@ -1996,11 +1993,6 @@ function PortfolioChartUpdate(chart_data) {
|
|||
"marginLeft": 0,
|
||||
"marginRight": 0,
|
||||
"pullOutRadius": 0,
|
||||
/*"titles": [
|
||||
{
|
||||
"text": "Target Portfolio Goal"
|
||||
}
|
||||
],*/
|
||||
"allLabels": [
|
||||
{
|
||||
"y": "46%",
|
||||
|
|
@ -2008,14 +2000,14 @@ function PortfolioChartUpdate(chart_data) {
|
|||
"size": 25,
|
||||
"bold": true,
|
||||
"text": "Target",
|
||||
"color": "#555"
|
||||
"color": "#e2e2e2"
|
||||
},
|
||||
{
|
||||
"y": "40%",
|
||||
"align": "center",
|
||||
"size": 15,
|
||||
"text": "Goal",
|
||||
"color": "#555"
|
||||
"color": "#e2e2e2"
|
||||
}
|
||||
],
|
||||
"export": {
|
||||
|
|
@ -2982,7 +2974,7 @@ $('.your_coins_balance_info').on('click', '.coin_balance_receive', function() {
|
|||
//title: 'A custom dialog with init',
|
||||
onEscape: true,
|
||||
backdrop: true,
|
||||
message: '<div style="text-align: center; margin-top: -40px;"><img src="img/cryptologo/'+coin.toLowerCase()+'.png" style="border: 10px solid #fff;border-radius: 50px; background: #fff;"/></div><div style="text-align: center;"><div id="receive_addr_qrcode"></div><blockquote style="font-size: 15px; font-weight: 400; color: #c10a0a; background-color: #ffd5d5; #7d0b0b; border-left: 5px solid #f00;">If you are sending a transaction to your barterDEX smartaddress, then <b>please send 3 small transactions instead of 1 big transaction</b> for best experience.</blockquote><pre style="font-size: 18px;">'+data.coin.smartaddress+'</pre class="receive_addr_qrcode_addr"></div>'
|
||||
message: '<div style="text-align: center; margin-top: -40px;"><img src="img/cryptologo/'+coin.toLowerCase()+'.png" class="coin_balance_receive_coin_logo"/></div><div style="text-align: center;"><div id="receive_addr_qrcode"></div><blockquote style="font-size: 15px; font-weight: 400; color: #c10a0a; background-color: #ffd5d5; #7d0b0b; border-left: 5px solid #f00;">If you are sending a transaction to your barterDEX smartaddress, then <b>please send 3 small transactions instead of 1 big transaction</b> for best experience.</blockquote><pre style="font-size: 18px;">'+data.coin.smartaddress+'</pre class="receive_addr_qrcode_addr"></div>'
|
||||
});
|
||||
|
||||
var qrcode = new QRCode("receive_addr_qrcode");
|
||||
|
|
@ -3973,8 +3965,8 @@ function bot_status(bot_data) {
|
|||
<input type="number" class="form-control trading_pair_coin_newvolume" placeholder="Amount e.g. 12.5" style="height: 64px; font-size: 20px;">
|
||||
</div>
|
||||
<div class="input-group col-sm-12">
|
||||
<span class="input-group-addon" style="font-size: 30px; font-weight: 200; border: 0; background-color: #fff;">It'll cost you</span>
|
||||
<span class="input-group-addon" style="font-size: 40px; font-weight: 100; border: 0; background-color: #fff;"><span class="new_relvol_basevol">0</span> <span style="font-size: 25px; background-color: #fff; font-weight: 100;">` + data.rel.toUpperCase() + `</span></span>
|
||||
<span class="input-group-addon bot_settings_label1">It'll cost you</span>
|
||||
<span class="input-group-addon bot_settings_label2"><span class="new_relvol_basevol">0</span> <span class="bot_settings_label3">` + data.rel.toUpperCase() + `</span></span>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -4452,7 +4444,7 @@ function check_swap_status_details(swap_status_data) {
|
|||
<span class="input-group-addon" style="font-size: 20px; border: 0px; text-align: center;"><div class="swapdetail_alicespend"><span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span><br>All Done!</div></span>
|
||||
</div>
|
||||
<div class="input-group col-sm-12">
|
||||
<span class="input-group-addon swapdetail_info" style="font-size: 20px; border: 0px; background-color: #fff;"></span>
|
||||
<span class="input-group-addon swapdetail_info"></span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
|
|
@ -5041,7 +5033,7 @@ function constructTradesHistory() {
|
|||
<span class="input-group-addon" style="font-size: 20px; border: 0px; text-align: center;"><div class="swapdetail_alicespend"><span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span><br>All Done!</div></span>
|
||||
</div>
|
||||
<div class="input-group col-sm-12">
|
||||
<span class="input-group-addon swapdetail_info" style="font-size: 20px; border: 0px; background-color: #fff;"></span>
|
||||
<span class="input-group-addon swapdetail_info"></span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
|
|
|
|||
Loading…
Reference in New Issue