seonglae commited on
Commit
d18a05d
·
1 Parent(s): e0f4370

style: neutral outlined hero Links buttons

Browse files

Drop 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.

Files changed (1) hide show
  1. app/src/components/Hero.astro +8 -8
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: stack buttons vertically, each its own accent color */
285
  .hero-links {
286
  display: flex;
287
  flex-direction: column;
288
  align-items: flex-start;
289
  gap: 6px;
290
  }
291
- .hero-links .button.lk-paper {
292
- background: linear-gradient(15deg, #34506f 0%, #3d5a80 35%);
 
 
293
  }
294
- .hero-links .button.lk-demo {
295
- background: linear-gradient(15deg, #24796e 0%, #2a8f82 35%);
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;