lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-09-21 01:51:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Split profit colors from "up/Down colors

Browse Source
This commit is contained in:
Matthias 2023-10-18 07:05:33 +02:00
parent 96f81a98c9
commit 202fdf97d9
3 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/charts/CandleChart.vue
View File

@ -86,16 +86,15 @@ const props = defineProps({
type: Object as () => ChartSliderPosition,
default: () => undefined,
},
colorPreference: { required: false, type: String, default: 'greenUp' },
colorUp: { required: false, type: String, default: '#12bb7b' },
colorDown: { required: false, type: String, default: '#ef5350' },
});
// Candle Colors
const colorProfit = props.colorPreference === 'greenUp' ? '#26A69A' : '#EF5350';
const colorLoss = props.colorPreference === 'greenUp' ? '#EF5350' : '#26A69A';
const upColor = colorProfit;
const upBorderColor = colorProfit;
const downColor = colorLoss;
const downBorderColor = colorLoss;
const upColor = props.colorUp;
const upBorderColor = props.colorUp;
const downColor = props.colorDown;
const downBorderColor = props.colorDown;
// Buy / Sell Signal Colors
const buySignalColor = '#00ff26';

3
src/components/charts/CandleChartContainer.vue
View File

@ -65,7 +65,8 @@
:use-u-t-c="settingsStore.timezone === 'UTC'"
:theme="settingsStore.chartTheme"
:slider-position="sliderPosition"
:color-preference="colorStore.colorPreference"
:color-down="colorStore.colorDown"
:color-up="colorStore.colorUp"
>
</CandleChart>
<div v-else class="m-auto">

12
src/stores/colors.ts
View File

@ -7,17 +7,19 @@ export const useColorStore = defineStore('colorStore', {
state: () => {
return {
colorPreference: 'greenUp',
colorProfit: '#12bb7b',
colorUp: '#26A69A',
colorDown: '#EF5350',
colorProfit: '#26A69A', //12bb7b
colorLoss: '#ef5350',
};
},
getters: {},
actions: {
updateProfitLossColor() {
const [colorProfit, colorLoss] =
this.colorPreference === 'greenUp' ? ['#12bb7b', '#ef5350'] : ['#ef5350', '#12bb7b'];
this.colorProfit = colorProfit;
this.colorLoss = colorLoss;
const [colorUp, colorDown] =
this.colorPreference === 'greenUp' ? ['#26A69A', '#ef5350'] : ['#ef5350', '#12bb7b'];
this.colorUp = colorUp;
this.colorDown = colorDown;
},
},
persist: {