[{"data":1,"prerenderedAt":429},["ShallowReactive",2],{"navigation_docs_en":3,"-en-guide-theme":191,"-en-guide-theme-surround":424},[4,61,127,171],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":60},"Guide","i-lucide-book-open","\u002Fen\u002Fguide","en\u002F1.guide",[10,15,20,25,30,35,40,45,50,55],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fen\u002Fguide\u002Fintroduction","en\u002F1.guide\u002F01.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Install the App","\u002Fen\u002Fguide\u002Finstallation","en\u002F1.guide\u002F02.installation","i-lucide-smartphone",{"title":21,"path":22,"stem":23,"icon":24},"Authentication","\u002Fen\u002Fguide\u002Fauth","en\u002F1.guide\u002F03.auth","i-lucide-lock",{"title":26,"path":27,"stem":28,"icon":29},"Wallets","\u002Fen\u002Fguide\u002Fwallets","en\u002F1.guide\u002F04.wallets","i-lucide-wallet",{"title":31,"path":32,"stem":33,"icon":34},"Categories","\u002Fen\u002Fguide\u002Fcategories","en\u002F1.guide\u002F05.categories","i-lucide-tags",{"title":36,"path":37,"stem":38,"icon":39},"Transactions","\u002Fen\u002Fguide\u002Ftransactions","en\u002F1.guide\u002F06.transactions","i-lucide-receipt",{"title":41,"path":42,"stem":43,"icon":44},"Transfers","\u002Fen\u002Fguide\u002Ftransfers","en\u002F1.guide\u002F07.transfers","i-lucide-arrow-left-right",{"title":46,"path":47,"stem":48,"icon":49},"Statistics","\u002Fen\u002Fguide\u002Fstatistics","en\u002F1.guide\u002F08.statistics","i-lucide-bar-chart-3",{"title":51,"path":52,"stem":53,"icon":54},"Theme","\u002Fen\u002Fguide\u002Ftheme","en\u002F1.guide\u002F09.theme","i-lucide-palette",{"title":56,"path":57,"stem":58,"icon":59},"Settings","\u002Fen\u002Fguide\u002Fsettings","en\u002F1.guide\u002F10.settings","i-lucide-settings",false,{"title":62,"icon":63,"path":64,"stem":65,"children":66,"page":60},"Development","i-lucide-code","\u002Fen\u002Fdevelopment","en\u002F2.development",[67,72,77,82,87,92,97,102,122],{"title":68,"path":69,"stem":70,"icon":71},"Installation","\u002Fen\u002Fdevelopment\u002Finstallation","en\u002F2.development\u002F01.installation","i-lucide-download",{"title":73,"path":74,"stem":75,"icon":76},"Codebase Graph","\u002Fen\u002Fdevelopment\u002Funderstand-anything","en\u002F2.development\u002F02.understand-anything","i-lucide-network",{"title":78,"path":79,"stem":80,"icon":81},"Offline & PWA","\u002Fen\u002Fdevelopment\u002Foffline","en\u002F2.development\u002F03.offline","i-lucide-wifi-off",{"title":83,"path":84,"stem":85,"icon":86},"Data Migration History","\u002Fen\u002Fdevelopment\u002Fmigration","en\u002F2.development\u002F04.migration","i-lucide-database",{"title":88,"path":89,"stem":90,"icon":91},"Deployment","\u002Fen\u002Fdevelopment\u002Fdeployment","en\u002F2.development\u002F05.deployment","i-lucide-rocket",{"title":93,"path":94,"stem":95,"icon":96},"Testing","\u002Fen\u002Fdevelopment\u002Ftesting","en\u002F2.development\u002F06.testing","i-lucide-flask-conical",{"title":98,"path":99,"stem":100,"icon":101},"Date Utilities","\u002Fen\u002Fdevelopment\u002Fdate-utilities","en\u002F2.development\u002F07.date-utilities","i-lucide-calendar",{"title":103,"path":104,"stem":105,"children":106,"page":60},"Ai Workflow","\u002Fen\u002Fdevelopment\u002Fai-workflow","en\u002F2.development\u002F08.ai-workflow",[107,112,117],{"title":108,"path":109,"stem":110,"icon":111},"Overview","\u002Fen\u002Fdevelopment\u002Fai-workflow\u002Foverview","en\u002F2.development\u002F08.ai-workflow\u002F01.overview","i-lucide-bot",{"title":113,"path":114,"stem":115,"icon":116},"Agents","\u002Fen\u002Fdevelopment\u002Fai-workflow\u002Fagents","en\u002F2.development\u002F08.ai-workflow\u002F02.agents","i-lucide-users",{"title":118,"path":119,"stem":120,"icon":121},"Skills","\u002Fen\u002Fdevelopment\u002Fai-workflow\u002Fskills","en\u002F2.development\u002F08.ai-workflow\u002F03.skills","i-lucide-lightbulb",{"title":123,"path":124,"stem":125,"icon":126},"Troubleshooting","\u002Fen\u002Fdevelopment\u002Ftroubleshooting","en\u002F2.development\u002F09.troubleshooting","i-lucide-life-buoy",{"title":128,"icon":129,"path":130,"stem":131,"children":132,"page":60},"Reference","i-lucide-file-code","\u002Fen\u002Freference","en\u002F3.reference",[133,138,142,147,152,156,161,166],{"title":134,"path":135,"stem":136,"icon":137},"Architecture","\u002Fen\u002Freference\u002Farchitecture","en\u002F3.reference\u002F01.architecture","i-lucide-boxes",{"title":139,"path":140,"stem":141,"icon":44},"Transaction Types","\u002Fen\u002Freference\u002Ftransaction-types","en\u002F3.reference\u002F02.transaction-types",{"title":143,"path":144,"stem":145,"icon":146},"Sync","\u002Fen\u002Freference\u002Fsync","en\u002F3.reference\u002F03.sync","i-lucide-refresh-cw",{"title":148,"path":149,"stem":150,"icon":151},"Offline-first","\u002Fen\u002Freference\u002Foffline-first","en\u002F3.reference\u002F04.offline-first","i-lucide-list-ordered",{"title":153,"path":154,"stem":155,"icon":121},"Technical Decisions","\u002Fen\u002Freference\u002Ftech-decisions","en\u002F3.reference\u002F05.tech-decisions",{"title":157,"path":158,"stem":159,"icon":160},"Validation Strategy","\u002Fen\u002Freference\u002Fvalidation-strategy","en\u002F3.reference\u002F06.validation-strategy","i-lucide-shield-check",{"title":162,"path":163,"stem":164,"icon":165},"What Changed Since Firebase","\u002Fen\u002Freference\u002Ffirebase-migration","en\u002F3.reference\u002F07.firebase-migration","i-lucide-hamburger",{"title":167,"path":168,"stem":169,"icon":170},"Performance","\u002Fen\u002Freference\u002Fperformance","en\u002F3.reference\u002F08.performance","i-lucide-gauge",{"title":172,"icon":173,"path":174,"stem":175,"children":176,"page":60},"Premium","i-lucide-star","\u002Fen\u002Fpremium","en\u002F4.premium",[177,181,186],{"title":108,"path":178,"stem":179,"icon":180},"\u002Fen\u002Fpremium\u002Foverview","en\u002F4.premium\u002F01.overview","i-lucide-layers",{"title":182,"path":183,"stem":184,"icon":185},"Telegram Bot","\u002Fen\u002Fpremium\u002Ftelegram-bot","en\u002F4.premium\u002F02.telegram-bot","i-lucide-send",{"title":187,"path":188,"stem":189,"icon":190},"AI Chat","\u002Fen\u002Fpremium\u002Fai-chat","en\u002F4.premium\u002F03.ai-chat","i-lucide-sparkles",{"id":192,"title":51,"body":193,"description":416,"extension":417,"links":418,"meta":419,"navigation":420,"path":52,"seo":421,"stem":53,"__hash__":423},"docs_en\u002Fen\u002F1.guide\u002F09.theme.md",{"type":194,"value":195,"toc":404},"minimark",[196,200,205,208,231,235,238,258,262,265,272,276,279,311,314,318,321,325,328,331,373,381,385,393,397],[197,198,199],"p",{},"Personalize Finapp's appearance - choose colors, dark mode, and corner roundness to match your style. All settings apply instantly without a page reload.",[201,202,204],"h2",{"id":203},"accessing-theme-settings","Accessing Theme Settings",[197,206,207],{},"Open the theme panel from any of these locations:",[209,210,211,219,225],"ul",{},[212,213,214,218],"li",{},[215,216,217],"strong",{},"Settings page"," - full theme controls",[212,220,221,224],{},[215,222,223],{},"Login page"," - toolbar at the top",[212,226,227,230],{},[215,228,229],{},"Sidebar"," (desktop only) - quick access panel on the left",[201,232,234],{"id":233},"color-mode","Color Mode",[197,236,237],{},"Finapp supports three color modes:",[209,239,240,246,252],{},[212,241,242,245],{},[215,243,244],{},"Light"," - bright interface for well-lit environments",[212,247,248,251],{},[215,249,250],{},"Dark"," - dark interface, easier on the eyes in low light",[212,253,254,257],{},[215,255,256],{},"System"," - automatically follows your operating system preference and switches when OS dark mode toggles",[201,259,261],{"id":260},"primary-color","Primary Color",[197,263,264],{},"Choose a primary accent color used for buttons, active states, links, and interactive highlights. Over 20 color palettes are available: red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, and rose.",[197,266,267,268,271],{},"You can also enable ",[215,269,270],{},"black as primary"," for a monochrome look.",[201,273,275],{"id":274},"neutral-color","Neutral Color",[197,277,278],{},"Select the neutral (gray) tone used for backgrounds, borders, and secondary text:",[209,280,281,287,293,299,305],{},[212,282,283,286],{},[215,284,285],{},"Slate"," - cool blue-gray",[212,288,289,292],{},[215,290,291],{},"Gray"," - pure neutral gray",[212,294,295,298],{},[215,296,297],{},"Zinc"," - slightly warm gray",[212,300,301,304],{},[215,302,303],{},"Neutral"," - balanced gray",[212,306,307,310],{},[215,308,309],{},"Stone"," - warm beige-gray",[197,312,313],{},"The neutral color affects cards, sidebars, input fields, and most background surfaces.",[201,315,317],{"id":316},"border-radius","Border Radius",[197,319,320],{},"Adjust the border radius to change the roundness of UI elements - cards, buttons, inputs, and modals. 6 levels available, from sharp square corners to fully rounded pill shapes.",[201,322,324],{"id":323},"dashboard-widgets","Dashboard Widgets",[197,326,327],{},"On the Statistics page (main dashboard), you can show or hide individual widgets. Preferences are saved independently for each tab (Summary, Expense, Income).",[197,329,330],{},"Available widgets:",[209,332,333,339,345,351,356,362,368],{},[212,334,335,338],{},[215,336,337],{},"Chart"," - bar or line chart by period. Can be hidden entirely.",[212,340,341,344],{},[215,342,343],{},"Quick date selector"," - slider for navigating between periods with a swipe. Only visible when the chart is enabled.",[212,346,347,350],{},[215,348,349],{},"Average line"," - horizontal line on the chart showing the mean value.",[212,352,353,355],{},[215,354,26],{}," - wallet balance summary with a configurable number of displayed wallets.",[212,357,358,361],{},[215,359,360],{},"Averages"," - historical averages over N past periods with a configurable count.",[212,363,364,367],{},[215,365,366],{},"Category breakdown"," - list, round icons, or vertical bar chart. Modes can be combined.",[212,369,370,372],{},[215,371,36],{}," - transaction list for the selected period.",[197,374,375,376,380],{},"See ",[377,378,46],"a",{"href":379},"\u002Fen\u002Fguide\u002Fstatistics#settings-modal"," for details on each option.",[201,382,384],{"id":383},"persistence","Persistence",[197,386,387,388,392],{},"Theme settings are saved to ",[389,390,391],"code",{},"localStorage"," and applied on page load before the first render - no flash of unstyled content, no extra network request required.",[201,394,396],{"id":395},"next-steps","Next Steps",[209,398,399],{},[212,400,401,403],{},[377,402,56],{"href":57}," - configure base currency, language, and other preferences",{"title":405,"searchDepth":406,"depth":406,"links":407},"",2,[408,409,410,411,412,413,414,415],{"id":203,"depth":406,"text":204},{"id":233,"depth":406,"text":234},{"id":260,"depth":406,"text":261},{"id":274,"depth":406,"text":275},{"id":316,"depth":406,"text":317},{"id":323,"depth":406,"text":324},{"id":383,"depth":406,"text":384},{"id":395,"depth":406,"text":396},"Customizing the app appearance.","md",null,{},{"icon":54},{"title":51,"description":422},"Customize Finapp's appearance - choose light, dark, or system color mode, select from 20+ primary colors, set neutral palette and border radius.","Ht3mBFeApXVpgWy-UIOapSVq1SGBrYWdORLLW9uyTpw",[425,427],{"title":46,"path":47,"stem":48,"description":426,"icon":49,"children":-1},"Analyzing your finances with statistics.",{"title":56,"path":57,"stem":58,"description":428,"icon":59,"children":-1},"Configure base currency, language, demo mode, exchange rates, and data deletion in Finapp.",1782114342870]