النافذة نفسها، بأسلوبك

أنشئ سمتك الخاصة

السمة هي ملف نصي صغير، بصيغة TOML (أو JSON). يحدد فقط ما يغيره؛ كل شيء آخر يأتي من السمة التي يبنى عليها. لا تحتاج إلى بناء MDM أو معرفة كيفية البرمجة.

1. أنشئها

   ابدأ ببضعة ألوان، ثم أضف المزيد كلما تقدمت:

   name = "Harbour"
   inherits = "classic"
   icons = "color"
   
   [seeds.light]
   background = "#eef3f6"
   surface = "#ffffff"
   text = "#11202b"
   accent = "#0f6c8c"
   
   [seeds.dark]
   background = "#14212a"
   surface = "#0e171d"
   text = "#e8f0f4"
   accent = "#5cc3e6"
   
   [sizes]
   radius = 6
   
   [controls]
   focus = "ring"

   • inheritsهي السمة التي تبدأ منها سمتك: classic (الافتراضية)، high-contrast، metro، adwaita، breeze، luna، aero، aqua، أو ملف سمة آخر في نفس المجلد.
   • [seeds]هي مجموعة من الألوان (background، surface، header، text، accent، selection، error، warning، success) التي يوزعها MDM على كل عنصر تحكم. [seeds.light] و[seeds.dark] يمنحان كل جانب مظهره الخاص.
   • [colors]تحدد أدوار الألوان الفردية على كلا الجانبين، [light] و[dark] على جانب واحد فقط: #rrggbb، أو #rrggbbaa مع الشفافية.
   • [sizes]هي أنصاف أقطار الزوايا، وعروض الحدود، وأحجام الخطوط، وارتفاعات الصفوف، بالبكسل. يختار [controls] شكل مربعات النصوص، ومربعات الاختيار، والأزرار، وأشرطة التقدم، وأشرطة التمرير، وعلامة التركيز، وشريط العنوان.
   • iconsهو color أو mono أو accent. يمكن للمظهر الموجود في مجلد خاص به (my-theme/theme.toml) أن يجلب أيقوناته في icons/16 وicons/24، كل منها مسمى بما يعرضه (tb-add-url.svg، cat-music.png)؛ وتأخذ أيقونات -symbolic لون نص المظهر.
   • contrast = "high"يقوي كل حافة ولون نص في الأعلى.

   يتم تخطي أي مفتاح لا يعرفه MDM، أو قيمة لا يمكنه قراءتها، وتكتب في سجل MDM (مجلد logs بجانب مجلد السمات)، لذا لا يزال الملف المصمم لإصدار أحدث من MDM يحمل. تكتب السمات المضمنة بنفس الطريقة: اقرأها على GitHub.

   كل دور لوني (156)

   المفتاح	ما يلونه
   window	خلفية Windows ومربعات الحوار
   text	النص والرموز
   text.disabled	النص المعطل، اللون الرمادي الوحيد لكل عنصر تحكم وتسمية معطلة
   text.muted	نص ثانوي: ملاحظات، أحجام، إصدارات
   link	نص يفتح شيئا
   error	نص الخطأ
   error.strong	رسالة فحص فاشلة في الخيارات (اختبارات الاتصال والمستعرض والمساعد)
   warning	نص التحذير
   success	نص النجاح (بصمة ملف مطابقة)
   reach.near	خادم التنزيل القريب من زمن الذهاب والإياب (أقل من 60 مللي ثانية)، في الخصائص
   reach.medium	خادم بزمن ذهاب وإياب متوسط (60 إلى 150 مللي ثانية)
   reach.far	خادم بعيد بزمن ذهاب وإياب (أكثر من 150 مللي ثانية)
   flag.edge	الحافة الرفيعة حول علم الدولة
   accent	اللون المميز: خطوط التركيز، عناصر التحكم المفتوحة والافتراضية، المرشحات، تركيز الروابط
   focus.ring	مستطيل تركيز لوحة المفاتيح المنقط
   selection	تعبئة التحديد: الصفوف، يوم مختار، نص محدد
   selection.text	النص على التحديد
   selection.muted	نص ثانوي على التحديد
   selection.inactive	صف محدد في قائمة بدون تركيز
   selection.focus	المخطط المنقط للصف المركز على صف محدد
   group.line	إطار مربع المجموعة
   etch.shadow	خط ظل فاصل محفور
   etch.light	خط إبراز فاصل محفور
   tab.page	جسم صفحة علامة التبويب
   tab	علامة تبويب غير محددة، وظل الصفحة
   tab.hot	علامة تبويب تحت المؤشر
   chevron	سهم قائمة منسدلة أو مربع تدوير
   chevron.disabled	سهم رمادي
   subtle.hot	جزء بلا واجهة خاصة به (سهم، رأس عمود) تحت المؤشر
   subtle.pressed	هذا الجزء مضغوط أو مفتوح
   highlight.hot	يوم أو سهم في التقويم تحت المؤشر، هدف إفلات
   highlight.pressed	يوم أو سهم في التقويم مضغوط
   field	داخل مربع نص أو قائمة
   field.border	حد مربع النص
   field.bottom	الخط السفلي لمربع النص أثناء الكتابة فيه
   field.disabled	داخل مربع نص رمادي
   field.disabled.border	حد مربع نص رمادي
   field.readonly	داخل مربع نص للقراءة فقط
   field.readonly.border	حد مربع نص للقراءة فقط
   combo.chevron	رأس سهم قائمة منسدلة
   combo.arrow.hot	منطقة سهم قائمة منسدلة قابلة للتحرير تحت المؤشر
   combo.arrow.pressed	منطقة سهم قائمة منسدلة قابلة للتحرير مضغوطة أو مفتوحة
   button	واجهة زر
   button.hot	واجهة زر تحت المؤشر
   button.pressed	واجهة زر مضغوطة
   button.border	حد زر
   button.bottom	الحافة السفلية لزر
   button.text	نص زر
   button.text.pressed	نص زر مضغوط
   button.default.border	حد الزر الافتراضي
   button.default.bottom	الحافة السفلية للزر الافتراضي
   button.disabled	واجهة زر رمادي
   button.disabled.border	حد زر رمادي
   button.accent	واجهة زر مميز
   button.accent.hot	وجه زر التوكيد تحت المؤشر
   button.accent.pressed	وجه زر التوكيد عند الضغط عليه
   button.accent.bottom	الحافة السفلية لزر التوكيد
   button.accent.text	نص زر التوكيد
   button.accent.text.pressed	نص زر التوكيد عند الضغط عليه
   button.glow	التوهج داخل زر تحت المؤشر، حيث يرسم النمط واحدا (Luna؛ شفاف: لا شيء)
   gloss	اللمعان الذي تمتزج نحوه الأجزاء اللامعة في أعلاها: الأزرار، المربعات، الأشرطة وأشرطة العناوين (Luna، Aero، Aqua)
   check	الجزء الداخلي لمربع اختيار أو زر راديو غير محدد
   check.hot	الجزء الداخلي له تحت المؤشر
   check.pressed	الجزء الداخلي له عند الضغط عليه
   check.border	حد مربع اختيار أو زر راديو غير محدد
   check.border.hot	حده تحت المؤشر
   check.border.pressed	حده عند الضغط عليه
   check.border.disabled	حد مربع اختيار غير محدد ومظلل بالرمادي
   check.on	تمييز مربع اختيار أو زر راديو محدد
   check.on.hot	التمييز المحدد تحت المؤشر
   check.on.pressed	التمييز المحدد عند الضغط عليه
   check.on.disabled	تعبئة مربع اختيار محدد ومظلل بالرمادي
   check.mark	علامة الصح أو النقطة على التمييز المحدد
   progress.track	مسار شريط التقدم
   progress.bar	تعبئة شريط التقدم
   meter.track	مسار مقياس (جزء مكتمل من التنزيل)
   meter.edge	حافة المقياس
   meter.fill	تعبئة المقياس
   list	خلفية قائمة التنزيلات
   list.frame	مخطط قائمة أو جدول أو مربع
   grid	خطوط الشبكة بين صفوف القائمة في مربعات الحوار
   list.grid	خطوط شبكة قائمة التنزيلات
   header	رؤوس أعمدة كل قائمة وجدول
   header.line	الخط السفلي للرأس في قوائم مربعات الحوار
   header.sep	فواصل رؤوس الأعمدة
   table.line	فواصل جداول ملتقط الروابط و«إضافة تورنت»
   header.sorted	رأس العمود الذي تم فرزه
   header.sort-arrow	سهم الفرز
   row.pressed	صف قائمة مضغوط
   chip.web	شريحة «الويب» في قائمة التنزيلات
   chip.torrent	شريحة «تورنت» في قائمة التنزيلات
   chip.text	نص على شريحة
   list.drag-ghost	رأس عمود قيد السحب
   list.marquee	شريط التحديد المطاطي الذي يحدد الصفوف
   list.marquee.border	حافة شريط التحديد المطاطي
   scroll.track	مسار شريط التمرير
   scroll.corner	نقطة التقاء شريطي تمرير
   scroll.thumb	مقبض شريط التمرير وأسهمه
   scroll.thumb.hot	المقبض أو السهم تحت المؤشر
   scroll.thumb.pressed	المقبض أو السهم المضغوط أو المسحوب
   menubar	شريط القوائم
   menubar.bottom	الصف الأخير في شريط القوائم
   menubar.line	الخط تحت شريط القوائم
   menubar.hot	عنوان قائمة تحت المؤشر
   menubar.open	عنوان القائمة المفتوحة
   menu	خلفية القائمة
   menu.item	عنصر قائمة
   menu.hot	عنصر قائمة تحت المؤشر
   menu.border	إطار القائمة والنافذة المنبثقة
   menu.sep	فواصل القائمة
   menu.text	نص القائمة
   menu.glyph	النقاط، علامات الصح، وأسهم القوائم الفرعية
   menu.text.disabled	عنصر قائمة باهت
   toolbar.line	الخط العلوي لشريط الأدوات
   toolbar.line.light	التمييز تحته
   toolbar.hot	زر شريط أدوات تحت المؤشر
   toolbar.hot.faint	الجزء الآخر من زر مقسوم بينما يكون أحد الأجزاء تحت المؤشر
   toolbar.pressed	زر شريط أدوات مضغوط
   toolbar.hot.edge	حافة زر شريط أدوات نشط
   toolbar.hot.border	حد زر شريط أدوات نشط (شفاف: لا شيء)
   toolbar.split.shadow	ظل فاصل زر مقسوم في وضع السكون
   toolbar.split.light	تمييز الفاصل
   toolbar.text.disabled	تسمية شريط أدوات باهتة
   toolbar.arrow	سهم زر القائمة المنسدلة
   icon.disabled	حبر أيقونة باهتة (بدايتها)
   icon.disabled.end	حبر أيقونة باهتة (نهايتها)
   tree	خلفية شجرة الفئات
   tree.lines	موصلات الشجرة المنقطة
   tree.expander	أسهم الشجرة، حيث يرسمها المتغير
   tree.frame	إطار لوحة الفئات
   progress.status	قيمة «الحالة» في نافذة التقدم
   progress.label.disabled	تسمية باهتة في نافذة التقدم
   segments.border	إطار شريط الأجزاء
   segments.corner	بكسلات زاوية شريط الأجزاء
   pieces.have	قطعة تورنت موجودة هنا
   pieces.partial	مربع يمثل قطعا موجودة جزئيا هنا
   pieces.missing	قطعة لم تصل بعد
   caption	شريط عنوان يرسمه MDM بنفسه
   caption.text	عنوانه ورموزه
   caption.text.inactive	عنوانه ورموزه عندما لا تكون النافذة نشطة، وزر باهت
   caption.hot	زر عنوان تحت المؤشر (صبغة فوق الشريط)
   caption.pressed	زر عنوان مضغوط (صبغة فوق الشريط)
   caption.button	زر عنوان في وضع السكون، حيث يظهره النمط (صبغة فوق الشريط؛ شفاف: لا شيء)
   caption.close	«إغلاق» تحت المؤشر
   caption.close.text	رمز «إغلاق» تحت المؤشر
   caption.inactive	شريط عنوان يرسمه MDM، عندما تكون نافذته غير نشطة (شفاف: كما لو كانت نشطة)
   drop-target.edge	حافة هدف الإفلات في وضع السكون
   egui.panel	خلفية لوحة egui
   egui.window	خلفية تلميحات الأدوات
   egui.window.border	حد تلميحات الأدوات
   egui.text	نص تلميحات الأدوات
   egui.selection.text	لون النص المحدد في مربعات egui
   egui.extreme	أغمق (أو أفتح) خلفية في egui
   egui.faint	خلفية egui الباهتة
   egui.widget	عناصر واجهة egui في وضع السكون
   egui.widget.border	حدودها (شفاف: لا شيء)

   كل الأحجام (26)

   المفتاح	ما يحدده
   radius	نصف قطر زاوية الأزرار ومربعات النص والقوائم المنسدلة
   radius.button	نصف قطر زاوية زر ضغط لامع (Luna، Aero؛ Aqua مستديرة عند الأطراف)
   radius.part	نصف قطر زاوية جزء ملون (منطقة سهم، زر تدوير)
   radius.check	نصف قطر زاوية مربع اختيار
   radius.flyout	نصف قطر زاوية نافذة منبثقة في نافذة (تقويم، مربع تصفية)
   radius.menu-item	نصف قطر زاوية عنصر قائمة تحت المؤشر
   radius.egui	نصف قطر زاوية عناصر واجهة egui الخاصة
   radius.popup	نصف قطر زاوية تلميحات الأدوات
   border	عرض حد عنصر التحكم
   focus-line	ارتفاع خط تمييز مربع النص عند التركيز
   chevron.width	عرض خط شيفرون القائمة المنسدلة
   font.dialog	نص الحوار (Tahoma في حوارات IDM)
   font.dialog.bold	عناوين صفحات «الخيارات»
   font.title	عنوان نافذة (Tahoma Bold): نافذة ملحق المستعرض، ونافذة البرامج المساعدة
   font.code	رمز تسجيل دخول للكتابة في صفحة خدمة
   font.ui	القوائم ونص النافذة الرئيسية (Segoe UI)
   font.ui.bold	العناوين العريضة في النافذة الرئيسية
   font.small	نص egui الصغير
   font.body	نص egui الأساسي: تلميحات الأدوات، مربعات متعددة الأسطر
   font.heading	عناوين egui
   list.row	ارتفاع الصف في قائمة التنزيلات
   list.header	ارتفاع رؤوس أعمدة قائمة التنزيلات
   tooltip.width	حيث يلتف نص تلميح الأداة
   tooltip.margin-x	الحشوة اليسرى واليمنى لتلميح الأداة
   tooltip.margin-top	الحشوة العلوية لتلميح الأداة
   tooltip.margin-bottom	الحشوة السفلية لتلميح الأداة

   كل أنماط التحكم (7)

   المفتاح	أنماطها
   field-focus	خط، حدود، حلقة
   check	Fluent، مربع، Adwaita، Breeze، Luna، Aero، Aqua
   button	فلوينت، بريز، لونا، إيرو، أكوا
   progress	خط، شريط، كتل، لمعان
   scroll	تراكب، كلاسيكي
   caption	النظام، Metro، Adwaita، Breeze، Luna، Aero، Aqua
   focus	منقط، حلقة، إطار

   أو دع مساعد الذكاء الاصطناعي يكتبها

   انسخ هذا الموجه إلى مساعد الذكاء الاصطناعي الخاص بك واصفا المظهر الذي تريده في نهايته. يمنح المساعد الصيغة والمفاتيح والقواعد: نص مقروء وتركيز مرئي في كلا الجانبين، ولا شيء منسوخ من عمل فني لشخص آخر. انظر إلى كلا الجانبين بنفسك قبل مشاركة النتيجة.

   You are making a theme file for Mister Download Manager (MDM), a free, open-source download manager. Write one TOML file, named after the theme in lower case with dashes (for example harbour.toml). Reply with the file only, in one code block, then one line on how to install it.
   
   THE FORMAT
   A theme names only what it changes; everything else comes from the theme it inherits.
   - name = "Display name"
   - inherits = "classic" (the default), "high-contrast", "metro", "adwaita", "breeze", "luna", "aero" or "aqua"
   - icons = "color" | "mono" | "accent"
   - contrast = "high" (optional: strengthens every edge and text colour)
   - [seeds] a few colours MDM spreads over every control: background, surface, header, text, accent, selection, error, warning, success. Use [seeds.light] and [seeds.dark] to give each side its own.
   - [colors] single colour roles for both sides; [light] and [dark] for one side only. Role names are dotted and must be quoted when they contain a dot, e.g. "button.hot" = "#e5f1fb". Useful roles: window, text, text.muted, link, accent, focus.ring, selection, selection.text, field, field.border, button, button.hot, button.pressed, button.border, button.text, check.on, check.mark, progress.bar, list, header, menubar, menu, menu.hot, menu.text, toolbar.hot, tree, caption, caption.text, scroll.thumb, gloss (the shine glossy parts blend toward), button.glow. "segments.done" takes one colour or a list of 13 (top to bottom).
   - [sizes] in pixels, 0 to 400: radius, radius.button, radius.check, radius.menu-item, radius.popup, border, focus-line, list.row, list.header, font.ui, font.dialog.
   - [controls] shapes: field-focus = line | border | ring; check = fluent | square | adwaita | breeze | luna | aero | aqua; button = fluent | breeze | luna | aero | aqua; progress = line | bar | blocks | gloss; scroll = overlay | classic; focus = dotted | ring | frame; caption = system | metro | adwaita | breeze | luna | aero | aqua.
   - Colours are "#rrggbb" or "#rrggbbaa". Unknown keys are skipped, so only use the names above.
   
   THE RULES
   1. Make both a light and a dark side: give [seeds.light] and [seeds.dark] (or [light] and [dark]) their own colours, and check each side on its own.
   2. Text must be easy to read: at least 4.5:1 contrast for text against its background (text on window and field, button.text on button, menu.text on menu, selection.text on selection, caption.text on caption), in both sides.
   3. The keyboard focus must be easy to see: accent and focus.ring at least 3:1 against what they sit on.
   4. Disabled text stays readable but clearly dimmer than normal text.
   5. Clean room: no artwork, icons, logos, fonts or text copied from any other program or company. If the theme needs icons, describe original ones to draw, never copy existing ones, and note their source and licence in a SOURCES.txt.
   6. Keep the layout: a theme changes colours, sizes and control shapes only.
   
   After the file, list each text and background pair you checked with its contrast ratio, for both sides.
   
   THE LOOK I WANT:

2. جربها، دون بناء MDM

   ضع الملف في مجلد سمات MDM. يفتحها عرض → السمة → فتح مجلد السمات، ويجعلها المرة الأولى. توجد في مجلد بيانات MDM:

   Windows

   %APPDATA%\misterdownloadmanager\themes

   Linux

   ~/.local/share/misterdownloadmanager/themes

   macOS

   ~/Library/Application Support/misterdownloadmanager/themes

   نسخة محمولة

   data\themesبجانب البرنامج

   في غضون ثانيتين تظهر في عرض → السمة، تحت السمات المضمنة، بواسطة name التي تمنحها لنفسها. اخترها وتتغير النافذة بأكملها دفعة واحدة. بعد تعديل الملف، اخترها مرة أخرى في عرض → السمة لرؤية التغيير. عرض → دعم الوضع الداكن وداكن دائما تبدلان بين جانبها الفاتح والداكن.

   يقوم عرض → السمة → إضافة ملف نسق... بذلك نيابة عنك: اختر الملف من أي مكان، وسيقوم MDM بنسخه إلى مجلد السمات واستخدامه على الفور.

   هل لديك بالفعل نظام ألوان Base16 أو pywal؟

   إنه نسق بالفعل. نظام ألوان Base16 أو Base24 (.yaml) أو colors.json الخاص بـ pywal، المضاف بنفس الطريقة، يغير ألوان MDM ولا شيء آخر: خلفيات النظام خلف القائمة والنوافذ، مع الحفاظ على وضوح النص (4.5:1 أو أكثر)، ولونه الأزرق على التركيز، والتحديد، وشريط التقدم. بمجرد تشغيل wal، تعرض عرض → السمة pywal، المقروء من ~/.cache/wal/colors.json (%USERPROFILE%\.cache\wal\colors.jsonعلى Windows)، ويتبع MDM ألوان كل خلفية جديدة في غضون ثانيتين. يوضح الدليل مكان كل لون.

3. شاركها

   هل صنعت شيئا قد يعجب الآخرين؟ افتح طلب سحب على GitHub يضيفه إلى crates/app/assets/themes، مع:

   • ملف .toml، ومجلد أيقوناته إذا كان لديه واحد؛
   • لقطات شاشة للنافذة الرئيسية في جانبها الفاتح والداكن؛
   • تضمين SOURCES.txt بجانب أي أيقونات، مع ذكر من رسمها وتحت أي ترخيص. يجب أن تكون الأيقونات من تصميمك الخاص أو مرخصة بطريقة تسمح لـ MDM بمشاركتها (GPL-3.0)، ولا يجوز نسخها من برنامج آخر.

   غير متأكد بعد؟ اعرضها في المناقشات أولا. يشرح دليل المساهمة كيفية عمل طلبات السحب هنا.