forgecad 0.10.0 → 0.10.2

package/dist/assets/{app-CE3sYcV7.css → app-CjsbDlb7.css}

@@ -1152,6 +1152,28 @@ button:disabled {
   opacity: 0.92;
 }
 
+:root[data-fc-hud-theme="shield"] .fc-toolbar-glyph--code::before {
+  top: 3px;
+  left: 1px;
+  width: 5px;
+  height: 5px;
+  border-left: 1px solid var(--fc-accent);
+  border-bottom: 1px solid var(--fc-accent);
+  box-shadow: -2px 2px 8px rgba(54, 232, 255, 0.25);
+  transform: rotate(45deg);
+}
+
+:root[data-fc-hud-theme="shield"] .fc-toolbar-glyph--code::after {
+  top: 3px;
+  right: 1px;
+  width: 5px;
+  height: 5px;
+  border-right: 1px solid var(--fc-accent);
+  border-top: 1px solid var(--fc-accent);
+  box-shadow: 2px -2px 8px rgba(54, 232, 255, 0.25);
+  transform: rotate(45deg);
+}
+
 :root[data-fc-hud-theme="shield"] .fc-toolbar-glyph--measure::before {
   top: 6px;
   left: 1px;
@@ -1268,6 +1290,127 @@ button:disabled {
   display: none;
 }
 
+.fc-view-cube {
+  --fc-view-cube-edge: rgba(235, 250, 255, 0.52);
+  --fc-view-cube-edge-hot: color-mix(in srgb, var(--fc-accent) 68%, #ffffff);
+  --fc-view-cube-face-dim: color-mix(in srgb, var(--fc-bgSurface) 74%, var(--fc-accent) 26%);
+  --fc-view-cube-face-lit: rgba(245, 251, 255, 0.42);
+  --fc-view-cube-face-hot: color-mix(in srgb, var(--fc-view-cube-face-lit) 68%, var(--fc-accent));
+  --fc-view-cube-face-active: color-mix(in srgb, var(--fc-bgInput) 72%, var(--fc-accent) 28%);
+  --fc-view-cube-label: rgba(245, 251, 255, 0.9);
+  --fc-view-cube-filter: drop-shadow(0 0 10px color-mix(in srgb, var(--fc-accent) 24%, transparent))
+    drop-shadow(0 14px 18px rgba(0, 0, 0, 0.34));
+  --fc-view-cube-filter-hover: drop-shadow(0 0 14px color-mix(in srgb, var(--fc-accent) 30%, transparent))
+    drop-shadow(0 16px 22px rgba(0, 0, 0, 0.4));
+  --fc-view-cube-filter-drag: drop-shadow(0 0 18px color-mix(in srgb, var(--fc-accent) 36%, transparent))
+    drop-shadow(0 18px 28px rgba(0, 0, 0, 0.48));
+  position: absolute;
+  top: 14px;
+  right: 14px;
+  z-index: 12;
+  width: 116px;
+  height: 116px;
+  pointer-events: auto;
+  cursor: grab;
+  filter: var(--fc-view-cube-filter);
+  transition:
+    filter 140ms ease,
+    transform 140ms ease;
+  user-select: none;
+}
+
+.fc-view-cube:hover {
+  filter: var(--fc-view-cube-filter-hover);
+  transform: translateY(-1px);
+}
+
+.fc-view-cube.dragging {
+  cursor: grabbing;
+  filter: var(--fc-view-cube-filter-drag);
+  transform: scale(1.018);
+}
+
+.fc-view-cube-svg {
+  display: block;
+  width: 116px;
+  height: 116px;
+  overflow: visible;
+}
+
+.fc-view-cube-face {
+  cursor: pointer;
+  outline: none;
+}
+
+.fc-view-cube .fc-view-cube-face:active {
+  transform: none;
+}
+
+.fc-view-cube-face polygon {
+  stroke: var(--fc-view-cube-edge);
+  stroke-width: 1;
+  transition:
+    fill 120ms ease,
+    stroke 120ms ease,
+    stroke-width 120ms ease;
+  vector-effect: non-scaling-stroke;
+}
+
+.fc-view-cube-face:hover polygon,
+.fc-view-cube-face:focus-visible polygon {
+  fill: var(--fc-view-cube-face-hot);
+  stroke: var(--fc-view-cube-edge-hot);
+  stroke-width: 1.8;
+}
+
+.fc-view-cube-face.active polygon {
+  fill: var(--fc-view-cube-face-active);
+  stroke: var(--fc-view-cube-edge-hot);
+  stroke-width: 1.8;
+}
+
+.fc-view-cube-face-label {
+  fill: var(--fc-view-cube-label);
+  font-family: var(--fc-hud-font, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+  font-size: 10px;
+  font-weight: 800;
+  letter-spacing: 0;
+  pointer-events: none;
+  text-anchor: middle;
+  dominant-baseline: central;
+}
+
+:root[data-fc-theme="light"] .fc-view-cube,
+:root[data-fc-theme="kanagawa-lotus"] .fc-view-cube,
+:root[data-fc-theme="shield-light"] .fc-view-cube {
+  --fc-view-cube-edge: color-mix(in srgb, #82929f 72%, var(--fc-accent) 28%);
+  --fc-view-cube-edge-hot: color-mix(in srgb, var(--fc-accent) 66%, #30424e);
+  --fc-view-cube-face-dim: #cfd9df;
+  --fc-view-cube-face-lit: color-mix(in srgb, #ffffff 82%, var(--fc-accent) 18%);
+  --fc-view-cube-face-hot: color-mix(in srgb, #e6edf1 74%, var(--fc-accent) 26%);
+  --fc-view-cube-face-active: #b9c7cf;
+  --fc-view-cube-label: #30424e;
+  --fc-view-cube-filter: drop-shadow(0 12px 20px rgba(14, 32, 44, 0.18));
+  --fc-view-cube-filter-hover: drop-shadow(0 14px 24px rgba(14, 32, 44, 0.24));
+  --fc-view-cube-filter-drag: drop-shadow(0 16px 28px rgba(14, 32, 44, 0.3));
+}
+
+:root[data-fc-theme="shield"] .fc-view-cube {
+  --fc-view-cube-edge: color-mix(in srgb, var(--fc-accent) 68%, #ffffff 32%);
+  --fc-view-cube-edge-hot: color-mix(in srgb, var(--fc-accent) 78%, #ffffff);
+  --fc-view-cube-face-dim: #10283e;
+  --fc-view-cube-face-lit: color-mix(in srgb, #294968 62%, var(--fc-accent) 38%);
+  --fc-view-cube-face-hot: color-mix(in srgb, #294968 48%, var(--fc-accent) 52%);
+  --fc-view-cube-face-active: #0c2237;
+  --fc-view-cube-label: #def4ff;
+  --fc-view-cube-filter: drop-shadow(0 0 12px color-mix(in srgb, var(--fc-accent) 42%, transparent))
+    drop-shadow(0 16px 20px rgba(0, 12, 18, 0.58));
+  --fc-view-cube-filter-hover: drop-shadow(0 0 16px color-mix(in srgb, var(--fc-accent) 50%, transparent))
+    drop-shadow(0 18px 24px rgba(0, 12, 18, 0.64));
+  --fc-view-cube-filter-drag: drop-shadow(0 0 20px color-mix(in srgb, var(--fc-accent) 58%, transparent))
+    drop-shadow(0 20px 30px rgba(0, 12, 18, 0.68));
+}
+
 :root[data-fc-hud-theme="shield"] .fc-viewport-shell {
   isolation: isolate;
   overflow: hidden;