feat: 배경 테마(다크/라이트)에 따른 ACI 7번 색상 동적 변경 적용

src/main.ts

@@ -203,14 +203,24 @@ document.getElementById('file')!.addEventListener('change', (ev) => {
   (ev.target as HTMLInputElement).value = '';
 });
 let dark = true;
+document.getElementById('fit')?.addEventListener('click', () => {
+  viewer.fit();
+});
 document.getElementById('theme')!.addEventListener('click', () => {
   dark = !dark;
   viewer.setTheme(dark);
+  fillLayers();
 });
 document.getElementById('layersBtn')!.addEventListener('click', () => {
   layersPanel.style.display = layersPanel.style.display === 'block' ? 'none' : 'block';
 });
 
+window.addEventListener('keydown', (e) => {
+  if ((e.key === 'f' || e.key === 'F') && (e.target as HTMLElement)?.tagName !== 'INPUT') {
+    viewer.fit();
+  }
+});
+
 window.addEventListener('dragover', (e) => e.preventDefault());
 window.addEventListener('drop', (e) => {
   e.preventDefault();
@@ -219,7 +229,11 @@ window.addEventListener('drop', (e) => {
 });
 
 const model = new URLSearchParams(location.search).get('model');
-if (model) void run(model, () => loadUrl(model));
-else void run('C0060202-001-평면및종단면도.dwg', () => loadUrl(civilFile, 'C0060202-001-평면및종단면도.dwg'));
+if (model) {
+  void run(model, () => loadUrl(model));
+} else {
+  setStatus('ready');
+}
 
 window.addEventListener('resize', () => viewer.resize());
+