כפיית dark mode מיישמת color scheme כהה על כל אתר שאינו מציע כזה — או עוקפת ערכת נושא בהירה של אתר. הכלי הופך בצורה חכמה צבעי רקע לגוונים כהים, מתאים צבעי טקסט לקריאות, ושומר על תמונות, סרטונים, לוגואים ואלמנטי מיתוג בצבעיהם המקוריים. לחיצה אחת להפעלה, לחיצה אחת לכיבוי — ללא צורך בטעינה מחדש של הדף.
אתרים רבים עדיין אינם מציעים אפשרות dark mode, המאלצת משתמשים להביט ברקעים לבנים בוהקים בעת סשני קידוד בשעות הערב, מחקר בשעות הלילה, או עבודה בסביבות עם תאורה חלשה. dark mode ברמת הדפדפן (באמצעות color-scheme) עובד רק באתרים שתומכים בו במפורש. כפיית dark mode פועלת על כל אתר על ידי החלת CSS filters ועקיפות סגנון מותאמות המהפכות רקעים בהירים לגוונים כהים תוך שמירה על צבעי תמונות וקריאות. ההיפוך הוא חכם — הוא אינו פשוט מחיל filter: invert(1) (שהיה מבטל תמונות ומקשה על קריאת טקסט). במקום זאת, הוא מכוון לתכונות צבע הרקע באופן ספציפי, מתאים צבעי טקסט לניגודיות מול הרקעים הכהים החדשים, ומשתמש בסיבוב גוון כדי לשמר את צבעי המותג של האתר ככל האפשר. התוצאה היא חוויית קריאה כהה ונוחה השומרת על זהותו הויזואלית של האתר.
הפעל וכבה את dark mode בלחיצה יחידה. אין צורך בטעינה מחדש של הדף — ערכת הנושא הכהה מוחלת ומוסרת באופן מיידי באמצעות שינוי CSS class. המעבר חלק ללא הבזק לבן.
הרקעים מוכהים בעוד צבעי הטקסט מוברקים לקריאות. האלגוריתם מכוון לתכונות background-color באופן ספציפי במקום להחיל היפוך גורף, ושומר על יחסי הצבעים וההיררכיה הויזואלית של האתר.
תמונות, סרטונים, SVG ואלמנטי canvas פטורים מהיפוך הצבעים. תצלומים נראים טבעיים, לוגואים שומרים על צבעי המותג שלהם, ותוכן וידאו מופעל כרגיל — רק צבעי רקע הדף והטקסט משתנים.
מיושם על כל אתר ללא קשר לארכיטקטורת ה-CSS שלו. עובד על אתרי HTML סטטיים, React SPAs, ערכות נושא של WordPress, אפליקציות ווב, אתרי תיעוד וכל מה שביניהם. אין צורך בהגדרות ספציפיות לאתר.
רקעים כהים עם טקסט בהיר מפחיתים את כמות האור הנפלט מהמסך, ומקטינים את עייפות העיניים בסשנים ממושכים. מועיל במיוחד בעת עבודה בסביבות כהות או בשעות הערב.
dark mode נשאר פעיל רק כל עוד הכלי מופעל. נווט לדפים אחרים וההשפעה תלווה אותך. כבה אותו בסיום — נתוני האתר אינם משתנים ולא מאוחסנות הגדרות.
כפה dark mode על אתרי תיעוד, Stack Overflow, MDN וכל דפי עיון בסשני קידוד בשעות הערב. הפחת עייפות עיניים מבלי להמתין שאתרים יממשו ערכות נושא כהות משלהם.
אם אתה מעדיף dark mode בכל מקום, כפיית dark mode ממלאת את הפערים — החל אותה על האתרים הנותרים בזרימת העבודה שלך שאינם מציעים ערכת נושא כהה מובנית.
כפה dark mode על האתר שלך כדי לראות כיצד ייראה עם צבעים הפוכים. זה נותן תצוגה מקדימה גסה של dark mode לפני השקעת זמן ביישום ערכת נושא כהה מתאימה.
מציג בחדר עם תאורה עמומה? כפה dark mode על כל אתר כדי להפחית בוהק מסך ולהקל על קריאת התוכן על מקרן בתנאי תאורה חלשה.
רקעים כהים פולטים פחות אור כחול מאשר דפים לבנים בוהקים, מה שעשוי לסייע בהפחתת ההשפעה על מחזור השינה שלך בעת גלישה בשעות הערב.
פתח את ה-floating dock של DevSuite Pro ולחץ על סמל כפיית dark mode. הדף עובר באופן מיידי ל-color scheme כהה.
המשך לגלוש באתר כרגיל. dark mode נשמר בזמן שאתה מנווט בין דפים באותו האתר.
לחץ שוב על סמל כפיית dark mode כדי לשחזר את המראה הבהיר המקורי באופן מיידי. אין צורך בטעינה מחדש של הדף.
התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.
