EELU SIS Theme (login + dashboard)

Developer: Ahmed Hamdy ✦ © 2025

ماذا يحتوي المشروع

• login.css — تصميم صفحة تسجيل الدخول (Login Page).
• sis.css — تصميم صفحات منصة SIS بعد تسجيل الدخول (Dashboard/Portal).

هدف المشروع

تحسين شكل واجهة نظام SIS ليكون أكثر عصرية وقراءة أسهل على الشاشات المكتبية.

---

التثبيت (باستخدام إضافة Stylus Without Network)

1. ثبّت إضافة Stylus للمتصفح (Chrome أو Firefox):

   • Chrome Web Store → Stylus.
   • Firefox Add-ons → Stylus.

2. لتطبيق login.css على صفحة الدخول:

   • افتح صفحة تسجيل الدخول في متصفحك.
   • اضغط أيقونة Stylus → Manage → write new style (أو Import).
   • انسخ كامل محتوى login.css وألصقه.
   • في خانة "Applies to" اختر: URLs starting with ثم ضع رابط صفحة الدخول (مثال):

     https://your-sis-domain.example/login
     

     أو استخدم الجزء العام من الدومين:

     https://sis.your-university.edu/
     

   • احفظ.

3. لتطبيق sis.css على لوحات المنصة:

   • افتح أي صفحة داخل الDashboard.
   • أنشئ ستايل جديد بنفس الطريقة وألصق sis.css.
   • اجعل التطبيق ينطبق على الدومين الكامل للبوابة (مثال):

     https://sis.your-university.edu/
     

   • احفظ.

ملاحظة: الأنماط مفصّلة ومقسمة — إن أردت تعديل لون أو خط، افتح الملف وابحث عن :root في الأعلى وعدّل المتغيرات (variables) مثل --primary-color.

---

كيفية التعديل

• سهل عبر GitHub: افتح الملف في المستودع على GitHub واضغط على أيقونة القلم (Edit) ثم Commit.
• محليًا: قم بعمل clone وعدّل CSS ثم push.
• لتجربة التعديلات مباشرة دون رفع، انسخ المحتوى المعدّل إلى Stylus واحفظ.

---

ترخيص

هذا المشروع مرخّص بموجب MIT License — استخدمه وعدّله بحرية مع الاحتفاظ بحق المؤلف.

---

فيديو إرشادي

شرح تركيب واستخدام Stylus: https://youtu.be/dXTU15EAcCI?si=9qGi-42fdm-d4pBH