מאפיין color-scheme

מאפיין color-scheme מצהיר באילו ערכות צבעים האלמנט תומך — light, dark או שתיהן. משפיע על ברירות-מחדל של UA (טפסים, scrollbars) וקובע איזה צבע יבחר light-dark(). אחד הכלים החשובים לתמיכה ב-dark mode.

:root { color-scheme: light dark; }

.widget { color-scheme: only dark; background: light-dark(white, black); color: light-dark(black, white); }

normalערך ברירת המחדל. ערכת צבעים תואמת ל-UA.

lightמצהיר על תמיכה במצב בהיר.

darkמצהיר על תמיכה במצב כהה.

onlyאוסר על UA לדרוס את הבחירה (למשל ע"י extensions).

CSS Color Adjustment Module Level 1

Candidate Recommendation Snapshot

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next