mango-ui-v2/public/tradingview-chart.css

722 lines
16 KiB
CSS

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap');
:root:not(.theme-dark) {
--black: #fff;
--primary: #ff9c24;
--bkg-dark: rgba(0, 0, 0, 0.05);
--bkg-darker: rgba(0, 0, 0, 0.1);
--bkg-darkest: rgba(0, 0, 0, 0.2);
--text: rgba(0, 0, 0, 0.6);
--tv-color-platform-background: transparent;
--tv-color-pane-background: transparent;
--tv-color-pane-background-secondary: var(--bkg-dark);
--tv-color-toolbar-button-background-hover: transparent;
--tv-color-toolbar-button-background-secondary-hover: var(--bkg-darker);
--tv-color-toolbar-button-background-expanded: var(--bkg-dark);
--tv-color-pane-background-secondary: var(--bkg-dark);
--tv-color-toolbar-button-text: var(--text);
--tv-color-toolbar-button-text-hover: var(--primary);
--tv-color-toolbar-button-text-active: var(--primary);
--tv-color-toolbar-button-text-active-hover: var(--primary);
--tv-color-item-active-text: var(--primary);
--tv-color-toolbar-toggle-button-background-active: var(--primary);
--tv-color-toolbar-toggle-button-background-active-hover: var(--primary);
}
.theme-dark:root {
--black: #141414;
--primary: #f2c94c;
--bkg-light: rgba(255, 255, 255, 0.1);
--bkg-dark: rgba(0, 0, 0, 0.1);
--bkg-darker: rgba(0, 0, 0, 0.2);
--bkg-darkest: rgba(0, 0, 0, 0.4);
--text: rgba(255, 255, 255, 0.6);
--tv-color-platform-background: transparent;
--tv-color-pane-background: transparent;
--tv-color-pane-background-secondary: var(--bkg-dark);
--tv-color-toolbar-button-background-hover: transparent;
--tv-color-toolbar-button-background-secondary-hover: var(--bkg-darker);
--tv-color-toolbar-button-background-expanded: var(--bkg-darkest);
--tv-color-toolbar-button-text: var(--text);
--tv-color-toolbar-button-text-hover: var(--primary);
--tv-color-toolbar-button-text-active: var(--primary);
--tv-color-toolbar-button-text-active-hover: var(--primary);
--tv-color-item-active-text: var(--primary);
--tv-color-toolbar-toggle-button-background-active: var(--primary);
--tv-color-toolbar-toggle-button-background-active-hover: var(--primary);
}
/* light theme */
html .chart-page {
font-family: 'Lato', sans-serif;
}
html .loading-indicator {
background: transparent;
}
html .tv-spinner {
color: var(--primary);
}
/* header buttons */
html .group-wWM3zP_M {
background-color: var(--bkg-dark);
border-radius: 50%;
margin-left: 8px;
transform: scale(0.9);
width: 38px;
}
.group-wWM3zP_M:first-child {
border-bottom-left-radius: 50%;
}
.group-wWM3zP_M:last-child {
border-bottom-right-radius: 50%;
}
/* Spacer between header buttons */
.fill-2axUON87 {
background-color: transparent !important;
}
/* menu items category label */
html .summary-3_6tmh1R {
color: var(--text);
}
html .summary-3_6tmh1R:hover {
background-color: transparent;
color: var(--primary);
}
/* menu items */
html .item-2xPVYue0:hover {
background: transparent;
color: var(--primary);
}
html .item-2xPVYue0.isActive-2j-GhQs_,
html .item-2xPVYue0.isActive-2j-GhQs_:active {
background: var(--primary);
color: var(--black);
}
html .item-2xPVYue0.isActive-2j-GhQs_:hover {
background: var(--primary);
color: var(--black);
}
/* indicators panel */
.wrapper-3ePvQMAQ {
background: var(--black);
}
.close-3NTwKnT_ {
color: var(--text);
}
html .close-3NTwKnT_:hover {
background: transparent;
color: var(--primary);
}
html .container-1e-eHKCj:not(.disabled-3lywlGlv):hover {
background: transparent;
}
html .container-1e-eHKCj:not(.disabled-3lywlGlv):hover .title-34aDs39w {
color: var(--primary);
}
/* indicator templates */
html .item-2xPVYue0:hover .title-Iod5hZQV {
color: var(--primary);
}
/* search highlight */
.highlighted-3Ob1jr_R,
html .highlighted-3Ob1jr_R {
color: var(--primary);
}
html .container-1e-eHKCj:not(.disabled-3lywlGlv):hover .highlighted-3Ob1jr_R {
color: var(--black);
}
/* left toolbar */
/* icons */
html .button-263WXsg- .icon-1Y-3MM9F svg {
transform: scale(0.8);
}
html .button-263WXsg- .bg-1kRv1Pf2 {
border-radius: 50%;
}
html .button-263WXsg- .bg-1kRv1Pf2:hover {
background-color: var(--bkg-dark);
}
html .container-3_8ayT2Q:hover .arrow-WcYWFXUn {
stroke: var(--black);
}
html .toggleButton-3TAD9tll .arrow-liYbPQ3o {
stroke: var(--black);
}
html .button-263WXsg-.isActive-2mI1-NUL .icon-1Y-3MM9F {
color: var(--black);
}
html .button-263WXsg-.isActive-2mI1-NUL:hover .icon-1Y-3MM9F {
color: var(--black);
}
/* floating toolbar */
html .tv-grouped-floating-toolbar__widget-wrapper {
background-color: var(--black);
}
html .tv-floating-toolbar__widget {
border-left-color: var(--bkg-dark);
}
html
.tv-linetool-properties-toolbar__color-picker
.colorpicker-widget
+ svg
.bg {
fill: var(--black);
}
.tv-floating-toolbar__drag {
background: var(--black);
}
html .tv-floating-toolbar {
border-color: var(--bkg-dark);
background-color: var(--black);
box-shadow: 0 2px 4px 0 0.2 #000;
}
.tv-linetool-properties-toolbar__icon svg {
fill: var(--text);
}
html .tv-grouped-floating-toolbar__widget-wrapper:hover {
background-color: var(--bkg-light);
}
/* modal tabs */
html .tab-1Yr0rq0J.active-37sipdzm {
color: var(--primary);
}
html .slider-2TOmsMP8 .inner-21p4mP7K {
background-color: var(--primary);
}
.tab-1l4dFt6c.withHover-1_-qVdZP:hover,
html .tab-1l4dFt6c.withHover-1_-qVdZP:hover {
color: var(--primary);
}
/* modal primary button */
html .appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg,
html .appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg:link,
html .appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg:visited {
border-color: var(--primary);
background-color: var(--primary);
color: var(--black);
}
html
.appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg:hover:not(:disabled):not([aria-disabled='true']) {
background-color: var(--primary);
border-color: var(--primary);
color: var(--black);
filter: brightness(1.2);
}
/* modal secondary button */
html .appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg,
html .appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg:link,
html .appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg:visited {
border-color: var(--primary);
background-color: transparent;
color: var(--primary);
}
html
.appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg:hover:not(:disabled):not([aria-disabled='true']) {
background-color: var(--primary);
border-color: var(--primary);
color: var(--black);
}
/* range sliders */
html .rangeSliderMiddle-3BlpfHSS {
background-color: var(--primary);
}
/* checkboxes */
html
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:checked
+ .box-20C92a5S {
border-color: var(--primary);
background-color: var(--primary);
}
html
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:checked
+ .box-20C92a5S.check-13mv3fTM
.icon-3dOOKDQo {
stroke: var(--black);
}
html
.checkbox-3xZUD-2M:hover
.input-ly-CSnj5:checked:not(:focus):not(:disabled)
+ .box-20C92a5S {
border-color: var(--primary);
background-color: var(--primary);
filter: brightness(1.2);
}
html
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:active:not(:disabled)
+ .box-20C92a5S,
html
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:focus
+ .box-20C92a5S {
border-color: var(--primary);
}
/* input */
html .inputWithErrorWrapper-3VldItns.focused-3rk113Ah {
border-color: var(--primary);
}
html .inputWithErrorWrapper-3VldItns.focused-3rk113Ah:hover {
border-color: var(--primary);
}
html
.row-1NK-hr1x
.inputWithErrorWrapper-3VldItns.focused-3rk113Ah.thickBorder-17UV-SuS {
box-shadow: none !important;
}
/* dropdown */
html .container-AqxbM340.intent-primary-npIFDxc3 {
border-color: var(--primary);
box-shadow: none;
}
/* dot menu */
html .container-AqxbM340.intent-primary-npIFDxc3 .shadow-rtripSA4 {
border-color: var(--primary);
}
/* container */
html .container-RYiwcUsM {
background: var(--black);
}
.chart-widget .selected-2qw9PFUJ .buttons-1-XhYDHM,
.chart-widget
.selected-2qw9PFUJ
.buttons-1-XhYDHM
.button-22Ex8G2W:not(:first-child),
.chart-widget .selected-2qw9PFUJ .buttonsWrapper-3eBZpnXm,
.chart-widget .selected-2qw9PFUJ .titleWrapper-1Zs2rjQ6 {
border-color: var(--primary);
}
/* inner chart menu */
html .item-stVdeCwG.interactive-3E0jwVyG:hover {
background-color: transparent;
color: var(--primary);
}
html .item-stVdeCwG.interactive-3E0jwVyG.hovered-2HCCgw6c,
html .item-stVdeCwG.interactive-3E0jwVyG:active {
background-color: transparent;
color: var(--primary);
}
.selected-2qw9PFUJ .button-22Ex8G2W:hover:after {
background-color: var(--bkg-dark);
}
/* dark theme */
html.theme-dark .chart-page {
font-family: 'Lato', sans-serif;
}
html.theme-dark .loading-indicator {
background: transparent;
}
html.theme-dark .tv-spinner {
color: var(--primary);
}
/* header buttons */
html.theme-dark .group-wWM3zP_M {
background-color: var(--bkg-light);
border-radius: 50%;
margin-left: 8px;
transform: scale(0.9);
width: 38px;
}
/* Spacer between header buttons */
.fill-2axUON87 {
background-color: transparent !important;
}
/* menu dropdown */
html.theme-dark .menuWrap-1gEtmoET {
background: var(--black);
}
/* menu items category label */
html.theme-dark .summary-3_6tmh1R {
color: var(--text);
}
html.theme-dark .summary-3_6tmh1R:hover {
background-color: transparent;
color: var(--primary);
}
/* menu items */
html.theme-dark .item-2xPVYue0 {
background: var(--black);
}
html.theme-dark .item-2xPVYue0:hover {
background: transparent;
color: var(--primary);
}
html.theme-dark .item-2xPVYue0.isActive-2j-GhQs_,
html.theme-dark .item-2xPVYue0.isActive-2j-GhQs_:active {
background: var(--primary);
color: var(--black);
}
html.theme-dark .item-2xPVYue0.isActive-2j-GhQs_:hover {
background: var(--primary);
color: var(--black);
}
/* indicators panel */
.wrapper-3ePvQMAQ {
background: var(--black);
}
.close-3NTwKnT_ {
color: var(--text);
}
html.theme-dark .close-3NTwKnT_:hover {
background: transparent;
color: var(--primary);
}
html.theme-dark .container-1e-eHKCj:not(.disabled-3lywlGlv):hover {
background: transparent;
}
html.theme-dark
.container-1e-eHKCj:not(.disabled-3lywlGlv):hover
.title-34aDs39w {
color: var(--primary);
}
/* indicator templates */
html.theme-dark .item-2xPVYue0:hover .title-Iod5hZQV {
color: var(--primary);
}
/* search highlight */
.highlighted-3Ob1jr_R,
html.theme-dark .highlighted-3Ob1jr_R {
color: var(--primary);
}
html.theme-dark
.container-1e-eHKCj:not(.disabled-3lywlGlv):hover
.highlighted-3Ob1jr_R {
color: var(--black);
}
/* left toolbar */
/* icons */
html.theme-dark .button-263WXsg- .icon-1Y-3MM9F svg {
transform: scale(0.8);
}
html.theme-dark .button-263WXsg- .bg-1kRv1Pf2 {
border-radius: 50%;
}
html.theme-dark .button-263WXsg- .bg-1kRv1Pf2:hover {
background-color: var(--bkg-light);
}
html.theme-dark .container-3_8ayT2Q:hover .arrow-WcYWFXUn {
stroke: var(--black);
}
html.theme-dark .toggleButton-3TAD9tll .arrow-liYbPQ3o {
stroke: var(--black);
}
html.theme-dark .button-263WXsg-.isActive-2mI1-NUL .icon-1Y-3MM9F {
color: var(--black);
}
html.theme-dark .button-263WXsg-.isActive-2mI1-NUL:hover .icon-1Y-3MM9F {
color: var(--black);
}
/* floating toolbar */
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper {
background-color: var(--black);
}
html.theme-dark .tv-floating-toolbar__widget {
border-left-color: var(--bkg-light);
}
html.theme-dark
.tv-linetool-properties-toolbar__color-picker
.colorpicker-widget
+ svg
.bg {
fill: var(--black);
}
.tv-floating-toolbar__drag {
background: var(--black);
}
html.theme-dark .tv-floating-toolbar {
border-color: var(--bkg-light);
background-color: var(--black);
box-shadow: 0 2px 4px 0 0.2 #000;
}
.tv-linetool-properties-toolbar__icon svg {
fill: var(--text);
}
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper:hover {
background-color: var(--bkg-light);
}
/* modal tabs */
html.theme-dark .tab-1Yr0rq0J.active-37sipdzm {
color: var(--primary);
}
html.theme-dark .slider-2TOmsMP8 .inner-21p4mP7K {
background-color: var(--primary);
}
.tab-1l4dFt6c.withHover-1_-qVdZP:hover,
html.theme-dark .tab-1l4dFt6c.withHover-1_-qVdZP:hover {
color: var(--primary);
}
/* modal primary button */
html.theme-dark .appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg,
html.theme-dark .appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg:link,
html.theme-dark .appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg:visited {
border-color: var(--primary);
background-color: var(--primary);
color: var(--black);
}
html.theme-dark
.appearance-default-dMjF_2Hu.intent-primary-1-IOYcbg:hover:not(:disabled):not([aria-disabled='true']) {
background-color: var(--primary);
border-color: var(--primary);
color: var(--black);
filter: brightness(0.8);
}
/* modal secondary button */
html.theme-dark .appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg,
html.theme-dark .appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg:link,
html.theme-dark .appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg:visited {
border-color: var(--primary);
background-color: transparent;
color: var(--primary);
}
html.theme-dark
.appearance-stroke-12lxiUSM.intent-primary-1-IOYcbg:hover:not(:disabled):not([aria-disabled='true']) {
background-color: var(--primary);
border-color: var(--primary);
color: var(--black);
}
/* range sliders */
html.theme-dark .rangeSliderMiddle-3BlpfHSS {
background-color: var(--primary);
}
/* checkboxes */
html.theme-dark
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:checked
+ .box-20C92a5S {
border-color: var(--primary);
background-color: var(--primary);
}
html.theme-dark
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:checked
+ .box-20C92a5S.check-13mv3fTM
.icon-3dOOKDQo {
stroke: var(--black);
}
html.theme-dark
.checkbox-3xZUD-2M:hover
.input-ly-CSnj5:checked:not(:focus):not(:disabled)
+ .box-20C92a5S {
border-color: var(--primary);
background-color: var(--primary);
filter: brightness(0.8);
}
html.theme-dark
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:active:not(:disabled)
+ .box-20C92a5S,
html.theme-dark
.checkbox-3xZUD-2M
.wrapper-1AZBBaMW
.input-ly-CSnj5:focus
+ .box-20C92a5S {
border-color: var(--primary);
}
/* input */
html.theme-dark .inputWithErrorWrapper-3VldItns.focused-3rk113Ah {
border-color: var(--primary);
}
html.theme-dark .inputWithErrorWrapper-3VldItns.focused-3rk113Ah:hover {
border-color: var(--primary);
}
html.theme-dark
.row-1NK-hr1x
.inputWithErrorWrapper-3VldItns.focused-3rk113Ah.thickBorder-17UV-SuS {
box-shadow: none !important;
}
/* dropdown */
html.theme-dark .container-AqxbM340.intent-primary-npIFDxc3 {
border-color: var(--primary);
box-shadow: none;
}
/* dot menu */
html.theme-dark .container-AqxbM340.intent-primary-npIFDxc3 .shadow-rtripSA4 {
border-color: var(--primary);
}
/* container */
html.theme-dark .container-RYiwcUsM {
background: var(--black);
}
.chart-widget--themed-dark .selected-2qw9PFUJ .buttons-1-XhYDHM,
.chart-widget--themed-dark
.selected-2qw9PFUJ
.buttons-1-XhYDHM
.button-22Ex8G2W:not(:first-child),
.chart-widget--themed-dark .selected-2qw9PFUJ .buttonsWrapper-3eBZpnXm,
.chart-widget--themed-dark .selected-2qw9PFUJ .titleWrapper-1Zs2rjQ6 {
border-color: var(--primary);
}
/* inner chart menu */
html.theme-dark .item-stVdeCwG.interactive-3E0jwVyG:hover {
background-color: transparent;
color: var(--primary);
}
html.theme-dark .item-stVdeCwG.interactive-3E0jwVyG.hovered-2HCCgw6c,
html.theme-dark .item-stVdeCwG.interactive-3E0jwVyG:active {
background-color: transparent;
color: var(--primary);
}