diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index 5c22e8c..9f1d895 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -966,9 +966,10 @@ body::after { } .trip-panel-toggle { - background: none; - border: none; - padding: 0; + background: transparent; + border: 1px solid var(--color-border); + border-radius: var(--radius-sm); + padding: var(--space-1) var(--space-3); font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 500; @@ -976,12 +977,19 @@ body::after { cursor: pointer; display: flex; align-items: center; - gap: var(--space-1); - transition: color 0.15s; + gap: var(--space-2); + transition: color 0.15s, border-color 0.15s, background 0.15s; } -.trip-panel-toggle:hover { color: var(--color-ink); } -.trip-panel-toggle.is-active { color: var(--color-accent); } +.trip-panel-toggle:hover { + color: var(--color-ink); + border-color: var(--color-ink-muted); +} +.trip-panel-toggle.is-active { + color: var(--color-accent); + border-color: var(--color-accent); + background: var(--color-accent-light); +} .trip-panel-caret { display: inline-block;