شكرًا، لقد أضفت:
.topic-card.has-max-height {
background: #e6ecf2
}
.topic-card.has-max-height:hover {
background: #ddecf7
}
وهو يعمل بشكل مثالي مع لوحة ‘Shades of Blue’ (ظلال الأزرق) الافتراضية.
حسنًا، الجزء الثاني. كيف يمكنني تعديله ليعمل مع مجموعتي ألوان؟ بدا جيدًا حتى تحول المتصفح إلى الوضع الداكن.
أجيب على سؤالي بنفسي مرة أخرى…
لقد تعلمت عن @media (prefers-color-scheme: light/dark) الليلة الماضية، لذا كل شيء على ما يرام.