/* TradingView Chart Theme - Generated */ :root:not(.theme-dark) { --themed-color-pane-bg: #0E1312; --tv-color-platform-background: #0E1312; --tv-color-pane-background: #0E1312; --tv-color-toolbar-button-background-hover: #22232a; --tv-color-toolbar-button-background-expanded: #22232a; --tv-color-toolbar-button-background-active: #1CC693; --tv-color-toolbar-button-background-active-hover: #1CC693; --tv-color-toolbar-button-text: #D1D4DC; --tv-color-toolbar-button-text-hover: #1CC693; --tv-color-toolbar-button-text-active: #1CC693; --tv-color-toolbar-button-text-active-hover: #1CC693; --tv-color-item-active-text: #000000; --tv-color-toolbar-toggle-button-background-active: #1CC693; --tv-color-toolbar-toggle-button-background-active-hover: #1CC693; --tv-color-toolbar-divider-background: #444444; --tv-color-toolbar-save-layout-loader: #1CC693; --tv-color-popup-background: #0E1312; --tv-color-popup-element-text: #FFFFFF; --tv-color-popup-element-text-hover: #1CC693; --tv-color-popup-element-background-hover: #22232a; --tv-color-popup-element-divider-background: #444444; --tv-color-popup-element-secondary-text: #949E9C; --tv-color-popup-element-hint-text: #5e5c5c; --tv-color-popup-element-text-active: #000000; --tv-color-popup-element-background-active: #1CC693; --tv-color-popup-element-toolbox-text: #FFFFFF; --tv-color-popup-element-toolbox-text-hover: #1CC693; --tv-color-popup-element-toolbox-text-active-hover: #1CC693; --tv-color-popup-element-toolbox-background-hover: #22232a; --tv-color-popup-element-toolbox-background-active-hover: #1CC693; --tv-color-pane-separator: #444444; --tv-color-legend-background: #0E1312; --tv-color-legend-text: #FFFFFF; --tv-color-legend-active-text: #1CC693; --tv-color-scale-text: #949E9C; --tv-color-scale-line: #444444; --tv-color-time-axis-background: #0E1312; --tv-color-time-axis-text: #949E9C; --tv-color-price-axis-background: #0E1312; --tv-color-price-axis-text: #949E9C; --tv-color-grid-line: #444444; --tv-color-vert-grid-line: #444444; --tv-color-horz-grid-line: #444444; --tv-color-crosshair-cursor: #949E9C; --themed-color-buy-btn-chart: #229C92; --themed-color-sell-btn-chart: #EB455F; --themed-color-buy-btn-text-chart: #000000; --themed-color-sell-btn-text-chart: #000000; --tv-color-candle-up: #229C92; --tv-color-candle-down: #EB455F; --tv-color-candle-wick-up: #229C92; --tv-color-candle-wick-down: #EB455F; --tv-color-candle-border-up: #229C92; --tv-color-candle-border-down: #EB455F; --tv-color-volume-up: #229C9240; --tv-color-volume-down: #EB455F40; } .theme-dark:root { --themed-color-pane-bg: #0E1312; --tv-color-platform-background: #0E1312; --tv-color-pane-background: #0E1312; --tv-color-toolbar-button-background-hover: #22232a; --tv-color-toolbar-button-background-expanded: #22232a; --tv-color-toolbar-button-background-active: #1CC693; --tv-color-toolbar-button-background-active-hover: #1CC693; --tv-color-toolbar-button-text: #D1D4DC; --tv-color-toolbar-button-text-hover: #1CC693; --tv-color-toolbar-button-text-active: #1CC693; --tv-color-toolbar-button-text-active-hover: #1CC693; --tv-color-item-active-text: #000000; --tv-color-toolbar-toggle-button-background-active: #1CC693; --tv-color-toolbar-toggle-button-background-active-hover: #1CC693; --tv-color-toolbar-divider-background: #444444; --tv-color-toolbar-save-layout-loader: #1CC693; --tv-color-popup-background: #0E1312; --tv-color-popup-element-text: #FFFFFF; --tv-color-popup-element-text-hover: #1CC693; --tv-color-popup-element-background-hover: #22232a; --tv-color-popup-element-divider-background: #444444; --tv-color-popup-element-secondary-text: #949E9C; --tv-color-popup-element-hint-text: #5e5c5c; --tv-color-popup-element-text-active: #000000; --tv-color-popup-element-background-active: #1CC693; --tv-color-popup-element-toolbox-text: #FFFFFF; --tv-color-popup-element-toolbox-text-hover: #1CC693; --tv-color-popup-element-toolbox-text-active-hover: #1CC693; --tv-color-popup-element-toolbox-background-hover: #22232a; --tv-color-popup-element-toolbox-background-active-hover: #1CC693; --tv-color-pane-separator: #444444; --tv-color-legend-background: #0E1312; --tv-color-legend-text: #FFFFFF; --tv-color-legend-active-text: #1CC693; --tv-color-scale-text: #949E9C; --tv-color-scale-line: #444444; --tv-color-time-axis-background: #0E1312; --tv-color-time-axis-text: #949E9C; --tv-color-price-axis-background: #0E1312; --tv-color-price-axis-text: #949E9C; --tv-color-grid-line: #444444; --tv-color-vert-grid-line: #444444; --tv-color-horz-grid-line: #444444; --tv-color-crosshair-cursor: #949E9C; --themed-color-buy-btn-chart: #229C92; --themed-color-sell-btn-chart: #EB455F; --themed-color-buy-btn-text-chart: #000000; --themed-color-sell-btn-text-chart: #000000; --tv-color-candle-up: #229C92; --tv-color-candle-down: #EB455F; --tv-color-candle-wick-up: #229C92; --tv-color-candle-wick-down: #EB455F; --tv-color-candle-border-up: #229C92; --tv-color-candle-border-down: #EB455F; --tv-color-volume-up: #229C9240; --tv-color-volume-down: #EB455F40; } /* TradingView UI overrides - Generated */ /* ---- Drawings toolbar (left side) ---- Prefer stable attributes/IDs over hashed classnames. */ /* The left layout gutter is extremely narrow by default (~5px). Make it usable. */ .layout__area--left { /* Use min-width so the expanded toolbar can still grow to full width */ min-width: var(--based-tv-drawings-gutter-width, 22px) !important; } /* The collapsed/expanded drawings toolbar toggle handle */ button[data-name="toolbar-drawing-toggle-button"] { width: var(--based-tv-drawings-toggle-width, 22px) !important; min-width: var(--based-tv-drawings-toggle-width, 22px) !important; height: var(--based-tv-drawings-toggle-height, 56px) !important; min-height: var(--based-tv-drawings-toggle-height, 56px) !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Make the arrow/handle graphic bigger inside the toggle */ button[data-name="toolbar-drawing-toggle-button"] svg { width: var(--based-tv-drawings-toggle-svg-width, 14px) !important; height: var(--based-tv-drawings-toggle-svg-height, 42px) !important; }