文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>塑胶跑道翻新价格全指南  - 优正体育</title><meta name='keywords' content='塑胶跑道翻新价格全指南 '><!--ke--><!--ke--><!--ke--><!--ke--><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.2/css/all.min.css rel=stylesheet><script src=https://jsdelivr.topthink.com/npm/chart.js></script><style>@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary:#3b82f6;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--light:#f8fafc;--dark:#0f172a;--card-light:#fff;--card-dark:#1e293b}body{font-family:Noto Sans SC,sans-serif;transition:background-color .3s,color .3s}.card{transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-2px)}.btn{transition:transform .2s,background-color .2s,box-shadow .2s}.btn:hover{transform:scale(1.02)}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-container{width:较高;height:300px;margin:auto;position:relative}.price-tag{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;margin:0 2px;padding:2px 8px;font-weight:500;display:inline-block}.dark .price-tag{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.section-title{margin-bottom:1.5rem;padding-left:1rem;position:relative}.section-title:before{content:"";background-color:var(--primary);border-radius:2px;width:4px;height:1.5rem;position:absolute;top:.25rem;left:0}.highlight-box{border-left:4px solid var(--primary);background-color:#3b82f61a;border-radius:0 4px 4px 0;margin:1.5rem 0;padding:1rem}.dark .highlight-box{background-color:#3b82f633}.theme-toggle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex}.theme-toggle:hover{background-color:#f1f5f9}.dark .theme-toggle:hover{background-color:#334155}.progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:var(--primary);border-radius:4px;height:较高;transition:width 1s ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-track{background:#334155}.dark ::-webkit-scrollbar-thumb{background:#64748b}.material-card{transition:all .3s}.material-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .material-card:hover{box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}</style></head><body class="bg-gray-50 text-gray-800 dark:bg-gray-900 dark:text-gray-100"><div class="min-h-screen flex flex-col"><header class="sticky top-0 z-50 bg-white dark:bg-gray-800 shadow-sm"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><h1 class="text-xl md:text-2xl font-bold text-blue-600 dark:text-blue-400">塑胶跑道翻新指南</h1><div class="flex items-center space-x-4"><div class=theme-toggle id=themeToggle><i class="fas fa-sun text-yellow-500 dark:hidden"></i><i class="fas fa-moon text-blue-300 hidden dark:block"></i></div><button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition btn"><i class="fas fa-phone-alt mr-2"></i>咨询热线</button></div></div></header><main class="flex-grow container mx-auto px-4 py-8"><section class="mb-12 fade-in"><div class="max-w-4xl mx-auto text-center"><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 text-gray-900 dark:text-white">塑胶跑道翻新价格全指南</h1><p class="text-lg text-gray-600 dark:text-gray-300 mb-8">专业解析各类塑胶跑道翻新成本与影响因素<div class="flex justify-center mb-8"><span class="inline-block px-4 py-2 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full text-sm font-medium"> <i class="fas fa-user-edit mr-2"></i>作者：湖北优正体育 </span><span class="inline-block px-4 py-2 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 rounded-full text-sm font-medium ml-2"> <i class="fas fa-phone mr-2"></i>185-7145-9135 </span></div><div class="highlight-box max-w-3xl mx-auto"><p class=text-lg>塑胶跑道翻新价格因材料、工艺、规模差异呈现较大跨度，<span class=font-bold>每平方米成本约60~500元</span>。建议根据场地实际需求选择材料类型，并委托专业团队进行现场评估与报价。</div></div></section><section class="mb-16 fade-in"style=animation-delay:.2s><h2 class="text-2xl md:text-3xl font-bold section-title text-gray-900 dark:text-white">一、塑胶跑道翻新价格区间</h2><p class="text-gray-700 dark:text-gray-300 mb-6">塑胶跑道翻新成本受材料类型、破损程度、施工工艺等多因素影响，综合行业数据及项目案例，价格范围如下：<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mr-4"><i class="fas fa-wind text-blue-600 dark:text-blue-400 text-xl"></i></div><h3 class="text-xl font-bold text-gray-900 dark:text-white">透气型塑胶跑道</h3></div><div class=mb-4><p class="text-gray-600 dark:text-gray-400 mb-2">翻新单价：<div class="flex items-center"><span class=price-tag>80~120元/平方米</span></div><p class="text-sm text-gray-500 dark:text-gray-400 mt-1">含基础处理及面层铺设</div><div><p class="text-gray-600 dark:text-gray-400 mb-2">适用场景：<p class="text-gray-700 dark:text-gray-300">学校、社区等日常使用频率较低的场地</div></div><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mr-4"><i class="fas fa-layer-group text-purple-600 dark:text-purple-400 text-xl"></i></div><h3 class="text-xl font-bold text-gray-900 dark:text-white">混合型塑胶跑道</h3></div><div class=mb-4><p class="text-gray-600 dark:text-gray-400 mb-2">翻新单价：<div class="flex items-center"><span class=price-tag>120~218元/平方米</span></div><p class="text-sm text-gray-500 dark:text-gray-400 mt-1">含铲除旧面层、打磨、新面层施工</div><div><p class="text-gray-600 dark:text-gray-400 mb-2">特点：<p class="text-gray-700 dark:text-gray-300">耐用性高，适合专业运动场馆及高负荷场地</div></div><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 bg-yellow-100 dark:bg-yellow-900 rounded-full flex items-center justify-center mr-4"><i class="fas fa-palette text-yellow-600 dark:text-yellow-400 text-xl"></i></div><h3 class="text-xl font-bold text-gray-900 dark:text-white">EPDM塑胶跑道</h3></div><div class=mb-4><p class="text-gray-600 dark:text-gray-400 mb-2">翻新单价：<div class="flex items-center"><span class=price-tag>60~120元/平方米</span></div><p class="text-sm text-gray-500 dark:text-gray-400 mt-1">局部修补成本较低，全面翻新需增加基础处理费用</div><div><p class="text-gray-600 dark:text-gray-400 mb-2">适用场景：<p class="text-gray-700 dark:text-gray-300">幼儿园、非标准跑道等彩色需求场地</div></div><div class="material-card bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-12 h-12 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mr-4"><i class="fas fa-cube text-green-600 dark:text-green-400 text-xl"></i></div><h3 class="text-xl font-bold text-gray-900 dark:text-white">全塑型/预制型跑道</h3></div><div class=mb-4><p class="text-gray-600 dark:text-gray-400 mb-2">翻新单价：<div class="flex items-center"><span class=price-tag>140~350元/平方米</span></div><p class="text-sm text-gray-500 dark:text-gray-400 mt-1">含拆除旧层、铺设环保卷材等</div><div><p class="text-gray-600 dark:text-gray-400 mb-2">案例：<p class="text-gray-700 dark:text-gray-300">某高校预制型跑道翻新工程综合单价达235.5元/平方米</div></div></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">各类跑道价格对比</h3><div class=chart-container><canvas id=priceChart></canvas></div></div></section><section class="mb-16 fade-in"style=animation-delay:.4s><h2 class="text-2xl md:text-3xl font-bold section-title text-gray-900 dark:text-white">二、影响翻新成本的核心因素</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center mr-3"><i class="fas fa-exclamation-triangle text-red-600 dark:text-red-400"></i></div><h3 class="text-lg font-bold text-gray-900 dark:text-white">破损程度</h3></div><ul class=space-y-3><li class="flex items-start"><div class="w-6 h-6 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-red-600 dark:text-red-400"></i></div> <div><p class=font-medium>轻度磨损（局部修补）<p class="text-gray-600 dark:text-gray-400">130~200元/平方米</div><li class="flex items-start"><div class="w-6 h-6 bg-orange-100 dark:bg-orange-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-orange-600 dark:text-orange-400"></i></div> <div><p class=font-medium>中度损坏（表面重铺）<p class="text-gray-600 dark:text-gray-400">200~350元/平方米</div><li class="flex items-start"><div class="w-6 h-6 bg-yellow-100 dark:bg-yellow-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-yellow-600 dark:text-yellow-400"></i></div> <div><p class=font-medium>全面翻新（铲除旧层+新铺设）<p class="text-gray-600 dark:text-gray-400">350~500元/平方米</div></ul></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mr-3"><i class="fas fa-tools text-blue-600 dark:text-blue-400"></i></div><h3 class="text-lg font-bold text-gray-900 dark:text-white">施工工艺</h3></div><ul class=space-y-3><li class="flex items-start"><div class="w-6 h-6 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-blue-600 dark:text-blue-400"></i></div> <div><p class=font-medium>基础处理费用<p class="text-gray-600 dark:text-gray-400">铲除旧面层约6.61元/平方米，场地打磨约3~10元/平方米</div><li class="flex items-start"><div class="w-6 h-6 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-blue-600 dark:text-blue-400"></i></div> <div><p class=font-medium>附加成本<p class="text-gray-600 dark:text-gray-400">排水修复、围挡搭建等辅助工程可能增加5%~15%总费用</div></ul></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mr-3"><i class="fas fa-map-marker-alt text-green-600 dark:text-green-400"></i></div><h3 class="text-lg font-bold text-gray-900 dark:text-white">区域及规模差异</h3></div><ul class=space-y-3><li class="flex items-start"><div class="w-6 h-6 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-green-600 dark:text-green-400"></i></div> <div><p class=font-medium>大型项目<p class="text-gray-600 dark:text-gray-400">如8000平方米以上，单价可降低10%~20%</div><li class="flex items-start"><div class="w-6 h-6 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-circle text-xs text-green-600 dark:text-green-400"></i></div> <div><p class=font-medium>城市差异<p class="text-gray-600 dark:text-gray-400">一线城市人工成本较二三线城市高15%~30%</div></ul></div></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">破损程度对成本的影响</h3><div class=chart-container><canvas id=damageChart></canvas></div></div></section><section class="mb-16 fade-in"style=animation-delay:.6s><h2 class="text-2xl md:text-3xl font-bold section-title text-gray-900 dark:text-white">三、施工流程与建议</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 bg-indigo-100 dark:bg-indigo-900 rounded-full flex items-center justify-center mr-3"><i class="fas fa-tasks text-indigo-600 dark:text-indigo-400"></i></div><h3 class="text-lg font-bold text-gray-900 dark:text-white">标准化流程</h3></div><ol class="space-y-3 list-decimal pl-5"><li>评估旧跑道状态<li>制定翻新方案<li>铲除/打磨<li>基础修复<li>新面层施工<li>画线验收</ol></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mr-3"><i class="fas fa-flask text-purple-600 dark:text-purple-400"></i></div><h3 class="text-lg font-bold text-gray-900 dark:text-white">材料选择建议</h3></div><ul class=space-y-4><li class="flex items-start"><div class="w-6 h-6 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-check text-xs text-purple-600 dark:text-purple-400"></i></div> <div><p class=font-medium>透气型+耐磨面层<p class="text-gray-600 dark:text-gray-400">性价比高，适合预算有限的项目</div><li class="flex items-start"><div class="w-6 h-6 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-check text-xs text-purple-600 dark:text-purple-400"></i></div> <div><p class=font-medium>混合型+自结纹<p class="text-gray-600 dark:text-gray-400">平衡耐用性与成本，推荐学校使用</div></ul></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><div class="flex items-center mb-4"><div class="w-10 h-10 bg-amber-100 dark:bg-amber-900 rounded-full flex items-center justify-center mr-3"><i class="fas fa-exclamation-circle text-amber-600 dark:text-amber-400"></i></div><h3 class="text-lg font-bold text-gray-900 dark:text-white">注意事项</h3></div><ul class=space-y-4><li class="flex items-start"><div class="w-6 h-6 bg-amber-100 dark:bg-amber-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-exclamation text-xs text-amber-600 dark:text-amber-400"></i></div> <div><p class=font-medium>避免低价陷阱<p class="text-gray-600 dark:text-gray-400">部分低价材料可能不符合GB 36246-2018环保标准</div><li class="flex items-start"><div class="w-6 h-6 bg-amber-100 dark:bg-amber-900 rounded-full flex items-center justify-center mr-2 mt-0.5 flex-shrink-0"><i class="fas fa-exclamation text-xs text-amber-600 dark:text-amber-400"></i></div> <div><p class=font-medium>优先选择透明报价<p class="text-gray-600 dark:text-gray-400">要求施工方提供分项费用清单，避免隐性成本</div></ul></div></div><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><h3 class="text-xl font-bold text-gray-900 dark:text-white mb-4">施工流程可视化</h3><div class=chart-container><canvas id=processChart></canvas></div></div></section><section class="mb-16 fade-in"style=animation-delay:.8s><h2 class="text-2xl md:text-3xl font-bold section-title text-gray-900 dark:text-white">四、总结</h2><div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 border border-gray-200 dark:border-gray-700"><p class="text-gray-700 dark:text-gray-300 mb-4">塑胶跑道翻新价格因材料、工艺、规模差异呈现较大跨度，<span class=font-bold>每平方米成本约60~500元</span>。建议根据场地实际需求选择材料类型，并委托专业团队进行现场评估与报价。<div class="flex items-center justify-center mt-8"><div class="flex items-center bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg"><i class="fas fa-phone-alt text-3xl text-blue-600 dark:text-blue-400 mr-4"></i><div><p class="text-lg font-medium text-gray-900 dark:text-white">如需详细方案或报价咨询，请联系：<p class="text-xl font-bold text-blue-600 dark:text-blue-400">185-7145-9135</div></div></div></div></section></main><footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 py-8"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><p class="text-gray-600 dark:text-gray-400">作者： 优正体育吴杰18571459135</div><div class="flex items-center space-x-4"><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition"href=#> <i class="fab fa-weixin text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition"href=#> <i class="fab fa-weibo text-xl"></i> </a><a class="text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition"href=#> <i class="fas fa-envelope text-xl"></i> </a></div></div><div class="mt-6 text-center text-sm text-gray-500 dark:text-gray-400"><p>© 2025 塑胶跑道翻新价格全指南 | 湖北优正体育</div></div></footer></div><script>const themeToggle=document.getElementById(`themeToggle`);if(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches){document.documentElement.classList.add(`dark`)};themeToggle.addEventListener(`click`,()=>{document.documentElement.classList.toggle(`dark`)});document.addEventListener(`DOMContentLoaded`,(()=>{let j=`#f1f5f9`,h=`rgba(255, 255, 255, 0.1)`,i=`rgba(0, 0, 0, 0.1)`,g=`2d`,k=`rgba(59, 130, 246, 1)`,l=`rgba(255, 255, 255, 0.8)`,m=`rgba(0, 0, 0, 0.8)`;const a=document.getElementById(`priceChart`).getContext(g);new Chart(a,{type:`bar`,data:{labels:[`透气型`,`混合型`,`EPDM`,`全塑型`],datasets:[{label:`较低价格 (元/平方米)`,data:[80,120,60,140],backgroundColor:`rgba(59, 130, 246, 0.6)`,borderColor:k,borderWidth:1},{label:`较高价格 (元/平方米)`,data:[120,218,120,350],backgroundColor:`rgba(16, 185, 129, 0.6)`,borderColor:`rgba(16, 185, 129, 1)`,borderWidth:1}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`,labels:{color:document.documentElement.classList.contains(`dark`)?l:m}},tooltip:{mode:`index`,intersect:!1}},scales:{y:{beginAtZero:!0,ticks:{color:document.documentElement.classList.contains(`dark`)?l:m},grid:{color:document.documentElement.classList.contains(`dark`)?h:i}},x:{ticks:{color:document.documentElement.classList.contains(`dark`)?l:m},grid:{color:document.documentElement.classList.contains(`dark`)?h:i}}}}});const b=document.getElementById(`damageChart`).getContext(g);new Chart(b,{type:`radar`,data:{labels:[`轻度磨损`,`中度损坏`,`全面翻新`,`基础处理`,`附加成本`],datasets:[{label:`成本构成 (%)`,data:[20,30,25,15,10],fill:!0,backgroundColor:`rgba(59, 130, 246, 0.2)`,borderColor:k,pointBackgroundColor:k,pointBorderColor:j,pointHoverBackgroundColor:j,pointHoverBorderColor:k}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:`top`,labels:{color:document.documentElement.classList.contains(`dark`)?l:m}},tooltip:{callbacks:{label:(a=>`${a.dataset.label}: ${a.raw}%`)}}},scales:{r:{angleLines:{color:document.documentElement.classList.contains(`dark`)?h:i},grid:{color:document.documentElement.classList.contains(`dark`)?h:i},pointLabels:{color:document.documentElement.classList.contains(`dark`)?l:m},ticks:{backdropColor:`transparent`,color:document.documentElement.classList.contains(`dark`)?l:m}}}}});const c=document.getElementById(`processChart`).getContext(g);new Chart(c,{type:`line`,data:{labels:[`评估`,`方案`,`铲除`,`修复`,`施工`,`验收`],datasets:[{label:`进度百分比`,data:[10,30,50,70,90,100],fill:!0,backgroundColor:`rgba(59, 130, 246, 0.2)`,borderColor:k,tension:0.4,pointBackgroundColor:k,pointBorderColor:j,pointHoverBackgroundColor:j,pointHoverBorderColor:k}]},options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{callbacks:{label:(a=>`进度: ${a.raw}%`)}}},scales:{y:{beginAtZero:!0,max:100,ticks:{callback:(a=>`${a}%`),color:document.documentElement.classList.contains(`dark`)?l:m},grid:{color:document.documentElement.classList.contains(`dark`)?h:i}},x:{ticks:{color:document.documentElement.classList.contains(`dark`)?l:m},grid:{color:document.documentElement.classList.contains(`dark`)?h:i}}}}});themeToggle.addEventListener(`click`,()=>{const a=document.documentElement.classList.contains(`dark`);const b=a?l:m;const c=a?h:i;const d=a?j:k;Chart.helpers.each(Chart.instances,(a=>{a.options.plugins.legend.labels.color=b;a.options.scales.y.ticks.color=b;a.options.scales.x.ticks.color=b;a.options.scales.y.grid.color=c;a.options.scales.x.grid.color=c;a.update()}))})}))</script>
</body></html>