diff --git a/website/src/components/PluginCatalog/pages.module.css b/website/src/components/PluginCatalog/pages.module.css index 678e097aed..d6c61eb321 100644 --- a/website/src/components/PluginCatalog/pages.module.css +++ b/website/src/components/PluginCatalog/pages.module.css @@ -70,7 +70,8 @@ font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; - color: #a8860a; + /* #a8860a is only 3.5:1 on white. #6E4F00 clears 4.5:1; dark mode overrides. */ + color: #6e4f00; margin: 0 0 0.5rem; } @@ -153,6 +154,12 @@ color: rgba(96, 165, 250, 0.95); } +[data-theme="light"] .versionPill { + border-color: rgba(29, 78, 216, 0.45); + background: rgba(29, 78, 216, 0.08); + color: #1d4ed8; +} + .starPill { border-color: rgba(255, 215, 0, 0.3); background: rgba(255, 215, 0, 0.08); @@ -338,6 +345,10 @@ transform: translateY(-1px); } +[data-theme="light"] .shot:hover { + border-color: rgba(110, 79, 0, 0.45); +} + .shot img { display: block; width: 100%; @@ -506,6 +517,11 @@ transform: translateY(-1px); } +[data-theme="light"] .miniCard:hover { + border-color: rgba(110, 79, 0, 0.45); + box-shadow: 0 4px 16px rgba(28, 30, 33, 0.06); +} + .miniAccent { position: absolute; top: 0;