[{"data":1,"prerenderedAt":376},["ShallowReactive",2],{"navigation":3,"docs_adjust-colors":56},[4],{"title":5,"path":6,"stem":7,"children":8},"Docs","\u002Fdocs","docs",[9,12,16,20,24,28,32,36,40,44,48,52],{"title":10,"path":6,"stem":11},"Getting started","docs\u002Findex",{"title":13,"path":14,"stem":15},"Adjust Colors","\u002Fdocs\u002Fadjust-colors","docs\u002Fadjust-colors",{"title":17,"path":18,"stem":19},"Areas","\u002Fdocs\u002Fareas","docs\u002Fareas",{"title":21,"path":22,"stem":23},"Boards","\u002Fdocs\u002Fboards","docs\u002Fboards",{"title":25,"path":26,"stem":27},"Cards","\u002Fdocs\u002Fcards","docs\u002Fcards",{"title":29,"path":30,"stem":31},"Comments","\u002Fdocs\u002Fcomments","docs\u002Fcomments",{"title":33,"path":34,"stem":35},"Contributing","\u002Fdocs\u002Fcontributing","docs\u002Fcontributing",{"title":37,"path":38,"stem":39},"Disable Signup","\u002Fdocs\u002Fdisable-signup","docs\u002Fdisable-signup",{"title":41,"path":42,"stem":43},"Health Check","\u002Fdocs\u002Fhealth-check","docs\u002Fhealth-check",{"title":45,"path":46,"stem":47},"MCP Server","\u002Fdocs\u002Fmcp-server","docs\u002Fmcp-server",{"title":49,"path":50,"stem":51},"Migration","\u002Fdocs\u002Fmigration","docs\u002Fmigration",{"title":53,"path":54,"stem":55},"Users","\u002Fdocs\u002Fusers","docs\u002Fusers",{"id":57,"title":13,"body":58,"description":68,"extension":371,"meta":372,"navigation":373,"path":14,"seo":374,"stem":15,"__hash__":375},"docs\u002Fdocs\u002Fadjust-colors.md",{"type":59,"value":60,"toc":365},"minimark",[61,65,69,74,86,242,246,253,318,322,338,342,361],[62,63,13],"h1",{"id":64},"adjust-colors",[66,67,68],"p",{},"You can customize all UI colors in LokalBoards by setting environment variables. This allows you to match the application's appearance to your brand or personal preferences without modifying source files.",[70,71,73],"h2",{"id":72},"available-color-variables","Available Color Variables",[66,75,76,77,81,82,85],{},"All colors support both light and dark mode variants. For dark mode colors, append ",[78,79,80],"code",{},"Dark"," to the variable name (e.g., ",[78,83,84],{},"COLOR_PRIMARY_DARK"," for dark mode).",[87,88,89,105],"table",{},[90,91,92],"thead",{},[93,94,95,99,102],"tr",{},[96,97,98],"th",{},"Variable",[96,100,101],{},"Default (Light)",[96,103,104],{},"Default (Dark)",[106,107,108,126,143,160,176,193,210,226],"tbody",{},[93,109,110,116,121],{},[111,112,113],"td",{},[78,114,115],{},"NUXT_PUBLIC_COLOR_PRIMARY",[111,117,118],{},[78,119,120],{},"#0066CC",[111,122,123],{},[78,124,125],{},"#0F72DE",[93,127,128,133,138],{},[111,129,130],{},[78,131,132],{},"NUXT_PUBLIC_COLOR_PRIMARY_HOVER",[111,134,135],{},[78,136,137],{},"#004C99",[111,139,140],{},[78,141,142],{},"#1C84EC",[93,144,145,150,155],{},[111,146,147],{},[78,148,149],{},"NUXT_PUBLIC_COLOR_SECONDARY",[111,151,152],{},[78,153,154],{},"#12784F",[111,156,157],{},[78,158,159],{},"#17996A",[93,161,162,167,172],{},[111,163,164],{},[78,165,166],{},"NUXT_PUBLIC_COLOR_WHITE",[111,168,169],{},[78,170,171],{},"#ffffff",[111,173,174],{},[78,175,171],{},[93,177,178,183,188],{},[111,179,180],{},[78,181,182],{},"NUXT_PUBLIC_COLOR_GRAY",[111,184,185],{},[78,186,187],{},"#4E4E52",[111,189,190],{},[78,191,192],{},"#AEAEB2",[93,194,195,200,205],{},[111,196,197],{},[78,198,199],{},"NUXT_PUBLIC_COLOR_SLATE",[111,201,202],{},[78,203,204],{},"#F5F5F7",[111,206,207],{},[78,208,209],{},"#2C2C2E",[93,211,212,217,222],{},[111,213,214],{},[78,215,216],{},"NUXT_PUBLIC_COLOR_BLACK",[111,218,219],{},[78,220,221],{},"#000000",[111,223,224],{},[78,225,221],{},[93,227,228,233,238],{},[111,229,230],{},[78,231,232],{},"NUXT_PUBLIC_COLOR_DARK",[111,234,235],{},[78,236,237],{},"#1C1C1E",[111,239,240],{},[78,241,237],{},[70,243,245],{"id":244},"env-file",".env File",[66,247,248,249,252],{},"Modify your ",[78,250,251],{},".env"," file:",[254,255,260],"pre",{"className":256,"code":257,"language":258,"meta":259,"style":259},"language-dotenv shiki shiki-themes github-light github-dark","# Custom Colors\nNUXT_PUBLIC_COLOR_PRIMARY=\"#ff0000\"\nNUXT_PUBLIC_COLOR_PRIMARY_DARK=\"#cc0000\"\nNUXT_PUBLIC_COLOR_SECONDARY=\"#00ff00\"\nNUXT_PUBLIC_COLOR_SECONDARY_DARK=\"#00cc00\"\nNUXT_PUBLIC_COLOR_GRAY=\"#333333\"\nNUXT_PUBLIC_COLOR_GRAY_DARK=\"#aaaaaa\"\nNUXT_PUBLIC_COLOR_SLATE=\"#f5f5f5\"\nNUXT_PUBLIC_COLOR_SLATE_DARK=\"#2a2a2a\"\n","dotenv","",[78,261,262,270,276,282,288,294,300,306,312],{"__ignoreMap":259},[263,264,267],"span",{"class":265,"line":266},"line",1,[263,268,269],{},"# Custom Colors\n",[263,271,273],{"class":265,"line":272},2,[263,274,275],{},"NUXT_PUBLIC_COLOR_PRIMARY=\"#ff0000\"\n",[263,277,279],{"class":265,"line":278},3,[263,280,281],{},"NUXT_PUBLIC_COLOR_PRIMARY_DARK=\"#cc0000\"\n",[263,283,285],{"class":265,"line":284},4,[263,286,287],{},"NUXT_PUBLIC_COLOR_SECONDARY=\"#00ff00\"\n",[263,289,291],{"class":265,"line":290},5,[263,292,293],{},"NUXT_PUBLIC_COLOR_SECONDARY_DARK=\"#00cc00\"\n",[263,295,297],{"class":265,"line":296},6,[263,298,299],{},"NUXT_PUBLIC_COLOR_GRAY=\"#333333\"\n",[263,301,303],{"class":265,"line":302},7,[263,304,305],{},"NUXT_PUBLIC_COLOR_GRAY_DARK=\"#aaaaaa\"\n",[263,307,309],{"class":265,"line":308},8,[263,310,311],{},"NUXT_PUBLIC_COLOR_SLATE=\"#f5f5f5\"\n",[263,313,315],{"class":265,"line":314},9,[263,316,317],{},"NUXT_PUBLIC_COLOR_SLATE_DARK=\"#2a2a2a\"\n",[70,319,321],{"id":320},"how-it-works","How It Works",[323,324,325,329,332,335],"ol",{},[326,327,328],"li",{},"The application reads color values from environment variables at runtime",[326,330,331],{},"Default colors are used if no environment variables are set",[326,333,334],{},"Colors are applied via CSS custom properties (CSS variables)",[326,336,337],{},"Dark mode variants are automatically applied when the user's system prefers dark mode",[70,339,341],{"id":340},"tips","Tips",[343,344,345,352,355,358],"ul",{},[326,346,347,348,351],{},"Use valid HEX color codes (with or without ",[78,349,350],{},"#"," prefix)",[326,353,354],{},"Test your color combinations in both light and dark modes",[326,356,357],{},"Consider accessibility - ensure sufficient contrast between text and background colors",[326,359,360],{},"Restart your application after changing color variables",[362,363,364],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":259,"searchDepth":272,"depth":272,"links":366},[367,368,369,370],{"id":72,"depth":272,"text":73},{"id":244,"depth":272,"text":245},{"id":320,"depth":272,"text":321},{"id":340,"depth":272,"text":341},"md",{},true,{"title":13,"description":68},"8AlJr6jJpslV-Kpjh7AFFLQDC7oCiOIlQ4l3apmVA4g",1786546244247]