مرحباً!
لدي معرفة سطحية، وإن كانت قديمة بعض الشيء، بـ CSS، ولكني لست مصمماً بأي حال من الأحوال.
لإنشاء سمة بسيطة مع تجاوزات CSS فقط، ما هي نقطة (أو نقاط) البداية التي يجب أن أعتمد عليها؟ أنا لا أتحدث عن الأدوات (مثل discourse_theme وما شابه)، بل من منظور التصميم البحت.
مثال جيد لما أرغب في القيام به هو إعادة تصميم قوائم التنقل (nav-pills).
في كل مرة أحقق فيها شيئًا ما، سيؤدي ذلك إلى “كسر” شيء آخر في مكان آخر، لأن السياقات التي توجد فيها العناصر المعدلة مختلفة.
إذا قمت بتغيير أبعادها عبر الحشو (padding)، فلن يكون ارتفاعها هو نفسه ارتفاع الأزرار المجاورة (موضوع جديد) أو المحددات (الفئة، العلامات) وستكون هناك فجوة.
إذا أضفت حدودًا إلى الحبوب (pills)، ستبدو قبيحة في صفحات تفضيلات المستخدم لأن أشرطة التنقل مفصولة بالفعل بحدود.
لقد حاولت أيضًا إضافة بعض التعديلات إلى select-kit وظهر أنه سيكون من الكابوس جعل تعديلاتي صحيحة لكل تباين من تباينات select-kit.
لدي مشاكل في كل مرة تقريبًا أحاول فيها إعادة تصميم عنصر ما.
لذا، أفترض أن البدء بإعادة تصميم من صفحة معينة ليس الحل الصحيح. فكرت في البدء من صفحة /styleguide لأن هذا هو الغرض منها على الأرجح، ولكن من السهل ملاحظة أن المشكلة غالبًا ما تكون هي نفسها. كل عنصر معروض في دليل الأنماط يفتقر إلى السياق الذي يُستخدم فيه في صفحة حقيقية.
هناك العديد من العناصر والتفاعلات بين العناصر والصفحات لدرجة أنه يصبح الأمر مربكًا بسرعة وأبدأ في ترقيع تعديلاتي بشكل أسي “لإصلاحها”، وهو بالضبط ما لا ينبغي لي فعله.
آمل ألا يكون وصف مشكلتي غامضًا جدًا.
إذا كان لديك أي نصيحة تود مشاركتها من شأنها أن تساعدني في إجراء تغييراتي الصغيرة، فسيكون ذلك محل تقدير كبير! 
سؤالي واسع النطاق، ولكن لإظهار نوع التعديلات التي أهدف إليها، إليك السمة الافتراضية لمنتدىي، وعملي الحالي.
من الناحية المرئية، لن يكون الأمر أكثر بكثير مما هو معروض وتبدو هذه الصفحة جيدة، ولكن حاليًا، هناك العديد من المناطق في الصفحات الأخرى التي بها أخطاء أو تبدو قبيحة بسبب تعديلاتي الحالية (والمزيد لم أكتشفه بعد، بالطبع).