विज़ुअल स्टूडियो कोड के लिए डिफ़ॉल्ट डार्क थीम को कैसे संपादित करें?

Question

मेरे द्वारा विंडोज़ सात चौसठ बिट का उपयोग किया जा रहा है।

क्या विज़ुअल स्टूडियो कोड में डिफ़ॉल्ट डार्क थीम को संपादित करने का एक तरीका है? में %USERPROFILE%\.vscodeफ़ोल्डर वहाँ एक्सटेंशन से केवल विषयों जबकि स्थापना पथ में (मैं डिफ़ॉल्ट इस्तेमाल किया, कर रहे हैं, C:\Program Files (x86)\Microsoft VS Code) में कुछ मानक विषयों की फ़ाइलें हैं \resources\app\extensions, Kimbie डार्क, Solarized डार्क / लाइट की तरह या Monokai की वेरिएंट, लेकिन कोई डिफ़ॉल्ट अंधेरे विषय है।

लेकिन अगर आखिरकार इसे संपादित करने की संभावना है, तो कोड के कौन से ब्लॉक ऑब्जेक्ट के सदस्य, पॉइंटर के सदस्य और वर्ग के नाम और C ++ भाषा में संरचना के लिए जिम्मेदार हैं?

Comments

यहां आने वाले किसी भी व्यक्ति के लिए: आपको किसी भी थीम फ़ाइलों के लिए शिकार करने और संशोधित करने या बनाने की आवश्यकता नहीं है। सब कुछ का उपयोग कर workbench.colorCustomizationsऔर editor.tokenColorCustomizationsउपयोगकर्ता सेटिंग्स में संशोधित किया जा सकता है : code.visualstudio.com/docs/getstarted/… ।

— चिपिट

कोई भी एक बासी के लिए पकड़ बना सकता है, लेकिन उस सुविधा पर काम किया जा रहा है जो हमें कस्टम ग्लोबल सीएसएस को जोड़ने की अनुमति देगा, जैसे कि Atoms Edit -> Stylesheet...अंतिम परिवर्तन मार्च github.com/Microsoft/vscode/issues/459 था । यह निराशाजनक है कि यह टिप्पणियों के लिए बंद है। वर्तमान एपीआई वैश्विक सीएसएस को संशोधित करने के लिए एक विस्तार की अनुमति नहीं देता है ... इसलिए हमें प्रतीक्षा करना होगा, या सीवर जैसे डेवलपर टूल में सीएसएस को मैन्युअल रूप से पेस्ट करना होगा।

— रे फॉस

Answer 1

जिस फ़ाइल को आप देख रहे हैं वह है,

Microsoft VS कोड \ Resources \ app \ एक्सटेंशन \ विषय-डिफ़ॉल्ट \ थीम

विंडोज पर और dark_vs.jsonकिसी अन्य सिस्टम पर इसका पता लगाने के लिए फ़ाइल नाम की खोज करें ।

---

अपडेट करें:

VSCode के नए संस्करणों के साथ आपको विषय को अनुकूलित करने के लिए सेटिंग्स फ़ाइल के लिए शिकार करने की आवश्यकता नहीं है। अब आप के साथ अपने रंग विषय को अनुकूलित कर सकते workbench.colorCustomizationsहैं और editor.tokenColorCustomizationsउपयोगकर्ता सेटिंग्स। मामले पर प्रलेखन यहाँ पाया जा सकता है ।

Comments

लिनक्स पर, क्या है/usr/share/code/resources/app/extensions/theme-defaults/themes

— sigalor

आर्क लिनक्स पर, यह (ओपन-सोर्स रिलीज़) है/usr/lib/code/extensions/theme-defaults/themes

— hendalst

डिफ़ॉल्ट रूप से, VS कोड C: \ users \ {username} \ AppData \ Local \ Programs \ Microsoft VS कोड में स्थापित है

— Toivo Säwén

इस उत्तर के लिए अद्यतन एक ध्वनि सिफारिश है। मैंने पाया कि यदि आप सीधे थीम फ़ाइलों को संपादित करते हैं, तो वे वीएस कोड के अपडेट पर अधिलेखित हो सकते हैं।

— cniggeler

Answer 2

VS कोड 'उपयोगकर्ता सेटिंग्स' में, आप निम्नलिखित टैग का उपयोग करके दृश्य रंगों को संपादित कर सकते हैं (यह एक नमूना है और बहुत अधिक टैग हैं)

"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"}

यदि आप कुछ C ++ रंग टोकन संपादित करना चाहते हैं, तो निम्न टैग का उपयोग करें,

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

Comments

लेकिन अगर यह tokenColorCustomifications से परे है, तो मैं क्या करूँ?

— एलेक्स

जहाँ कोई "editor.tokenColorCustomifications" में सभी उपलब्ध विकल्पों की सूची पा सकता है?

— ओलोलोबस

ओह, पाया यह code.visualstudio.com/api/references/theme-color#editor-colors

— ololobus

मेरा संपादन किसी कारण से अस्वीकार कर दिया गया था, लेकिन इस उत्तर को विशेष रूप से विशिष्ट विषय को बदलने के लिए ओपी की इच्छा को संबोधित करने के लिए आप विषय को निर्दिष्ट कर सकते हैं और विषय की फ़ाइलों को बदलने के बिना रंगों को संशोधित कर सकते हैं: "वर्कबेन्च.कोलर कस्टमाइज़ेशन": {"[विंबी डार्क]" : {"activityBar.foreground": "# 472c0c"}}

— aamarks

इसे सेटिंग्स में "वर्कबेंच: कलर कस्टमाइज़ेशन" कहा जाता है

— ज़ैक सॉसर

Answer 3

जहाँ तक विषयों की बात है, वीएस कोड सब्लिम के रूप में संपादन योग्य है। आप किसी भी डिफ़ॉल्ट थीम को संपादित कर सकते हैं जो वीएस कोड के साथ आती है। आपको सिर्फ यह जानना है कि थीम फाइल्स को कहां खोजना है।

साइड नोट: मुझे मोनोकई थीम बहुत पसंद है। हालाँकि, मैं इसके बारे में बदलना चाहता था। मुझे गहरे भूरे रंग की पृष्ठभूमि पसंद नहीं है। इसके बजाय, मुझे लगता है कि इसके विपरीत एक ठोस काले रंग की पृष्ठभूमि के साथ बेहतर है। कोड बहुत अधिक बाहर निकलता है।

वैसे भी, मैंने थीम फ़ाइल के लिए शिकार किया और इसे (खिड़कियों में) पाया:

c: \ Program Files (x86) \ Microsoft VS कोड \ रिसोर्स \ एप \ एक्सटेंशन \ थीम-मोनोकै \ थीम \

उस फ़ोल्डर में मुझे Monokai.tmTheme फ़ाइल मिली और पहली पृष्ठभूमि की कुंजी इस प्रकार संशोधित की गई:

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

थीम फ़ाइल में कुछ 'पृष्ठभूमि' कुंजी हैं, सुनिश्चित करें कि आपने सही को संपादित किया है। मैंने जो संपादन किया वह सबसे ऊपर था। पंक्ति 12 मुझे लगता है।

Comments

उबंटू स्थापित स्थान इस प्रकार हैं/usr/share/code/resources/app/extensions/theme-defaults/themes/dark_vs.json

— मैक्स

और मैक के लिए, मैंने इन रास्तों में फाइलों को अपडेट करने का काम किया: /Users/user-name/.vscode/extensions/azemoh.one-monokai-0.3.3/themes/OneMonokai-color-theme.jsoncmd + shift + p और टाइप reload windowcmd तुरंत बदलाव की कोशिश करने के लिए :)

— balajikris

"workbench.colorCustomizations": { "[Theme You Want to Update]": { "editor.background": "#000000" }उपयोगकर्ता सेटिंग्स में थीम की पृष्ठभूमि को संशोधित भी किया जा सकता है ।

— बिल्बो

विंडोज पर 64-बिट वीएस कोड के लिए, आधार पथ है C:\Program Files\Microsoft VS Code\resources\app\extensions\ , आमतौर पर इसके बादtheme-....

— पीटर बी

के साथ उपयोगकर्ता सेटिंग्स में विषय को संशोधित करें "workbench.colorCustomizations": { "editor.background": "#000" },। यहां वे सभी अलग-अलग अनुकूलन हैं जो आप बना सकते हैं: code.visualstudio.com/api/references/theme-color

— जेरेमी मोरिट्ज़

Answer 4

आप डिफ़ॉल्ट विषय को "संपादित" नहीं कर सकते, वे "लॉक इन" हैं

हालाँकि, आप इसे अपने स्वयं के कस्टम विषय में कॉपी कर सकते हैं, आपके द्वारा इच्छित संशोधनों के साथ।

अधिक जानकारी के लिए ये लेख देखें: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

यदि आप सभी को बदलना चाहते हैं, तो C ++ कोड के लिए रंग हैं, आपको c ++ समर्थन colorizer को अधिलेखित करना चाहिए। उसके बारे में जानकारी के लिए, यहां जाएं : https://code.visualstudio.com/docs/customization/colorizer

संपादित करें: डार्क विषय यहां पाया जाता है: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions-theme-colorful-defaults

EDIT2: स्पष्ट करने के लिए:

• इस फ़ाइल को डाउनलोड करें: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme/colorful-defaults/themes/dark_plus.tmTheme
• आप की तरह हालांकि संशोधित करें
• यो कोड https://code.visualstudio.com/docs/tools/yocode का उपयोग करके एक थीम बनाएं
• उस थीम को अपने एक्सटेंशन फ़ोल्डर में कॉपी करें। या, यदि आप साझा करने की तरह महसूस करते हैं, तो इसे वीएस कोड बाज़ार पर प्रकाशित करें।

Comments

और मैं इसे कहां से कॉपी कर सकता हूं? उन लेखों में जो आपने मुझे भेजे हैं, इसके बारे में कुछ नहीं है। और मैं इस तरह की एक तुच्छ चीज़ के लिए कुछ भी स्थापित नहीं करना चाहता हूं जैसे कि वाक्यविन्यास को थोड़ा बदलना - विशेष रूप से तब जब मैं सही फ़ाइल खोल सकता था और कोड की कुछ पंक्तियों को संशोधित कर सकता था, अगर डिफ़ॉल्ट विषय लॉक नहीं किया गया था। इसके अलावा, योमन जेनरेटर की जरूरत के साथ एक नया विषय उत्पन्न करना। किसी अन्य विषय की .tmTheme फ़ाइल - ColorSublime वेबसाइट पर कोई विज़ुअल स्टूडियो डार्क थीम नहीं है और मेरे पास VSC से "लॉक वन" तक पहुंच नहीं है।

— Toreno96

हो सकता है कि मैं "C: \ Program Files (x86) \ Microsoft VS कोड \ रिसोर्स \ एप \ एक्सटेंशन \ cpp" से c ++ प्लिस्ट फाइल को एडिट करूं? लेकिन मुझे किस कोड को बदलना चाहिए? या हो सकता है कि कहीं न कहीं वीएससी डिफ़ॉल्ट डार्क थीम की एक स्रोत फ़ाइल है, जिसे मैं अपनी खुद की कस्टम थीम बनाने के लिए उपयोग कर सकता हूं?

— Toreno96

आप इसे संपादित नहीं कर सकते, क्योंकि मेरा मानना ​​है कि यह स्रोत कोड के भीतर सहेजा गया है। हालाँकि आप इसे कॉपी / पेस्ट कर सकते हैं और कुछ लाइनों को बदल सकते हैं। यह GitHub पर स्थित है। मुझे यह आपके लिए मिला: github.com/Microsoft/vscode/tree/… लिंक के साथ संपादित उत्तर

— Tobiah Zarlez

सी ++ को संपादित करना संभव है। मेरे द्वारा उल्लेखित फ़ाइल, मैंने जाँच की। और मैंने colorizers के बारे में लेख से समझा कि यह C ++ भाषा के लिए एक मानक colorizer फ़ाइल है। यदि मैं गलत हूं तो मुझे सही करों। लेकिन अगर आप अभी भी डिफ़ॉल्ट थीम को संपादित करने के बारे में बात कर रहे हैं - हाँ, मुझे पता है कि मैं ऐसा नहीं कर सकता, मैंने आपके पहले उत्तर से इसके बारे में वाक्य को समझा। GitHub और लिंक पर स्रोत कोड के बारे में जानकारी के लिए धन्यवाद - लेकिन मैंने जाँच की और थीम वहाँ डिफ़ॉल्ट वाले नहीं हैं, लेकिन संशोधित, इनमें से अधिक रंगीन भिन्नता है। दुर्भाग्य से, एक तरह से मैं नहीं चाहूंगा।

— Toreno96

लेकिन दुर्घटना से मुझे पता चला कि, एक्सटेंशन गैलरी से "Xcodedefault" थीम में एक ही वाक्यविन्यास है जो डिफ़ॉल्ट अंधेरे एक को उजागर करता है। क्योंकि यह अब मेरी डिस्क पर एक्सटेंशन फ़ोल्डर में है, स्थापना के बाद, मैं इसे संशोधित कर सकता हूं, जैसे मैं डिफ़ॉल्ट अंधेरे विषय को संशोधित करना चाहता था। तो, मेरी समस्या हल हो गई है।

— Toreno96

Answer 5

सबसे आसान तरीका उपयोगकर्ता सेटिंग्स को संपादित करना और अनुकूलित करना है workbench.colorCustomizations

अगर आप अपनी थीम बनाना चाहते हैं

वर्तमान थीम को संशोधित करने का विकल्प भी है जो वर्तमान थीम सेटिंग्स को कॉपी करेगा और आपको *.color-theme.jsonJSON5 फ़ाइल के रूप में सहेजने देगा

Comments

फैंसी आपके जवाब को फिर से आदेश दे रहा है इसलिए बेहतर और आसान जवाब है? =]

— रिक्वेस्टल

Answer 6

वी.एस. कोड संस्करण 1.12 या उच्चतर पर इस सेटिंग्स सेक्शन में किसी भी रंग विषय को बदला जा सकता है:

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

Https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-nheme देखें

उपलब्ध मान संपादित करने के लिए: https://code.visualstudio.com/docs/getstarted/theme-color-reference

संपादित करें: सिंटैक्स रंग बदलने के लिए, यहां देखें: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors और यहाँ: https://sublimetext.com/docs/ 3 / scope_naming.html

Comments

इसके साथ आप स्वयं संपादक के रंगों को ओवरराइड कर सकते हैं लेकिन कुछ कीवर्ड्स के रंग (उदा: स्ट्रिंग्स कलर) नहीं।

— झेग

Answer 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-higher-shide

Answer 8

मैक ओएस के लिए समाधान

मुझे यकीन नहीं है कि यह उत्तर यहां सूट करता है, लेकिन मैं मैक उपयोगकर्ताओं के लिए एक समाधान साझा करना चाहता हूं और यह अजीब लगता है अगर मैं एक नया सवाल शुरू करता हूं और वहां खुद का जवाब देता हूं।

अपने VSCode विषय पथ को नीचे की तरह देखें:

..your_install_location / Visual Studio Code.app/Contents/Resources/app/extensions/theme-name/themes/theme_file.json

खुली .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सहेजना न भूलें ।

Answer 9

डॉक्स अब इस बारे में एक पूरी खंड होता है।

मूल रूप से, कमांड npmको स्थापित करने yoऔर चलाने के लिए उपयोग करें yo codeऔर आपको थोड़ा टेक्स्ट-आधारित विज़ार्ड मिलेगा - जिसका एक विकल्प डिफ़ॉल्ट डार्क स्कीम की एक प्रति बनाना और संपादित करना होगा।

Answer 10

मैं विषय को संपादित करने का एक तरीका खोजने के लिए यहां आया था, लेकिन अपने मैक पर नहीं मिला। एक गहरी गोता लगाने के बाद, अंत में मुझे स्थापित जगह मिली:

~/.vscode/extensions

वहाँ सभी एक्सटेंशन!

Comments

यह जवाब अच्छा है, यह गलत तरीके से नीचे मतदान किया गया था।

— पॉलीमरेज़