17
تشکر

سفارشی کردن تم در Google Chrome DevTools

Chorme DevTools

Chorme DevTools

برای بسیاری از توسعه دهندگان تم فعلی Developer Tools در مرورگر Google Chrome خوب است. اما اگر زیاد با آن کار داشته باشید، رنگ سفید و خاکستری شاید کمی خسته‌کننده باشد.

در ادامه این مطلب چند تم مناسب و همچنین نحوه عوض کردن تم را با هم بررسی میکنیم.

پیدا کردن یک تم

پیدا کردن تم مناسب برای DevTools با وجود جستجوگر google کار سختی نیست. با این حال در زیر چند تم مناسب برای دانلود معرفی کردیم.

Zero Dark Matrix

Zero Dark Matrix

Zero Dark Matrix

Monokai Theme For Chrome DevTools

Monokai Theme For Chrome DevTools

Monokai Theme For Chrome DevTools

Tomorrow Theme

Tomorrow Theme

Tomorrow Theme

Crate

Crate

Crate

 

نحوه نصب تم

تم ها بر اساس CSS هستند و بسیار آسان نصب میشوند. ابتدا فایل CSS را از یکی از منابع بالا دانلود کنید.

اگر سیستم عامل شما OSX است باید به مسیر زیر بروید سپس در این مسیر یک فایل خالی به نام Custom.css خواهید دید که باید داخل آن را با محتویات فایل خودتان پر کنید.

~/Library/Application Support/Google/Chrome/Default/User StyleSheets/

و اگر از ویندوز 7 یا 8 استفاده میکنید به مسیر زیر:

\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

و برای سیستم عامل Ubuntu مسیر زیر:

 ~/.config/google-chrome/Default/User StyleSheets

به همین سادگی حتی بدون راه اندازی مجدد گوگل کروم، تم نصب می‌شود و در صورت آپدیت مروگر باز هم مشکلی پیش نخواهد آمد.

اگر به دنبال تم های بیشتری هستید به سایت DevThemez بروید که برای انواع IDEها تم های مناسب را دارد.

  • علیرضا می‌گه:

    سلام.آقا این آدرس که گفتید برای نبود. تا Local می روم ولی پوشه بعدی نیست.چرا؟

  • khan می‌گه:

    سلام ممنون از سایت خوب تان با مطالب مفیدش
    میشه بگید شما از کدام قالب برای سایت خود استفاده می کنید.
    اگر میشه !! ممنون میشم

    تشکر ‍‍‍!!!

  • Ali می‌گه:

    خیلی جالب بود
    ممنون


  • نظرات این مطلب بسته است.