mirror of
https://github.com/deepseek-ai/deepseek-harness.git
synced 2026-09-14 04:01:35 +00:00
yx.zhang
7020c7e122
Apply global visual polish across the web client: corner-shape: superellipse(1.5) with corner-shape: round pairing for full circles, elevation tokens that draw 0.5px stroke outlines inside box-shadow for floating surfaces, 0.5px hairline borders and divider lines for neutral-token strokes, and tuned stroke contrast plus larger radii for menus, settings panels, and cards. Stylesheet-scan specs in ui-theme reject unpaired circles, border+shadow mixes, and 1px neutral hairlines repo-wide. Closes #3287
27 lines
1.1 KiB
CSS
27 lines
1.1 KiB
CSS
/* Smooth corner curvature for every rounded surface. Inside the support
|
|
* guard, all corners curve along superellipse(1.5) — between a circular arc
|
|
* (round = superellipse(1)) and a squircle (superellipse(2)) — instead of the
|
|
* default arc; engines without corner-shape keep circular corners because the
|
|
* token and the rule exist only inside the guard.
|
|
*
|
|
* corner-shape does not inherit, so the universal selector applies the token
|
|
* to elements and their ::before/::after; other pseudo-elements (for example
|
|
* the ::-webkit-scrollbar parts) stay circular.
|
|
*
|
|
* Full-round shapes opt out where they are declared: a superellipse deforms a
|
|
* circle into a squircle and squares off capsule ends, so every effectively
|
|
* uncapped radius (50%, 100%, or a pill radius far above the box size) pairs
|
|
* `corner-shape: round` with its `border-radius` in the owning component
|
|
* sheet. The corner-shape stylesheet spec enforces that pairing. */
|
|
@supports (corner-shape: superellipse(1.5)) {
|
|
:root {
|
|
--dsw-corner-shape: superellipse(1.5);
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
corner-shape: var(--dsw-corner-shape);
|
|
}
|
|
}
|