Freecodecamp: ऑफ़लाइन चेतावनी संदेश को डार्क मोड में पढ़ना कठिन है

को निर्मित 8 नव॰ 2020 · 5टिप्पणियाँ · स्रोत: freeCodeCamp/freeCodeCamp

प्रजनन करना
व्यवहार को पुन: पेश करने के लिए कदम:

अंधेरे पर सेट विषय के साथ / जानें या / सेटिंग्स पर जाएं
इंटरनेट कनेक्शन बंद करें और प्रतीक्षा करें

वास्तविक व्यवहार
ऑफ़लाइन चेतावनी संदेश दिखाई देता है, लेकिन पाठ को पढ़ना काफी कठिन है।

स्क्रीनशॉट

Screen Shot 2020-11-09 at 12 22 16 AM

first timers only client bug

स्रोत

huyenltnguyen

सभी 5 टिप्पणियाँ

WCAG का कहना है कि इसके विपरीत केवल 1.41: https://contrastchecker.com/?c=f5f6f7&b=add8e6 है

Sky020 8 नव॰ 2020

नोटिफिकेशन बैकग्राउंड हार्डकोड किया गया है और थीम के आधार पर फॉन्ट कलर को हैंडल किया जा रहा है।

हमने बूटस्ट्रैप को सूचनाओं के लिए स्टाइल को संभालने दिया है क्योंकि वे फ़ॉन्ट रंग और पृष्ठभूमि को संभालते हैं और दोनों विषयों को अच्छी तरह से देखते हैं।

इसलिए फॉलो करते हुए ट्रिक जरूर करना चाहिए।

एक वर्ग के रूप में alert-info जोड़ें:
https://github.com/freeCodeCamp/freeCodeCamp/blob/0c0611229e23e20000bd287736369dc36566f7b1/client/src/compenders/OfflineWarning/OfflineWarning.js#L28

और यहाँ से background निकालें:
https://github.com/freeCodeCamp/freeCodeCamp/blob/05535d1e56bca7456b69510fa724493edf5fa1ca/client/src/compenders/OfflineWarning/offline-warning.css#L6

ahmadabdolsaheb 10 नव॰ 2020

मुझे लगता है कि सबसे अच्छा तरीका है कि लूमा-सही गणना को लागू करना।
लूमा-करेक्टेड अप्रोच के साथ जाने का पहला स्पष्ट निहितार्थ यह है कि नोटिफिकेशन बैकग्राउंड कलर को बैकग्राउंड के लिए RBG डिक्लेरेशन पर स्विच करने की जरूरत है, जो भी मेथड चुनें, उसमें से लूम का कैलकुलेशन करें और इसे फोरग्राउंड कलर डिक्लेरेशन पर यूज करें, ( और) अभी भी एचएसएल रंग होगा।

मैं ऐसा इसलिए कह रहा हूं क्योंकि इससे फॉन्ट कलर को नोटिफिकेशन बैकग्राउंड कंट्रास्ट के आधार पर white से black और इसके विपरीत के आधार पर स्विच करने की अनुमति मिल जाएगी।

स्रोत: https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/

rammazzoti2000 10 नव॰ 2020

👍1

@ahmadabdolsaheb मैं इस पर काम कर सकते हैं? मुझे मदद की ज़रूरत हो सकती है। कृपया मेरा मार्ग दर्शन कीजिए।

redshark25 10 नव॰ 2020

@ rammazzoti2000 , यह एक अच्छी चाल है। लिंक शेयर करने के लिए धन्यवाद।

चूंकि हम बूटस्ट्रैप को बंद करने की योजना बना रहे हैं, इसलिए हमें फिर से लिखना प्रक्रिया के दौरान अपने अंधेरे / हल्के विषयों को लागू करने के तरीके में लूमा-सही गणना पर विचार करना चाहिए।

इस बीच, मुझे लगता है कि हम इस मुद्दे को हल करने वाले सरल बदलाव के साथ आगे बढ़ सकते हैं।

@ redshark25 , ज़रूर। सुनिश्चित करें कि आपने इसे पढ़ा: https://contribute.freecodecamp.org/#/index ? Id = हमारा-खुला-स्रोत-कोडबेस?

ahmadabdolsaheb 12 नव॰ 2020

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Freecodecamp: ऑफ़लाइन चेतावनी संदेश को डार्क मोड में पढ़ना कठिन है

सभी 5 टिप्पणियाँ

स्रोत: https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/

संबंधित मुद्दों