B07 openwebcad 적용

ui_template/ui_template_theme.css

@@ -171,10 +171,10 @@
   --element-gap: 8px;
 
   /* Scrollbar */
-  --color-scrollbar-track: color-mix(in srgb, var(--color-text) 9%, transparent);
-  --color-scrollbar-thumb: color-mix(in srgb, var(--color-text) 38%, transparent);
-  --color-scrollbar-thumb-hover: color-mix(in srgb, var(--color-text) 56%, transparent);
-  --color-scrollbar-thumb-active: color-mix(in srgb, var(--color-text) 72%, transparent);
+  --color-scrollbar-track: color-mix(in srgb, var(--color-text) 4%, transparent);
+  --color-scrollbar-thumb: color-mix(in srgb, var(--color-text) 16%, transparent);
+  --color-scrollbar-thumb-hover: color-mix(in srgb, var(--color-text) 24%, transparent);
+  --color-scrollbar-thumb-active: color-mix(in srgb, var(--color-text) 32%, transparent);
 
   /* 워크플로우 3단 레이아웃 (frontend.md §2) */
   --wf-header-height: 56px; /* 상단: 타이틀 + 진행 단계 */
@@ -277,11 +277,11 @@
   box-sizing: border-box;
 }
 
-/* Keep the platform scrollbar footprint while giving every scroll container a
- * consistent translucent treatment. Width/height are intentionally untouched. */
+/* 일반 페이지의 가로·세로 스크롤바를 동일한 얇은 테마로 표시한다.
+ * B07 CAD iframe은 별도 문서이므로 이 전역 스타일의 영향을 받지 않는다. */
 * {
   scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
-  scrollbar-width: auto;
+  scrollbar-width: thin;
 }
 
 @supports selector(::-webkit-scrollbar) {
@@ -289,12 +289,17 @@
     scrollbar-color: auto;
   }
 
+  *::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+
   *::-webkit-scrollbar-track {
     background-color: var(--color-scrollbar-track);
   }
 
   *::-webkit-scrollbar-thumb {
-    border: 3px solid transparent;
+    border: 2px solid transparent;
     border-radius: var(--radius-pills);
     background-color: var(--color-scrollbar-thumb);
     background-clip: padding-box;
@@ -307,6 +312,10 @@
   *::-webkit-scrollbar-thumb:active {
     background-color: var(--color-scrollbar-thumb-active);
   }
+
+  *::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
 }
 
 @media (forced-colors: active) {