Gainers / Losers Widget Demo
This widget will contain a list of stocks having maximum change with respect to
previous day’s closing price.
{
"id": "default",
"name": "Default Theme",
"preview": "#006AFC",
"colors": {
"light": {
"--background": "#F8F9FA",
"--red": "#E64A27",
"--green": "#006AFC",
"--primary": "#006AFC",
"--gradient-up": "radial-gradient(farthest-side circle at 50% 50%, rgba(0, 106, 252, .3), transparent)",
"--gradient-down": "radial-gradient(farthest-side circle at 50% 50%, rgba(230, 74, 39, .3), transparent)",
"--text-dark": "#373D42",
"--text-light": "#B4B4B4",
"--button": "transparent",
"--button-text": "#373D42",
"--button-active": "#006AFC",
"--button-text-active": "#EEEEEE",
"--gray-light": "#EEEEEE",
"--gray": "#6c757d",
"--gray-dark": "#343a40",
"--white": "#ffffff",
"--dark": "#212529",
"--light": "#f8f9fa",
"--overlay-color": "rgba(255, 255, 255, .5)",
"--icon-gray": "#9e9e9e"
},
"dark": {
"--background": "#000000",
"--red": "#E64A27",
"--green": "#6D9A20",
"--primary": "#006AFC",
"--gradient-up": "linear-gradient(90deg, transparent, rgba(109, 154, 32, .25), transparent)",
"--gradient-down": "linear-gradient(90deg, transparent, rgba(230, 74, 39, .25), transparent)",
"--text-dark": "#FFFFFF",
"--text-light": "#929292",
"--button": "transparent",
"--button-text": "#929292",
"--button-active": "#272727",
"--button-text-active": "#FFFFFF",
"--gray-light": "#151515",
"--gray": "#6c757d",
"--gray-dark": "#343a40",
"--white": "#222222",
"--dark": "#212529",
"--light": "#f8f9fa",
"--overlay-color": "rgba(0, 0, 0, .5)",
"--icon-gray": "#474747"
}
}
}