تنزيل vscode material icon theme - تنزيل vscode material icon theme تنزيل كود المصدر

vscode material icon theme

شفرة المصدر الأخرى

v5.14.1

تنزيل

مجلد .vscode/ملحقات.

في مثالنا، نضعها في مجلد icons داخل المجلد .vscode/extensions :

 .vscode
 ┗ extensions
   ┗ icons
     ┣ folder-sample.svg
     ┗ folder-sample-open.svg

في ملف settings.json (إعدادات المستخدم فقط!) يمكن ربط أيقونات المجلد باسم المجلد (مثل "src") على النحو التالي:

 "material-icon-theme.folders.associations" : {
    "src" : " ../../../../icons/folder-sample "
}

استنساخ أيقونة المجلد المخصص

من الممكن أيضًا استنساخ أيقونات المجلدات الموجودة وتغيير ألوانها لإنشاء أيقونات جديدة يمكن ربطها بأسماء المجلدات. يوضح المثال التالي كيفية استنساخ أيقونة مجلد admin :

 "material-icon-theme.folders.customClones" : [
  {
    "name" : " users-admin " ,
    "base" : " admin " ,
    "color" : " light-green-500 " ,
    "lightColor" : " light-green-700 " ,
    "folderNames" : [ " users " ]
  },
  {
    "name" : " roles-admin " ,
    "base" : " admin " ,
    "color" : " purple-400 " ,
    "folderNames" : [ " roles " ]
  }
]

سيؤدي هذا إلى إنشاء رمزين جديدين يسمى users-admin و roles-admin المرتبطين بأسماء المجلدات users roles على التوالي. تحدد الخاصية base الرمز الذي يجب استنساخه (في هذه الحالة رمز مجلد admin ). تحدد خاصية color لون الرمز الجديد. خاصية lightColor اختيارية وتحدد لون الرمز عند تشغيل Visual Studio Code مع سمة لون فاتح. تحدد خاصية folderNames أسماء المجلدات التي يجب أن ترتبط بالرمز الجديد.

على الرغم من أنه يمكنك استخدام أي لون #RRGGBB لخصائص color واللون lightColor ، إذا كنت تريد الالتزام بالألوان من لوحة المواد، يمكنك التحقق من القائمة الكاملة للأسماء المستعارة المسموح بها هنا.
يمكنك التحقق من القائمة الكاملة للأيقونات المتاحة لاستخدامها base هنا.

الجمعيات اللغوية

باستخدام التكوين التالي، يمكنك تخصيص أيقونات اللغة. من الممكن أيضًا الكتابة فوق الارتباطات الموجودة.

 "material-icon-theme.languages.associations" : {
    "languageId" : " iconName " ,
    "json" : " json "
}

يمكنك رؤية أسماء الرموز المتاحة في النظرة العامة أعلاه. راجع "معرفات اللغة المعروفة" في وثائق VS Code للحصول على قائمة بالقيم المسموح بها لـ languageId .

الأوامر

اضغط على Ctrl-Shift-P لفتح لوحة الأوامر واكتب Material Icons .

يأمر	وصف
تفعيل موضوع الأيقونة	تفعيل موضوع الرمز.
تغيير لون الملف	تغيير لون أيقونات الملفات.
تغيير لون المجلد	تغيير لون أيقونات المجلدات.
تغيير موضوع المجلد	تغيير تصميم أيقونات المجلدات.
تغيير التعتيم	تغيير عتامة الرموز.
تغيير التشبع	تغيير قيمة تشبع الرموز.
تكوين حزم الأيقونات	يحدد حزمة أيقونات تمكن أيقونات إضافية (على سبيل المثال Angular وReact وNgrx).
تبديل أسهم المستكشف	إظهار أو إخفاء الأسهم الموجودة بجوار أيقونات المجلدات.
استعادة التكوين الافتراضي	إعادة التعيين إلى التكوين الافتراضي.
تبديل التدرج الرمادي	اضبط تشبع الرمز على `0` (تدرج الرمادي) أو `1` (اللون).