Spaces:
Running
Running
style: neutral outlined hero Links buttons
Browse filesDrop the per-color gradients (blue/teal/amber) on the Paper/Demo/Dashboard
buttons for a quiet surface+border style that follows the theme variables
in both light and dark mode.
app/src/components/Hero.astro
CHANGED
|
@@ -281,21 +281,21 @@ const pdfFilename = `${slugify(pdfBase)}.pdf`;
|
|
| 281 |
.meta-container .button {
|
| 282 |
text-decoration: none;
|
| 283 |
}
|
| 284 |
-
/* Links cell:
|
| 285 |
.hero-links {
|
| 286 |
display: flex;
|
| 287 |
flex-direction: column;
|
| 288 |
align-items: flex-start;
|
| 289 |
gap: 6px;
|
| 290 |
}
|
| 291 |
-
.hero-links .button
|
| 292 |
-
background:
|
|
|
|
|
|
|
| 293 |
}
|
| 294 |
-
.hero-links .button
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
.hero-links .button.lk-dash {
|
| 298 |
-
background: linear-gradient(15deg, #a86f24 0%, #bf7d2c 35%);
|
| 299 |
}
|
| 300 |
.meta-container-cell {
|
| 301 |
display: flex;
|
|
|
|
| 281 |
.meta-container .button {
|
| 282 |
text-decoration: none;
|
| 283 |
}
|
| 284 |
+
/* Links cell: stacked, quiet outlined buttons */
|
| 285 |
.hero-links {
|
| 286 |
display: flex;
|
| 287 |
flex-direction: column;
|
| 288 |
align-items: flex-start;
|
| 289 |
gap: 6px;
|
| 290 |
}
|
| 291 |
+
.hero-links .button {
|
| 292 |
+
background: var(--surface-bg);
|
| 293 |
+
color: var(--text-color);
|
| 294 |
+
border-color: var(--border-color);
|
| 295 |
}
|
| 296 |
+
.hero-links .button:hover {
|
| 297 |
+
border-color: var(--muted-color);
|
| 298 |
+
filter: none;
|
|
|
|
|
|
|
| 299 |
}
|
| 300 |
.meta-container-cell {
|
| 301 |
display: flex;
|