From 5f166ae28bc72d215e2a7eb8b23bb17a42af12f2 Mon Sep 17 00:00:00 2001 From: Carles Tubio Date: Sat, 19 Oct 2024 03:25:35 +0000 Subject: [PATCH] Updated theme switch without reloading css files. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ████ ███ To request new features or in case this commit breaks something for you, ████ ███ please, create a new github issue with all possible information for me, ▓███▀█▄ but never share your API Keys! ▒▓██ ███ ░▒▓█ ███ Signed-off-by: Carles Tubio _________________________________________ / Hello, WORLD! \ | | \ pssst.. 1.00000000 BTC = 63062.39 EUR. / ----------------------------------------- \ ^__^ \ (oo)\_______ (__)\ )\/\ ||----w | || || --- Makefile | 2 +- .../+portfolios/+portfolios.client/Client.ts | 2 +- .../+portfolios/+portfolios.client/Markets.ts | 7 +- .../+portfolios/+portfolios.client/Wallets.ts | 3 - src/bin/+portfolios/+portfolios.disk.S | 3 +- .../trading-bot.client/Settings.ts | 17 +- .../trading-bot/trading-bot.client/Takers.ts | 5 +- src/bin/trading-bot/trading-bot.disk.S | 7 +- .../www/css/bootstrap-dark.scss | 492 +++++++++--------- .../www/css/bootstrap-light.scss | 181 ------- .../www/css/bootstrap.scss | 196 ++++++- src/lib/Krypto.ninja-client/www/index.html | 2 +- src/lib/Krypto.ninja-client/www/js/Shared.ts | 58 +-- 13 files changed, 469 insertions(+), 506 deletions(-) delete mode 100644 src/lib/Krypto.ninja-client/www/css/bootstrap-light.scss diff --git a/Makefile b/Makefile index caf708352..f6059de8a 100644 --- a/Makefile +++ b/Makefile @@ -2,7 +2,7 @@ K ?= K.sh MAJOR = 0 MINOR = 7 PATCH = 0 -BUILD = 43 +BUILD = 44 OBLIGATORY = DISCLAIMER: This is strict non-violent software: \n$\ if you hurt other living creatures, please stop; \n$\ diff --git a/src/bin/+portfolios/+portfolios.client/Client.ts b/src/bin/+portfolios/+portfolios.client/Client.ts index 3547dc030..bf9ff768f 100644 --- a/src/bin/+portfolios/+portfolios.client/Client.ts +++ b/src/bin/+portfolios/+portfolios.client/Client.ts @@ -12,7 +12,7 @@ import {Socket, Models} from 'lib/K';
{ if (!this.api) return; if (!this._market || !this._markets) diff --git a/src/bin/+portfolios/+portfolios.client/Wallets.ts b/src/bin/+portfolios/+portfolios.client/Wallets.ts index 834d67323..e67595163 100644 --- a/src/bin/+portfolios/+portfolios.client/Wallets.ts +++ b/src/bin/+portfolios/+portfolios.client/Wallets.ts @@ -80,9 +80,6 @@ export class WalletsComponent { if (!node) return this.api.onRowHeightChanged(); var detail = document.getElementById('markets'); if (detail) { - var theme = document.getElementById("daynight") as HTMLLinkElement; - detail.classList.add('ag-theme-alpine' + (theme.href.indexOf('-dark')?'-dark':'')); - detail.classList.remove('ag-theme-alpine' + (theme.href.indexOf('-dark')?'':'-dark')); var row = document.querySelector("#portfolios ag-grid-angular div[row-id='" + node.data.currency + "'] div[aria-colindex='3']"); if (row) row.appendChild(detail); } diff --git a/src/bin/+portfolios/+portfolios.disk.S b/src/bin/+portfolios/+portfolios.disk.S index 2bd069e17..6e64a0b91 100644 --- a/src/bin/+portfolios/+portfolios.disk.S +++ b/src/bin/+portfolios/+portfolios.disk.S @@ -14,6 +14,5 @@ file( 03 , www/js/client.min.js , /js/client.min.js ) \ file( 04 , www/css/bootstrap.min.css , /css/bootstrap.min.css ) \ file( 05 , www/css/bootstrap-dark.min.css , /css/bootstrap-dark.min.css ) \ - file( 06 , www/css/bootstrap-light.min.css , /css/bootstrap-light.min.css ) \ - file( 07 , www/font/beacons.woff2 , /font/beacons.woff2 ) \ + file( 06 , www/font/beacons.woff2 , /font/beacons.woff2 ) \ file( 00 , www/.bomb.gzip , ) diff --git a/src/bin/trading-bot/trading-bot.client/Settings.ts b/src/bin/trading-bot/trading-bot.client/Settings.ts index 85391ebc1..3e0b0fec4 100644 --- a/src/bin/trading-bot/trading-bot.client/Settings.ts +++ b/src/bin/trading-bot/trading-bot.client/Settings.ts @@ -443,21 +443,20 @@ import {Socket, Models} from 'lib/K'; [(ngModel)]="params.audio"> - - Backup + + diff --git a/src/bin/trading-bot/trading-bot.client/Takers.ts b/src/bin/trading-bot/trading-bot.client/Takers.ts index f22c4bab2..1efcc15eb 100644 --- a/src/bin/trading-bot/trading-bot.client/Takers.ts +++ b/src/bin/trading-bot/trading-bot.client/Takers.ts @@ -7,7 +7,7 @@ import {Shared, Models} from 'lib/K'; @Component({ selector: 'takers', template: ` { diff --git a/src/bin/trading-bot/trading-bot.disk.S b/src/bin/trading-bot/trading-bot.disk.S index 729772af3..31ab10d59 100644 --- a/src/bin/trading-bot/trading-bot.disk.S +++ b/src/bin/trading-bot/trading-bot.disk.S @@ -14,8 +14,7 @@ file( 03 , www/js/client.min.js , /js/client.min.js ) \ file( 04 , www/css/bootstrap.min.css , /css/bootstrap.min.css ) \ file( 05 , www/css/bootstrap-dark.min.css , /css/bootstrap-dark.min.css ) \ - file( 06 , www/css/bootstrap-light.min.css , /css/bootstrap-light.min.css ) \ - file( 07 , www/font/beacons.woff2 , /font/beacons.woff2 ) \ - file( 08 , www/audio/0.mp3 , /audio/0.mp3 ) \ - file( 09 , www/audio/1.mp3 , /audio/1.mp3 ) \ + file( 06 , www/font/beacons.woff2 , /font/beacons.woff2 ) \ + file( 07 , www/audio/0.mp3 , /audio/0.mp3 ) \ + file( 08 , www/audio/1.mp3 , /audio/1.mp3 ) \ file( 00 , www/.bomb.gzip , ) diff --git a/src/lib/Krypto.ninja-client/www/css/bootstrap-dark.scss b/src/lib/Krypto.ninja-client/www/css/bootstrap-dark.scss index 02f2df93f..4a2cc9afe 100644 --- a/src/lib/Krypto.ninja-client/www/css/bootstrap-dark.scss +++ b/src/lib/Krypto.ninja-client/www/css/bootstrap-dark.scss @@ -1,291 +1,291 @@ -body { +body.theme-dark { color: #ffffff; background-color: #222222; -} -a { - color: #0ce3ac; - &:hover { - color: #0ce3ac; + .buy { + color: #0000ff; + } + + .sell { + color: #ff0000; } - &:focus { + + a { color: #0ce3ac; + &:hover { + color: #0ce3ac; + } + &:focus { + color: #0ce3ac; + } } -} -hr { - border: 1px solid #464545; -} + hr { + border: 1px solid #464545; + } -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { - color: #ffffff; -} + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { + color: #ffffff; + } -.text-muted { - color: #999999; -} + .text-muted { + color: #999999; + } -.form-control { - color: #ffff00; - background-color: #2b2b2b; -} -.btn { - &:active, &.active { - background-image: none; - } - &:focus { - outline:none !important; - } -} -.btn-default { - color: #e7e7e7; - &:hover, &:focus, &.focus, &:active, &.active { - color: #c8c800; - background-color:#2c2c2c; - border-color: #686b68; - } -} + .form-control { + color: #ffff00; + background-color: #2b2b2b; + } + .btn-default { + color: #00ff00; + background-color: #00ff001a; + border-color: #313131; + &:hover, &.hover { + color: #333; + background-color: #89ff89; + border-color: #00ff00; + } + &:active:hover, &.active.hover { + color: #333; + background-color: #00c500; + border-color: transparent; + } + } -.text-success { - color: #0d0; -} + .text-success { + color: #0d0; + } -.text-danger { - color: #ffff00; -} + .text-danger { + color: #ffff00; + } -.text-warning { - color: #f39c12; -} -.ag-header-cell { - background-color: #302e2e; -} + .text-warning { + color: #f39c12; + } + .ag-header-cell { + background-color: #302e2e; + } -.form-control, input, textarea { - border: 2px hidden transparent; -} + .form-control, input, textarea { + border: 2px hidden transparent; + } -.btn-default { - background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); - background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #515151), to(#000000)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - background-repeat: repeat-x; - border-color: #313131; -} + .marketQuoting .sell, .positions .sell, .ag-cell.sell { + color: #ff8e8c; + } -.marketQuoting .sell, .positions .sell, .ag-cell.sell { - color: #ff8e8c; -} + .marketQuoting .buy, .positions .buy, .ag-cell.buy { + color: #8de2ff; + } -.marketQuoting .buy, .positions .buy, .ag-cell.buy { - color: #8de2ff; -} + .marketQuoting .success { + &.sell { + background-color: #6e1515!important; + } + &.buy { + background-color: #022dff!important; + } + } -.marketQuoting .success { - &.sell { - background-color: #6e1515!important; + .ag-cell.kira { + color: #7bff7b; } - &.buy { - background-color: #022dff!important; + + .ephemeralnotepad { + background-color: #111; + padding: 5px; + line-height: 21px; + font-size: 21px; } -} -.ag-cell.kira { - color: #7bff7b; -} + textarea::placeholder { + font-size: 13px; + line-height: 13px; + } -.ephemeralnotepad { - background-color: #111; - padding: 5px; - line-height: 21px; - font-size: 21px; -} + .fairvalue, input.width-option { + color: #0d0 !important; + } -textarea::placeholder { - font-size: 13px; - line-height: 13px; -} + .exchange { + background: #232323; + border: 1px #313131 solid; + } -.fairvalue, input.width-option { - color: #0d0 !important; -} -.exchange { - background: #232323; - border: 1px #313131 solid; -} + h4 { + margin: 4px 0px !important; + } + /*.highcharts-axis-labels text,*/ -h4 { - margin: 4px 0px !important; -} + .highcharts-yaxis-labels text, .highcharts-label text, .highcharts-range-selector-buttons text, .highcharts-tooltip text { + color: yellow !important; + fill: yellow !important; + } -/*.highcharts-axis-labels text,*/ + .highcharts-button text, .highcharts-point text { + fill: black !important; + } -.highcharts-yaxis-labels text, .highcharts-label text, .highcharts-range-selector-buttons text, .highcharts-tooltip text { - color: yellow !important; - fill: yellow !important; -} + .highcharts-button { + fill-opacity: 0.5 !important; + } -.highcharts-button text, .highcharts-point text { - fill: black !important; -} + .highcharts-grid-line { + fill-opacity: 0.7 !important; + } -.highcharts-button { - fill-opacity: 0.5 !important; -} + .highcharts-xaxis-labels text { + color: yellow !important; + fill: yellow !important; + } -.highcharts-grid-line { - fill-opacity: 0.7 !important; -} + .table.marketQuoting > { + thead > tr > td, tbody > tr, tbody > tr > td, tfoot > tr > td { + background-color: #161617; + } + } -.highcharts-xaxis-labels text { - color: yellow !important; - fill: yellow !important; -} + div#hud.bg-danger { + border-color: #540000; + background-image:none!important; + background-color: #540000; + } -.table.marketQuoting > { - thead > tr > td, tbody > tr, tbody > tr > td, tfoot > tr > td { - background-color: #161617; + #openorders { + span.buy { + color: #8de2ff; + } + .ag-body-viewport .ag-row-selected, + .ag-body-viewport .ag-row-hover { + background: #000!important; + } } -} -div#hud.bg-danger { - border-color: #540000; - background-image:none!important; - background-color: #540000; -} + #portfolios .ag-theme-big { + .kira { + color: #0d0!important; + font-weight: 600; + } + .ag-cell-data-changed { + background-color:transparent !important; + } + .up-data.ag-cell-data-changed span.val { + background-color:#006a00 !important; + } + .down-data.ag-cell-data-changed span.val { + background-color:#570101 !important; + } + .ag-body-viewport .ag-row-selected, + .ag-body-viewport .ag-row-hover { + background: #000!important; + } + .ag-body-viewport .ag-row-selected .ag-cell .row_title { + color: #ff0!important; + } + } -#openorders { - span.buy { - color: #8de2ff; + td.params-title.params-1 { + width: 90px; + background: #232323; + text-align: center; + font-weight: 500; + border: 1px #313131 solid; } - .ag-body-viewport .ag-row-selected, - .ag-body-viewport .ag-row-hover { - background: #000!important; + td.params-title.params-2 { + width: 90px; + background: #fff; + text-align: center; + font-weight: 500; + border: 1px #ccc solid; } -} - -#portfolios .ag-theme-big { - .kira { - color: #0d0!important; - font-weight: 600; + td.params-title.params-3 { + width: 90px; + background: #fff; + text-align: center; + font-weight: 500; + border: 1px #ccc solid; } - .ag-cell-data-changed { - background-color:transparent !important; + table.parameters-inputs { + background: #fff; + padding: 10px; } - .up-data.ag-cell-data-changed span.val { - background-color:#006a00 !important; + .params-settings { + margin-bottom: 0px; + background: #000000; + padding: 5px; + border: 1px #313131 solid; + padding-bottom: 0; + td { + border-left: 5px #000 solid; + border-right: 5px #000 solid; + padding: 0 !important; + text-align: center; + vertical-align: middle !important; + } + th { + border-left: 5px #000 solid; + border-right: 5px #000 solid; + padding: 0 !important; + text-align: center; + vertical-align: middle !important; + } } - .down-data.ag-cell-data-changed span.val { - background-color:#570101 !important; + .form-control { + padding: 2px 5px; + box-shadow: none; + border-radius: 0; + border: 1px #2b2b2b solid; + &:focus { + box-shadow: none; + border: 1px #606060 solid; + } } - .ag-body-viewport .ag-row-selected, - .ag-body-viewport .ag-row-hover { - background: #000!important; + .tradeSafety, .tradeSafety2 { + background: #000000; } - .ag-body-viewport .ag-row-selected .ag-cell .row_title { - color: #ff0!important; + .tradeSafety { + span.param-label { + width: 125px; + text-align: right; + padding-right: 8px; + } + span.param-value { + padding-left: 8px; + } + .param-info { + display: flex; + padding: 2px 0; + } } -} - -td.params-title.params-1 { - width: 90px; - background: #232323; - text-align: center; - font-weight: 500; - border: 1px #313131 solid; -} -td.params-title.params-2 { - width: 90px; - background: #fff; - text-align: center; - font-weight: 500; - border: 1px #ccc solid; -} -td.params-title.params-3 { - width: 90px; - background: #fff; - text-align: center; - font-weight: 500; - border: 1px #ccc solid; -} -table.parameters-inputs { - background: #fff; - padding: 10px; -} -.params-settings { - margin-bottom: 0px; - background: #000000; - padding: 5px; - border: 1px #313131 solid; - padding-bottom: 0; - td { - border-left: 5px #000 solid; - border-right: 5px #000 solid; - padding: 0 !important; - text-align: center; - vertical-align: middle !important; - } - th { - border-left: 5px #000 solid; - border-right: 5px #000 solid; - padding: 0 !important; - text-align: center; - vertical-align: middle !important; - } -} -.form-control { - padding: 2px 5px; - box-shadow: none; - border-radius: 0; - border: 1px #2b2b2b solid; - &:focus { - box-shadow: none; - border: 1px #606060 solid; - } -} -.tradeSafety { - span.param-label { - width: 125px; - text-align: right; - padding-right: 8px; - } - span.param-value { - padding-left: 8px; - } - .param-info { - display: flex; - padding: 2px 0; - } -} -.tradeSafety2 { - span.param-label { - width: 125px; - text-align: right; - padding-right: 8px; - } - span.param-value { - padding-left: 8px; - } - .param-info { - display: flex; - padding: 2px 0; - } -} -.levels { - border: 1px #313131 solid; - td { - border: none; - } -} -table.marketQuoting { - tr.info { - border: 1px #313131 solid; - border-bottom: none; - height: 25px; - background: #232323; - } -} + .tradeSafety2 { + span.param-label { + width: 125px; + text-align: right; + padding-right: 8px; + } + span.param-value { + padding-left: 8px; + } + .param-info { + display: flex; + padding: 2px 0; + } + } + .levels { + border: 1px #313131 solid; + td { + border: none; + } + } + table.marketQuoting { + tr.info { + border: 1px #313131 solid; + border-bottom: none; + height: 25px; + background: #232323; + } + } +} \ No newline at end of file diff --git a/src/lib/Krypto.ninja-client/www/css/bootstrap-light.scss b/src/lib/Krypto.ninja-client/www/css/bootstrap-light.scss deleted file mode 100644 index 9535cd123..000000000 --- a/src/lib/Krypto.ninja-client/www/css/bootstrap-light.scss +++ /dev/null @@ -1,181 +0,0 @@ -.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge { - text-shadow: none; -} - -.btn { - &:active, &.active { - background-image: none; - } - &:focus { - outline:none !important; - } -} - -.btn-default { - background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); - background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0)); - background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - background-repeat: repeat-x; - border-color: #dbdbdb; - text-shadow: 0 1px 0 #fff; - border-color: #ccc; - &:hover, &:focus { - background-color: #e0e0e0; - background-position: 0 -15px; - } - &:active, &.active { - background-color: #e0e0e0; - border-color: #dbdbdb; - } - &.disabled, &:disabled, &[disabled] { - background-color: #e0e0e0; - background-image: none; - } -} - -.ag-cell .btn { - position: relative; - top: -1px; -} - -.tradeSafety, .tradeSafety2 { - background: white; -} - -.exchange { - background: white; - border: 1px #CCC solid; -} - -.table.marketQuoting > { - thead > tr > td, tbody > tr, tbody > tr > td, tfoot > tr > td { - background-color: #e8e8e8; - } -} - -.marketQuoting .success { - &.sell { - color: white; - background-color: #6e1515!important; - } - &.buy { - color: white; - background-color: #022dff!important; - } -} - - -td.params-title.params-1 { - width: 90px; - background: #ffffff; - text-align: center; - font-weight: bold; - border: 1px #cccccc solid; -} -td.params-title.params-2 { - width: 90px; - background: #ffffff; - text-align: center; - font-weight: bold; - border: 1px #cccccc solid; -} -td.params-title.params-3 { - width: 90px; - background: #ffffff; - text-align: center; - font-weight: bold; - border: 1px #cccccc solid; -} -table.parameters-inputs { - background: #fff; - padding: 10px; -} -.params-settings { - margin-bottom: 0px; - background: #EEE; - padding: 5px; - border: 1px #CCC solid; - padding-bottom: 0; - td { - border-left: 5px #EEE solid; - border-right: 5px #EEE solid; - padding: 0 !important; - text-align: center; - vertical-align: middle !important; - } - th { - border-left: 5px #EEE solid; - border-right: 5px #EEE solid; - padding: 0 !important; - text-align: center; - vertical-align: middle !important; - } -} -.form-control { - padding: 2px 5px; - box-shadow: none; - border-radius: 0; - &:focus { - box-shadow: none; - } -} -.tradeSafety { - span.param-label { - width: 125px; - text-align: right; - padding-right: 8px; - } - span.param-value { - padding-left: 8px; - } - .param-info { - display: flex; - padding: 2px 0; - } -} -.tradeSafety2 { - span.param-label { - width: 125px; - text-align: right; - padding-right: 8px; - } - span.param-value { - padding-left: 8px; - } - .param-info { - display: flex; - padding: 2px 0; - } -} -.levels { - border: 1px #CCC solid; - td { - border: none; - } -} -table.marketQuoting { - tr.info { - border: 1px #CCC solid; - border-bottom: none; - height: 25px; - background: #EEE; - } -} - -input#filter_pattern { - background-color: #00000024!important; -} diff --git a/src/lib/Krypto.ninja-client/www/css/bootstrap.scss b/src/lib/Krypto.ninja-client/www/css/bootstrap.scss index cd9fca563..6a22738d4 100644 --- a/src/lib/Krypto.ninja-client/www/css/bootstrap.scss +++ b/src/lib/Krypto.ninja-client/www/css/bootstrap.scss @@ -325,10 +325,12 @@ a { &:hover { color: #23527c; text-decoration: underline; + text-underline-offset: 0.25em !important; } &:focus { color: #23527c; text-decoration: underline; + text-underline-offset: 0.25em !important; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; @@ -671,6 +673,8 @@ address { margin-bottom: 12px; font-style: normal; line-height: 1.1; + z-index: 1; + position: sticky; } .container, .container-fluid { @@ -2095,6 +2099,14 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr } } +.buy { + color: #006aff; +} + +.sell { + color: #920000; +} + .btn { display: inline-block; margin-bottom: 0; @@ -2107,19 +2119,14 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr background-image: none; border: 1px solid transparent; white-space: nowrap; - padding: 3px 8px; - font-size: 13px; + padding: 5px 10px; + font-size: 16px; line-height: 1.1; - border-radius: 4px; + border-radius: 7px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - &:focus, &:active:focus, &.active:focus, &.focus, &:active.focus, &.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } &:hover, &:focus, &.focus { color: #333; text-decoration: none; @@ -2140,6 +2147,18 @@ textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-contr } } +.btn-default { + &:hover, &.hover { + background-color:#89ff89; + } + &:active:hover, &.active.hover { + background-color:#00c500; + border-color: transparent; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.525); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .525); + } +} + fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; @@ -2149,29 +2168,12 @@ fieldset[disabled] .btn { box-shadow: none; } -.btn-default { - color: #333; - background-color: #fff; - border-color: #ccc; - &:hover, &:focus, &.focus, &:active, &.active { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; - } -} - .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } -.btn-default { - &:active, &.active { - background-image: none; - } -} - .open > .dropdown-toggle.btn-default { background-image: none; } @@ -5380,3 +5382,147 @@ address { font-family: "beacons"; src: url("../font/beacons.woff2") format("woff2"); } + +.btn-default { + color: #008080; + background-color: #00ff001a; + border-color: #ccc; + &:hover, &:focus, &.focus, &:active, &.active { + color: #333; + background-color: #00ff00; + border-color: #00ff00; + } + } + + .ag-cell .btn { + position: relative; + top: -1px; +} + +.tradeSafety, .tradeSafety2 { + background: white; +} + +.exchange { + background: white; + border: 1px #CCC solid; +} + +.table.marketQuoting > { + thead > tr > td, tbody > tr, tbody > tr > td, tfoot > tr > td { + background-color: #e8e8e8; + } +} + +.marketQuoting .success { + &.sell { + color: white; + background-color: #6e1515!important; + } + &.buy { + color: white; + background-color: #022dff!important; + } +} + + +td.params-title.params-1 { + width: 90px; + background: #ffffff; + text-align: center; + font-weight: bold; + border: 1px #cccccc solid; +} +td.params-title.params-2 { + width: 90px; + background: #ffffff; + text-align: center; + font-weight: bold; + border: 1px #cccccc solid; +} +td.params-title.params-3 { + width: 90px; + background: #ffffff; + text-align: center; + font-weight: bold; + border: 1px #cccccc solid; +} +table.parameters-inputs { + background: #fff; + padding: 10px; +} +.params-settings { + margin-bottom: 0px; + background: #EEE; + padding: 5px; + border: 1px #CCC solid; + padding-bottom: 0; + td { + border-left: 5px #EEE solid; + border-right: 5px #EEE solid; + padding: 0 !important; + text-align: center; + vertical-align: middle !important; + } + th { + border-left: 5px #EEE solid; + border-right: 5px #EEE solid; + padding: 0 !important; + text-align: center; + vertical-align: middle !important; + } +} +.form-control { + padding: 2px 5px; + box-shadow: none; + border-radius: 0; + &:focus { + box-shadow: none; + } +} +.tradeSafety { + span.param-label { + width: 125px; + text-align: right; + padding-right: 8px; + } + span.param-value { + padding-left: 8px; + } + .param-info { + display: flex; + padding: 2px 0; + } +} +.tradeSafety2 { + span.param-label { + width: 125px; + text-align: right; + padding-right: 8px; + } + span.param-value { + padding-left: 8px; + } + .param-info { + display: flex; + padding: 2px 0; + } +} +.levels { + border: 1px #CCC solid; + td { + border: none; + } +} +table.marketQuoting { + tr.info { + border: 1px #CCC solid; + border-bottom: none; + height: 25px; + background: #EEE; + } +} + +input#filter_pattern { + background-color: #00000024!important; +} diff --git a/src/lib/Krypto.ninja-client/www/index.html b/src/lib/Krypto.ninja-client/www/index.html index f2f2fb8d0..19efb7627 100644 --- a/src/lib/Krypto.ninja-client/www/index.html +++ b/src/lib/Krypto.ninja-client/www/index.html @@ -6,7 +6,7 @@ - + [?]