[{"data":1,"prerenderedAt":326},["ShallowReactive",2],{"user-guide:faq/chart/change-chart-colors":3},{"slug":4,"filePath":5,"frontmatter":6,"rawMarkdown":24,"tree":25},"faq/chart/change-chart-colors","faq/chart/change-chart-colors.md",{"title":7,"description":8,"category":9,"kind":10,"keywords":11,"updatedAt":22,"popularity":23},"How do I change the chart's colors and style?","Switch dark or light mode and pick one of eight color themes from the top bar, then override the background, candles, volume and grid per chart in the chart's settings.","chart","faq",[12,13,14,15,16,17,18,19,20,21],"colors","colours","theme","dark mode","light mode","background","candle colors","grid","price line","style","2026-10-20",4,"---\ntitle: \"How do I change the chart's colors and style?\"\ndescription: \"Switch dark or light mode and pick one of eight color themes from the top bar, then override the background, candles, volume and grid per chart in the chart's settings.\"\ncategory: chart\nkind: faq\nkeywords: [colors, colours, theme, dark mode, light mode, background, candle colors, grid, price line, style]\nupdatedAt: '2026-10-20'\npopularity: 4\n---\n\n# How do I change the chart's colors and style?\n\nAppearance comes in three layers that stack:\n\n1. **Dark or light**: the sun and moon button in the top bar, next to your profile picture.\n2. **A color theme**: the two-dot button beside it opens the theme list. A theme sets the background, candles, volume colors, indicator lines and the orderbook tints together.\n3. **Per-chart colors**: right-click the chart and choose **Settings…** (or click the gear on the symbol legend), then select **Main**. The **Style** section sets the background, bullish and bearish candles, volume colors and the **Grid**: full, horizontal, vertical or none. The same settings turn the **Price Line** on or off.\n\nColors you set by hand survive a theme switch. Mode and theme save to your account; per-chart colors save into the workspace. [Themes and appearance](/learn/charting/themes-and-appearance) has the details.\n",{"type":26,"children":27,"data":318,"position":320},"root",[28,31,49,50,277,278],{"type":29,"value":30},"text","\n",{"type":32,"tagName":33,"properties":34,"children":35,"position":46},"element","p",{},[36],{"type":29,"value":37,"position":38},"Appearance comes in three layers that stack:",{"start":39,"end":43},{"line":40,"column":41,"offset":42},3,1,49,{"line":40,"column":44,"offset":45},45,93,{"start":47,"end":48},{"line":40,"column":41,"offset":42},{"line":40,"column":44,"offset":45},{"type":29,"value":30},{"type":32,"tagName":51,"properties":52,"children":53,"position":274},"ol",{},[54,55,90,91,120,121,273],{"type":29,"value":30},{"type":32,"tagName":56,"properties":57,"children":58,"position":86},"li",{},[59,79],{"type":32,"tagName":60,"properties":61,"children":62,"position":73},"strong",{},[63],{"type":29,"value":64,"position":65},"Dark or light",{"start":66,"end":70},{"line":67,"column":68,"offset":69},5,6,100,{"line":67,"column":71,"offset":72},19,113,{"start":74,"end":76},{"line":67,"column":23,"offset":75},98,{"line":67,"column":77,"offset":78},21,115,{"type":29,"value":80,"position":81},": the sun and moon button in the top bar, next to your profile picture.",{"start":82,"end":83},{"line":67,"column":77,"offset":78},{"line":67,"column":84,"offset":85},92,186,{"start":87,"end":89},{"line":67,"column":41,"offset":88},95,{"line":67,"column":84,"offset":85},{"type":29,"value":30},{"type":32,"tagName":56,"properties":92,"children":93,"position":116},{},[94,109],{"type":32,"tagName":60,"properties":95,"children":96,"position":104},{},[97],{"type":29,"value":98,"position":99},"A color theme",{"start":100,"end":102},{"line":68,"column":68,"offset":101},192,{"line":68,"column":71,"offset":103},205,{"start":105,"end":107},{"line":68,"column":23,"offset":106},190,{"line":68,"column":77,"offset":108},207,{"type":29,"value":110,"position":111},": the two-dot button beside it opens the theme list. A theme sets the background, candles, volume colors, indicator lines and the orderbook tints together.",{"start":112,"end":113},{"line":68,"column":77,"offset":108},{"line":68,"column":114,"offset":115},176,362,{"start":117,"end":119},{"line":68,"column":41,"offset":118},187,{"line":68,"column":114,"offset":115},{"type":29,"value":30},{"type":32,"tagName":56,"properties":122,"children":123,"position":269},{},[124,142,149,166,173,190,197,214,221,238,245,262],{"type":32,"tagName":60,"properties":125,"children":126,"position":136},{},[127],{"type":29,"value":128,"position":129},"Per-chart colors",{"start":130,"end":133},{"line":131,"column":68,"offset":132},7,368,{"line":131,"column":134,"offset":135},22,384,{"start":137,"end":139},{"line":131,"column":23,"offset":138},366,{"line":131,"column":140,"offset":141},24,386,{"type":29,"value":143,"position":144},": right-click the chart and choose ",{"start":145,"end":146},{"line":131,"column":140,"offset":141},{"line":131,"column":147,"offset":148},59,421,{"type":32,"tagName":60,"properties":150,"children":151,"position":161},{},[152],{"type":29,"value":153,"position":154},"Settings…",{"start":155,"end":158},{"line":131,"column":156,"offset":157},61,423,{"line":131,"column":159,"offset":160},70,432,{"start":162,"end":163},{"line":131,"column":147,"offset":148},{"line":131,"column":164,"offset":165},72,434,{"type":29,"value":167,"position":168}," (or click the gear on the symbol legend), then select ",{"start":169,"end":170},{"line":131,"column":164,"offset":165},{"line":131,"column":171,"offset":172},127,489,{"type":32,"tagName":60,"properties":174,"children":175,"position":185},{},[176],{"type":29,"value":177,"position":178},"Main",{"start":179,"end":182},{"line":131,"column":180,"offset":181},129,491,{"line":131,"column":183,"offset":184},133,495,{"start":186,"end":187},{"line":131,"column":171,"offset":172},{"line":131,"column":188,"offset":189},135,497,{"type":29,"value":191,"position":192},". The ",{"start":193,"end":194},{"line":131,"column":188,"offset":189},{"line":131,"column":195,"offset":196},141,503,{"type":32,"tagName":60,"properties":198,"children":199,"position":209},{},[200],{"type":29,"value":201,"position":202},"Style",{"start":203,"end":206},{"line":131,"column":204,"offset":205},143,505,{"line":131,"column":207,"offset":208},148,510,{"start":210,"end":211},{"line":131,"column":195,"offset":196},{"line":131,"column":212,"offset":213},150,512,{"type":29,"value":215,"position":216}," section sets the background, bullish and bearish candles, volume colors and the ",{"start":217,"end":218},{"line":131,"column":212,"offset":213},{"line":131,"column":219,"offset":220},231,593,{"type":32,"tagName":60,"properties":222,"children":223,"position":233},{},[224],{"type":29,"value":225,"position":226},"Grid",{"start":227,"end":230},{"line":131,"column":228,"offset":229},233,595,{"line":131,"column":231,"offset":232},237,599,{"start":234,"end":235},{"line":131,"column":219,"offset":220},{"line":131,"column":236,"offset":237},239,601,{"type":29,"value":239,"position":240},": full, horizontal, vertical or none. The same settings turn the ",{"start":241,"end":242},{"line":131,"column":236,"offset":237},{"line":131,"column":243,"offset":244},304,666,{"type":32,"tagName":60,"properties":246,"children":247,"position":257},{},[248],{"type":29,"value":249,"position":250},"Price Line",{"start":251,"end":254},{"line":131,"column":252,"offset":253},306,668,{"line":131,"column":255,"offset":256},316,678,{"start":258,"end":259},{"line":131,"column":243,"offset":244},{"line":131,"column":260,"offset":261},318,680,{"type":29,"value":263,"position":264}," on or off.",{"start":265,"end":266},{"line":131,"column":260,"offset":261},{"line":131,"column":267,"offset":268},329,691,{"start":270,"end":272},{"line":131,"column":41,"offset":271},363,{"line":131,"column":267,"offset":268},{"type":29,"value":30},{"start":275,"end":276},{"line":67,"column":41,"offset":88},{"line":131,"column":267,"offset":268},{"type":29,"value":30},{"type":32,"tagName":33,"properties":279,"children":280,"position":315},{},[281,289,308],{"type":29,"value":282,"position":283},"Colors you set by hand survive a theme switch. Mode and theme save to your account; per-chart colors save into the workspace. ",{"start":284,"end":287},{"line":285,"column":41,"offset":286},9,693,{"line":285,"column":171,"offset":288},819,{"type":32,"tagName":290,"properties":291,"children":293,"position":303},"a",{"href":292},"/learn/charting/themes-and-appearance",[294],{"type":29,"value":295,"position":296},"Themes and appearance",{"start":297,"end":300},{"line":285,"column":298,"offset":299},128,820,{"line":285,"column":301,"offset":302},149,841,{"start":304,"end":305},{"line":285,"column":171,"offset":288},{"line":285,"column":306,"offset":307},189,881,{"type":29,"value":309,"position":310}," has the details.",{"start":311,"end":312},{"line":285,"column":306,"offset":307},{"line":285,"column":313,"offset":314},206,898,{"start":316,"end":317},{"line":285,"column":41,"offset":286},{"line":285,"column":313,"offset":314},{"quirksMode":319},false,{"start":321,"end":323},{"line":41,"column":41,"offset":322},0,{"line":324,"column":41,"offset":325},10,899,1792480152794]