diff --git a/src/layouts/common.css b/src/layouts/common.css index 0c21138..531d169 100644 --- a/src/layouts/common.css +++ b/src/layouts/common.css @@ -9,6 +9,10 @@ small { background-color: var(--color-border); display: inline-block; vertical-align: middle; + + @media (prefers-color-scheme: dark) { + background-color: var(--bg-dark); + } } img { @@ -23,11 +27,11 @@ img { details { display: block; padding: 1em; - border: 2px solid var(--color-border); + border: 1px solid var(--color-border); border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; - border-left: 3px solid var(--color-brand-complement-dark); + border-left: 2px solid var(--color-brand-complement-dark); @media (prefers-color-scheme: dark) { border-left-color: var(--color-brand-complement);