feat(client): add create/edit environment pages and hoverable cards
- add CreateEnvironmentPage and EditEnvironmentPage with pre-filled form - add /environments/new and /environments/:id/edit routes - add Edit option to card context menu and detail page toolbar - move env id pill to card footer (left), timestamp stays right - make env cards clickable (navigate to detail); cog stops propagation - add hoverable Card variant with primary border+shadow on hover - add link color tokens and global anchor styles for both themes - fix Timestamp pill visibility in dark mode with border token - add DescriptionList truncate prop with ellipsis and title tooltip - stack DescriptionList dd below dt with 8px gap between items
This commit is contained in:
@@ -39,6 +39,9 @@
|
||||
--color-running-fg: #6B4A00;
|
||||
|
||||
/* Text & Surface — Outer Space */
|
||||
--color-link: #5240A8; /* Kimberly, darkened for contrast on light bg */
|
||||
--color-link-hover: #3D2F80;
|
||||
|
||||
--color-text: #2D3339;
|
||||
--color-text-muted: #6650C0; /* Kimberly */
|
||||
--color-border: #AFBFB9; /* Powder Ash */
|
||||
@@ -91,6 +94,16 @@ body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-link);
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--color-link-hover);
|
||||
}
|
||||
|
||||
/* ── Dark theme ─────────────────────────────────────────────────────────── */
|
||||
[data-theme="dark"] {
|
||||
/* Primary — Atlantis unchanged, pops well on dark */
|
||||
@@ -126,6 +139,9 @@ body {
|
||||
--color-running-fg: #F0D060;
|
||||
|
||||
/* Text & Surface */
|
||||
--color-link: #B0AAD6; /* lightened Kimberly, readable on dark bg */
|
||||
--color-link-hover: #CCC8E8;
|
||||
|
||||
--color-text: #E2EAE6;
|
||||
--color-text-muted: #A9A3C9; /* lightened Kimberly */
|
||||
--color-border: #3D4850;
|
||||
|
||||
Reference in New Issue
Block a user