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