🐞 ডার্ক মোডে গিটহাব এবং এ ডবলু এস আইকন দেখা যাচ্ছে না

[biswajit-saha]

সমস্যা(Bug)
যে আইকন গুলি কালো বা কাছাকাছি রঙের সেগুলি ব্যাকগ্রাউন্ড এর রঙের কাছাকাছি হওয়ার কনট্রাস্ট খুব কম এবং দেখা যাচ্ছে না।

যেমনটি আশা করেছিলেন (Expected behavior)
ডার্ক মোডে এই আইকন গুলির পর্যাপ্ত কনট্রাস্ট রেশিও প্রয়োজন

স্ক্রিনশট

Desktop (please complete the following information):
যদিও মনে হয় এই সমস্যা প্লাটফর্ম এর উপর নির্ভর করবে না তবুও

• OS: Windows 10
• Browser: Chrome
• Version: Latest

[kingRayhan]

ধন্যবাদ ভাইয়া ইস্যুটি তৈরি করার জন্যে। আমার মনে হয় এখানে এমন আইকন ব্যবহার করা উচিত যা ডার্ক এবং লাইট দুই মুডেই দৃশ্যমান থাকে। আপনার যদি সময় থাকে আমাদের কইছ আইকন সাজেশন দিতে পারবেন?

[biswajit-saha]

একটা রাস্তা হল সম্পূর্ণ svg আইকন ব্যবহার করা এবং ইমেজ হিসাবে ব্যবহার না করে সরাসরি svg কোড ব্যবহার করা। এক্ষেত্রে আপনি চাইলে সিএস এস দিয়ে রঙ পরিবর্তন করতে পারবেন। ডার্ক মোডে শুধু সিএসএস দিয়ে লাইট কালার সেট করে দিতে পারেন।
এটা আপনি ফ্লাট ব্লাক কালারের আইকন ব্যবহার করে করতে পারেন।
কিন্তু যেহেতু কালারফুল আইকন ব্যবহার করছেন সেহেতু যে আইকন গুলো তে সমস্যা আছে সেগুলো আলাদা আলাদা করে ম্যানুয়ালি
সিএসএস দিয়ে মদিফিকেশন করতে পারেন।

উদাহরন হিসাবে গিট হাব আইকনের svg কোড এ fill="#161614" এটা সরিয়ে দিয়ে কোন একটা ক্লাস নিতে পারেন। তখন লাইট আর ডার্ক মোডের জন্য সেই ক্লাসে আলাদা কালার ব্যবহার করতে পারেন।

যদি এক রঙের আইকন ব্যবহার করতে চান তাহলে প্রচুর আইকন পাওয়া যাবে কিন্তু রঙ্গিন আইকন ব্যবহার করলে আপনাকে কিছু কিছু আইকন ম্যানুয়ালি মডিফাই করতেই হবে।
ভাল কিছু আইকন কালেকশন
https://simpleicons.org/
https://iconmonstr.com/
https://iconscout.com/unicons/