Redesign Tools page UI and refine site-wide styling
- Consolidate Tools into single card with tab toggle (Capacity/EXIF/Strip) - Remove non-functional Peek feature (requires keys due to PRNG scattering) - Add lime green (#a3e635) tool tab styling - Add light straw gold (#fee862) card header text site-wide - Add subtle drop shadow to headers and warning text - Match Tools page styling to Encode/Decode pages 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -16,6 +16,7 @@
|
||||
--overlay-dark: rgba(0, 0, 0, 0.3);
|
||||
--overlay-light: rgba(255, 255, 255, 0.05);
|
||||
--day-highlight: #E3FF54; /* Bright yellow/green for day of week */
|
||||
--header-gold: #fee862; /* Halfway between light straw and 24k gold */
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
@@ -140,6 +141,17 @@ body {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.card-header h5 {
|
||||
color: var(--header-gold);
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
|
||||
}
|
||||
|
||||
/* Override small warning text to use header gold */
|
||||
.text-warning.small {
|
||||
color: var(--header-gold) !important;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33);
|
||||
}
|
||||
|
||||
.card-link .card-header.text-center {
|
||||
padding-top: 0.5rem !important;
|
||||
padding-bottom: 0.5rem !important;
|
||||
|
||||
Reference in New Issue
Block a user