diff --git a/web/style.css b/web/style.css index 5105f17..63cd079 100644 --- a/web/style.css +++ b/web/style.css @@ -2054,10 +2054,10 @@ h1 { .bookmark-subpage__filter-toggle { width: 22px; height: 22px; - border: 1px solid #cbd5e1; + border: none; border-radius: 4px; - background: #fff; - color: #475569; + background: transparent; + color: #94a3b8; display: inline-flex; align-items: center; justify-content: center; @@ -2072,14 +2072,22 @@ h1 { } .bookmark-subpage__filter-toggle:hover { - color: #1f2937; - border-color: #94a3b8; + color: #64748b; +} + +.bookmark-subpage__filter-toggle:focus-visible { + outline: 2px solid #93c5fd; + outline-offset: 1px; } -.bookmark-subpage__filter-toggle.is-open, .bookmark-subpage__filter-toggle.is-active { color: #0f4bb8; +} + +.bookmark-subpage__filter-toggle.is-open { border-color: #60a5fa; + border-style: solid; + border-width: 1px; background: #eff6ff; }