ভিজ্যুয়াল স্টুডিও কোডের জন্য কীভাবে ডিফল্ট অন্ধকার থিম সম্পাদনা করবেন?


89

আমি উইন্ডোজ 7 64-বিট ব্যবহার করছি।

ভিজ্যুয়াল স্টুডিও কোডে ডিফল্ট অন্ধকার থিম সম্পাদনা করার কোনও উপায় আছে? ইন %USERPROFILE%\.vscodeফোল্ডারের সেখানে এক্সটেনশনগুলি থেকে শুধুমাত্র থিম যখন ইনস্টলেশন পাথ (আমি ডিফল্ট ব্যবহার করা হয়, হয়, C:\Program Files (x86)\Microsoft VS Code) কিছু মান থিম ফাইল আছে \resources\app\extensions, Kimbie অন্ধকার, Solarized গাঢ় / হালকা মত বা Monokai রুপভেদ, কিন্তু কোনো ডিফল্ট অন্ধকার থিম।

তবে সর্বোপরি যদি এডিট করার সম্ভাবনা থাকে তবে সি ++ ভাষাতে কোন ব্লকের কোড অবজেক্টের সদস্য, পয়েন্টারের সদস্য এবং শ্রেণি এবং কাঠামোর নাম বর্ণের জন্য দায়ী?


4
যে কেউ এখানে আসছেন তাদের জন্য: আপনার কোনও থিম ফাইল অনুসন্ধান এবং সংশোধন বা তৈরি করার দরকার নেই। ব্যবহারকারীর সেটিংস ব্যবহার করে workbench.colorCustomizationsএবং সবকিছুতে পরিবর্তন করা যেতে পারে editor.tokenColorCustomizations: কোড . visualstudio.com/docs/getstarted/…
চিপিত 24

একটি বাসিও থাকতে পারে, তবে এমন বৈশিষ্ট্যে কাজ করা যা আমাদের কাস্টম গ্লোবাল সিএসএস যুক্ত করতে দেয়, যেমন Atoms Edit -> Stylesheet...ইস্যুতে শেষ পরিবর্তনটি ছিল মার্চ github.com/Mic Microsoft/vscode/issues/459 । এটি হতাশাজনক যে এটি মন্তব্যের জন্য বন্ধ রয়েছে। বর্তমান এপিআই গ্লোবাল সিএসএস সংশোধন করার জন্য কোনও এক্সটেনশনের অনুমতি দেয় না ... সুতরাং আমাদের অপেক্ষা করতে হবে, বা ম্যানুয়ালি ক্যাভম্যানের মতো বিকাশকারী সরঞ্জামগুলিতে সিএসএস পেস্ট করতে হবে।
রায় ফস

উত্তর:


50

আপনি যে ফাইলটি সন্ধান করছেন তা এখানে রয়েছে,

মাইক্রোসফ্ট ভিএস কোড \ সংস্থানসমূহ \ অ্যাপ্লিকেশন \ এক্সটেনশানগুলি \ থিম-ডিফল্ট \ থিম

উইন্ডোজ এবং dark_vs.jsonঅন্য কোনও সিস্টেমে ফাইলের নাম সনাক্ত করতে অনুসন্ধান করুন।


হালনাগাদ:

ভিএসকোডের নতুন সংস্করণগুলির সাথে আপনার থিমটি কাস্টমাইজ করার জন্য সেটিংস ফাইলটির অনুসন্ধান করতে হবে না। এখন আপনি workbench.colorCustomizationsএবং editor.tokenColorCustomizationsব্যবহারকারী সেটিংস দিয়ে আপনার রঙিন থিমটি কাস্টমাইজ করতে পারেন । বিষয়টি সম্পর্কে ডকুমেন্টেশন এখানে পাওয়া যাবে


13
লিনাক্স, এটি এর/usr/share/code/resources/app/extensions/theme-defaults/themes
sigalor

4
আর্ক লিনাক্সে, এটি (ওপেন সোর্স রিলিজ) ইন/usr/lib/code/extensions/theme-defaults/themes
হেন্ডালস্ট

4
ডিফল্টরূপে, ভিএস কোড সি তে ইনস্টল করা আছে: ব্যবহারকারীদের {{ব্যবহারকারীর নাম \ অ্যাপডাটা \ স্থানীয় \ প্রোগ্রামগুলি \ মাইক্রোসফ্ট ভিএস কোড
টোভো সোয়ান

4
এই উত্তরের আপডেটটি একটি দুর্দান্ত সুপারিশ। আমি দেখেছি যে আপনি যদি থিম ফাইলগুলি সরাসরি সম্পাদনা করেন তবে সেগুলি ভিএস কোডের আপডেটে ওভাররাইট করা যাবে।
সিঙ্গিগেলার

75

ভিএস কোড 'ব্যবহারকারীর সেটিংসে', আপনি নিম্নলিখিত ট্যাগগুলি ব্যবহার করে দৃশ্যমান রঙগুলি সম্পাদনা করতে পারেন (এটি একটি নমুনা এবং আরও অনেকগুলি ট্যাগ রয়েছে),

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#C5DEF0",
    "sideBar.background": "#F8F6F6",
    "sideBar.foreground": "#000000",
    "editor.background": "#FFFFFF",
    "editor.foreground": "#000000",
    "sideBarSectionHeader.background": "#CAC9C9",
    "sideBarSectionHeader.foreground": "#000000",
    "activityBar.border": "#FFFFFF",
    "statusBar.background": "#102F97",
    "scrollbarSlider.activeBackground": "#77D4CB",
    "scrollbarSlider.hoverBackground": "#8CE6DA",
    "badge.background": "#81CA91"}

আপনি যদি কিছু সি ++ রঙের টোকেন সম্পাদনা করতে চান তবে নীচের ট্যাগটি ব্যবহার করুন,

"editor.tokenColorCustomizations": {
    "numbers": "#2247EB",
    "comments": "#6D929C",
    "functions": "#0D7C28"
}

4
তবে যদি এটি টোকেন কালার কাস্টমাইজেশনের বাইরে থাকে তবে আমি কী করব?
অ্যালেক্স

"Edit.tokenColorCustomizations" এ পাওয়া যায় এমন সমস্ত বিকল্পের একটি তালিকা কোথায় পাওয়া যাবে?
ওলোলোবাস


আমার সম্পাদনাটি কোনও কারণে প্রত্যাখ্যান করা হয়েছিল, তবে এই উত্তরটি নির্দিষ্ট করে দেওয়ার জন্য ওপির একটি নির্দিষ্ট থিম পরিবর্তন করার ইচ্ছাটি নির্দিষ্ট করে আপনি থিমটি নির্দিষ্ট করতে পারবেন এবং থিমের ফাইলগুলিকে পরিবর্তন না করে রঙ পরিবর্তন করতে পারবেন: "workbench.colorCustomizations": {"[Kimbie Dark]" : {"ক্রিয়াকলাপ বার.ফরগ্রাউন্ড": "# 472c0c"}}
marksমার্কস

সেটিংসে এটি "ওয়ার্কবেঞ্চ: রঙ কাস্টমাইজেশন" নামে পরিচিত
জ্যাচ সাউশিয়ার

29

থিম হিসাবে যতক্ষণ না, ভিএস কোড হ'ল সাবলাইমের মতো সম্পাদনাযোগ্য। আপনি ভিএস কোড সহ যে কোনও ডিফল্ট থিম সম্পাদনা করতে পারেন। থিম ফাইলগুলি কোথায় সন্ধান করতে হবে তা আপনাকে কেবল জানতে হবে।

পার্শ্ব দ্রষ্টব্য: আমি মনোোকাই থিমটি পছন্দ করি। যাইহোক, আমি এটি সম্পর্কে যে সমস্ত পরিবর্তন করতে চেয়েছিলাম তা হ'ল পটভূমি। আমি গা gray় ধূসর পটভূমি পছন্দ করি না। পরিবর্তে, আমি মনে করি একটি শক্ত কালো ব্যাকগ্রাউন্ডের সাথে বৈপরীত্যটি ওয়ে AY কোড আরো অনেক কিছু পপ আপ।

যাইহোক, আমি থিম ফাইলটির জন্য শিকার করেছি এবং এটি (উইন্ডোতে) এ পেয়েছি:

সি: \ প্রোগ্রাম ফাইল (x86) \ মাইক্রোসফ্ট ভিএস কোড \ সংস্থানসমূহ \ অ্যাপ \ এক্সটেনশানগুলি s থিম-মনোোকাই \ থিমস \

সেই ফোল্ডারে আমি মনোোকাই.টিএম থিম ফাইলটি খুঁজে পেয়েছি এবং নীচে প্রথম পটভূমি কীটি সংশোধন করেছি:

<key>background</key>
<string>#000000</string>

থিম ফাইলে কয়েকটি 'ব্যাকগ্রাউন্ড' কী রয়েছে, আপনি সঠিকটি সম্পাদনা করেছেন তা নিশ্চিত করুন। আমি যেটি সম্পাদনা করেছি তার একেবারে শীর্ষে ছিল। লাইন 12 আমি মনে করি।


4
উবুন্টু ইনস্টল করার /usr/share/code/resources/app/extensions/theme-defaults/themes/dark_vs.json
সর্বোচ্চ

4
এবং ম্যাকের জন্য, আমি এই পাথগুলিতে ফাইলগুলি আপডেট করার সন্ধান পেয়েছি: /Users/user-name/.vscode/extensions/azemoh.one-monokai-0.3.3/themes/OneMonokai-color-theme.jsonসিএমডি + শিফট + পি এবং reload windowতাত্ক্ষণিকভাবে পরিবর্তনের চেষ্টা করার জন্য
সিএমডি

4
থিমের ব্যাকগ্রাউন্ড পরিবর্তন করা "workbench.colorCustomizations": { "[Theme You Want to Update]": { "editor.background": "#000000" }ইন ব্যবহারকারী সেটিংস দ্বারাও করা যেতে পারে ।
বিলবো

4
উইন্ডোজে 64৪-বিট ভিএস কোডের জন্য C:\Program Files\Microsoft VS Code\resources\app\extensions\ , বেস পথটি সাধারণত অনুসরণ করা হয়theme-....
পিটার বি

এর সাথে ব্যবহারকারী সেটিংসে থিমটি সংশোধন করুন "workbench.colorCustomizations": { "editor.background": "#000" },। এখানে আপনি তৈরি করতে পারেন বিভিন্ন কাস্টমাইজেশন: কোড. visualstudio.com/api/references/theme-color
জেরেমি

17

আপনি কোনও ডিফল্ট থিম "সম্পাদনা" করতে পারবেন না, সেগুলি "লক ইন" রয়েছে

তবে আপনি নিজের পছন্দসই পরিবর্তনগুলি সহ এটি আপনার নিজস্ব কাস্টম থিমে অনুলিপি করতে পারেন।

আরও তথ্যের জন্য, এই নিবন্ধগুলি দেখুন: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com / ডকস / এক্সটেনশনস / ইনস্টল- এক্সটেনশন# _ your- এক্সটেনশনস- ফোল্ডার

আপনি যে সমস্ত পরিবর্তন করতে চান তা যদি সি ++ কোডের রঙ হয় তবে আপনার সি ++ সাপোর্ট কালারাইজার ওভাররাইট করা উচিত। সে সম্পর্কে তথ্যের জন্য, এখানে যান: https://code.visualstudio.com/docs/customization/colorizer

সম্পাদনা: অন্ধকার থিমটি এখানে পাওয়া গেছে: https://github.com/Mic Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

সম্পাদনা 2: স্পষ্ট করার জন্য:

  • এই ফাইলটি ডাউনলোড করুন: https://github.com/Mic Microsoft/ vscode/ blob/ 80f8000c10b4234c7b027dccfd627442623902d2/ extensions/ theme-colorful- defaults/ themes / dark_plus.tmTheme
  • আপনার পছন্দ মতো পরিবর্তন করুন
  • ইও কোড https://code.visualstudio.com/docs/tools/yocode ব্যবহার করে একটি থিম তৈরি করুন
  • আপনার বর্ধিত ফোল্ডারে সেই থিমটি অনুলিপি করুন। অথবা, যদি আপনি ভাগ করে নেওয়ার মত বোধ করেন তবে এটি ভিএস কোড মার্কেটপ্লেসে প্রকাশ করুন।

4
এবং আমি কোথা থেকে এটি অনুলিপি করতে পারি? আপনি আমাকে যে প্রবন্ধগুলি প্রেরণ করেছেন সেগুলিতে এটি সম্পর্কে কিছুই নেই। এবং আমি এ জাতীয় ত্রুটিযুক্ত জিনিসের জন্য কিছুটি ইনস্টল করতে চাই না যেমন সামান্য হাইলাইট করে সিনট্যাক্স পরিবর্তন করা - বিশেষত যখন আমি কেবল ডান ফাইলটি খুলতে এবং কোডের কয়েকটি লাইন সংশোধন করতে পারি, যদি ডিফল্ট থিমটি লক না করা হত। তদ্ব্যতীত, ইওমেন জেনারেটরের সাথে একটি নতুন থিম তৈরি করার জন্য অন্য থিমের .tm থিম ফাইল দরকার - কালারস্লব্লাইম ওয়েবসাইটে কোনও ভিজ্যুয়াল স্টুডিও অন্ধকার থিম নেই এবং আমার কাছে ভিএসসি থেকে "লকড এক" অ্যাক্সেস নেই।
Toreno96

হতে পারে আমি "সি: \ প্রোগ্রাম ফাইলগুলি (x86) \ মাইক্রোসফ্ট ভিএস কোড \ সংস্থানসমূহ \ অ্যাপ্লিকেশন \ এক্সটেনশানস \ সিপিপি" থেকে সি ++ প্লাস্ট ফাইলটি সম্পাদনা করতে পারি? তবে কোডের কোন ব্লকগুলি পরিবর্তন করা উচিত? বা সম্ভবত কোথাও ভিএসসি ডিফল্ট অন্ধকার থিমের উত্স ফাইল রয়েছে, যা আমি নিজের কাস্টম থিমটি ব্যবহার করতে পারি?
Toreno96

আপনি এটি সম্পাদনা করতে পারবেন না, কারণ আমি বিশ্বাস করি এটি উত্স কোডের মধ্যে সংরক্ষিত। তবে আপনি এটি অনুলিপি / আটকান এবং কয়েক লাইন পরিবর্তন করতে পারেন। এটি গিটহাবে অবস্থিত। আমি এটি আপনার জন্য খুঁজে পেয়েছি: github.com/Mic Microsoft / vscode / tree/… লিঙ্ক সহ সম্পাদনা উত্তর
টোবিয়াহ জারলেজ

আমি উল্লেখ করেছি যে সি ++ প্লাস্ট ফাইলটি সম্পাদনা করা সম্ভব, আমি এটি পরীক্ষা করেছিলাম। এবং আমি কলারাইজার সম্পর্কে নিবন্ধ থেকে বুঝতে পেরেছি যে এটি সি ++ ভাষার জন্য একটি মানক রঙিন ফাইল। আমি ভুল হলে শুধরে. তবে আপনি যদি এখনও ডিফল্ট থিমটি সম্পাদনা করার কথা বলছেন - হ্যাঁ, আমি জানি যে আমি এটি করতে পারি না, আমি আপনার প্রথম উত্তর থেকে এ সম্পর্কে বাক্যটি বুঝতে পারি। গিটহাব এবং লিঙ্কে উত্স কোড সম্পর্কে তথ্যের জন্য ধন্যবাদ - তবে আমি চেক করেছি এবং সেখান থেকে প্রাপ্ত থিমগুলি ডিফল্ট নয়, তবে পরিবর্তিত, এগুলির আরও রঙিন প্রকরণ রয়েছে। দুর্ভাগ্যক্রমে, আমি চাই না এমনভাবে নয়।
Toreno96

4
তবে দুর্ঘটনাক্রমে আমি জানতে পেরেছি, এক্সটেনশন গ্যালারী থেকে "এক্সকোডেফাল্ট" থিমের একই বাক্য গঠন রয়েছে যা ডিফল্ট অন্ধকারটিকে হাইলাইট করে। যেহেতু এটি এখন আমার ডিস্কে এক্সটেনশন ফোল্ডারে রয়েছে, ইনস্টলেশনের পরে, আমি এটি পরিবর্তন করতে পারি ঠিক যেমন আমি ডিফল্ট অন্ধকার থিমটি পরিবর্তন করতে চেয়েছিলাম। সুতরাং, আমার সমস্যা সমাধান করা হয়েছে।
Toreno96

15

সহজ উপায় হ'ল ব্যবহারকারীর সেটিংস সম্পাদনা এবং কাস্টমাইজ করা workbench.colorCustomizations

রঙ অনুকূলিতকরণ সম্পাদনা করা হচ্ছে

আপনি যদি আপনার থিম তৈরি করতে চান

বর্তমান থিমটি সংশোধন করার বিকল্প রয়েছে যা বর্তমান থিম সেটিংসটি অনুলিপি করবে এবং আপনাকে এটি *.color-theme.jsonJSON5 ফাইল হিসাবে সংরক্ষণ করতে দেবে

বর্তমান সেটিংস থেকে রঙ থিম তৈরি করুন


4
অভিনব আপনার উত্তরটি পুনরায় অর্ডার করার জন্য সবচেয়ে ভাল এবং সহজ উত্তরটি প্রথম? =]

14

ভিএস কোড সংস্করণ 1.12 বা ততোধিক সংস্করণে এই সেটিংস বিভাগে যে কোনও রঙ থিম পরিবর্তন করা যেতে পারে:

 // Overrides colors from the currently selected color theme.
  "workbench.colorCustomizations": {}

Https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme দেখুন

সম্পাদনা করার জন্য উপলব্ধ মান: https://code.visualstudio.com/docs/getstarted/theme-color-references

সম্পাদনা: সিনট্যাক্সের রঙ পরিবর্তন করতে, এখানে দেখুন: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizer#_syntax-hightlight- রঙিন এবং এখানে: https://www.sublimetext.com/docs/ 3 / স্কোপ_নামিং এইচটিএমএল


এটির সাহায্যে আপনি সম্পাদকের রঙগুলিকে নিজেরাই ওভাররাইড করতে পারেন তবে কিছু কীওয়ার্ডের রঙ নেই (উদা: স্ট্রিং রঙ)।
gsেগস

7

অন্যরা যেমন বলেছে, আপনার সেটিংস.জসন ফাইলের সেটিং editor.tokenColorCustomizationsবা workbench.colorCustomizationsসেটিংটি ওভাররাইড করতে হবে। এখানে আপনি অ্যাবাইসের মতো একটি বেস থিম বেছে নিতে পারেন এবং আপনি যে জিনিসগুলি পরিবর্তন করতে চান তা কেবল ওভাররাইড করতে পারেন। আপনি হয় খুব সহজে খুব সহজেই ফাংশন, স্ট্রিংয়ের রং ইত্যাদি খুব কম জিনিসই ওভাররাইড করতে পারেন।

যেমন workbench.colorCustomizations

"workbench.colorCustomizations": {
    "[Default Dark+]": {
        "editor.background": "#130e293f",
    }
}

যেমন editor.tokenColorCustomizations:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "functions": "#FF0000",
        "strings": "#FF0000"
    }
}
// Don't do this, looks horrible.

তবে, varকীওয়ার্ডের রঙ পরিবর্তন করার মতো গভীর কাস্টমাইজেশনগুলির জন্য আপনাকে textMateRulesকী এর অধীন ওভাররাইড মান সরবরাহ করতে হবে ।

যেমন নীচে:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "textMateRules": [
            {
                "scope": "keyword.operator",
                "settings": {
                    "foreground": "#FFFFFF"
                }
            },
            {
                "scope": "keyword.var",
                "settings": {
                    "foreground": "#2871bb",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

আপনি বিশ্বব্যাপী থিম জুড়ে ওভাররাইড করতে পারেন:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                //following will be in italics (=Pacifico)
                "comment",
                "entity.name.type.class", //class names
                "keyword", //import, export, return…
                //"support.class.builtin.js", //String, Number, Boolean…, this, super
                "storage.modifier", //static keyword
                "storage.type.class.js", //class keyword
                "storage.type.function.js", // function keyword
                "storage.type.js", // Variable declarations
                "keyword.control.import.js", // Imports
                "keyword.control.from.js", // From-Keyword
                //"entity.name.type.js", // new … Expression
                "keyword.control.flow.js", // await
                "keyword.control.conditional.js", // if
                "keyword.control.loop.js", // for
                "keyword.operator.new.js", // new
            ],
            "settings": {
                "fontStyle": "italic"
            }
        }
    ]
}

আরও বিশদ এখানে: https://code.visualstudio.com/api/language-extensions/syntax-hightlight-guide


5

ম্যাক ওএসের সমাধান

আমি নিশ্চিত নই যে এই উত্তরটি এখানে উপযুক্ত হয় তবে আমি ম্যাক ব্যবহারকারীদের জন্য একটি সমাধান ভাগ করে নিতে চাই এবং যদি আমি একটি নতুন প্রশ্ন শুরু করি এবং নিজেকে সেখানে উত্তর দিই তবে এটি বিশ্রী মনে হচ্ছে।


নীচের মতো আপনার ভিএসকোড থিমের পথটি সন্ধান করুন:

..আপনি_সিন্টল_লোকেশন / ভিজ্যুয়াল স্টুডিও কোড.এপ / বিষয়বস্তু / রিসোর্স / অ্যাপ / এক্সটেনশনস / থিম- নাম / থিমস / থিম_ফাইল.জসন

.json ফাইলটি খুলুন এবং আপনার লক্ষ্যযুক্ত শৈলীগুলি পরিবর্তন করতে সন্ধান করুন।
আমার ক্ষেত্রে, আমি হোয়াইটস্পেসের রেন্ডার রঙটি পরিবর্তন করতে চাই
এবং এটি ভিজ্যুয়াল স্টুডিও কোড
"editorWhitespace.foreground"
অনুসারে পেয়েছি settings.json,
আমি নিম্নলিখিত লাইনগুলি যুক্ত করেছি (আমি ওয়ার্কস্পেস সেটিংসে করি),

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "#93A1A130" // stand as #RRGGBBAA
}

সমাধানগুলি থেকে গাইড: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme


কার্যকর করতে ⌘ Command+ Sসেটিংস সংরক্ষণ করতে ভুলবেন না ।


2

এই দস্তাবেজের এখন পুরো বিভাগ রয়েছে।

মূলত, npmইনস্টল করতে ব্যবহার করুন yo, এবং কমান্ডটি চালান yo codeএবং আপনি একটি সামান্য পাঠ্য-ভিত্তিক উইজার্ড পাবেন - যার বিকল্পগুলির মধ্যে একটি ডিফল্ট অন্ধকার প্রকল্পের একটি অনুলিপি তৈরি এবং সম্পাদনা করা হবে।


2

আমি এখানে থিমটি সম্পাদনা করার উপায় খুঁজতে এসেছি, তবে এটি আমার ম্যাকের মধ্যে খুঁজে পাইনি। গভীর ডুব দেওয়ার পরে, অবশেষে আমি ইনস্টলের জায়গাটি পেয়েছি:

~/.vscode/extensions

সেখানে সমস্ত এক্সটেনশন!

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.