Vscode: स्टेटस बार बैकग्राउंड कलर

+1!
मुझे उस रंग और उस रहस्यमयी स्माइली चेहरे से नफरत है। उम्मीद है कि स्टेटस बार की शैली को बदलने का कोई तरीका है।

+1

+1

+1

+1

+1

:-1: -1 मुझे यह अच्छा लगता है।

इस मुद्दे पर देरी से प्रतिक्रिया के लिए खेद है। हम स्टेटस बार के भीतर नीले रंग का उपयोग करते हैं क्योंकि यह विजुअल स्टूडियो के परिवार के अनुरूप है। हम भविष्य में इसे और अन्य चीजों को उपयोगकर्ता स्टाइल शीट के माध्यम से अनुकूलन के लिए खोल सकते हैं। उम्मीद है कि यह रंग के साथ आपकी किसी भी चिंता का समाधान करेगा।

+1

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

+1

+1

फिर से खोलना। यह संभवतः UI घटकों को थीम करने की क्षमता को जोड़कर हल किया जाएगा https://github.com/Microsoft/vscode/issues/1231

+1

यदि आप संपादक को एक मीटर दूर से देखते हैं, तो केवल एक चीज जो आप देखेंगे वह है गहराई से संतृप्त स्थिति पट्टी, जो वास्तव में संपादन करते समय बहुत विचलित करने वाली है।

चूंकि #1231 अब बंद हो गया है, इसलिए अच्छा होगा कि इसे थोड़ा कम करने का विकल्प दिया जाए।

@shubhamsizzles डुप्लीकेट के कई स्तर थे, यहां UI थीम समस्या का पालन करें https://github.com/Microsoft/vscode/issues/3112

यदि स्टेटस बार वह है जो आपको विकसित होने से विचलित करता है, तो हो सकता है कि आपके पास अन्य मुद्दे हों?

मैं रंग से मस्त हूं। 'सामान्य' स्थितियों में नीला, डिबग मोड में नारंगी-लाल। मेरे लिये कार्य करता है।

यदि स्टेटस बार वह है जो आपको विकसित होने से विचलित करता है, तो हो सकता है कि आपके पास अन्य मुद्दे हों?

मैं 100, एलेक्स के लिए निष्क्रिय आक्रामक प्रतिक्रिया लूंगा।

निष्क्रिय आक्रामक नहीं।

आईडीई में शिकायत करने के लिए सभी चीजों में से, सबसे नीचे स्टेटस बार? बग नहीं, अधिक कुशल विकास में सहायता करने के लिए सुविधाओं की कमी, भाषा समर्थन, बेहतर डिबगिंग या जीआईटी एकीकरण, समुदाय की कमी, आदि ... ?

@natdm ठीक है, अनुमान

अगर #459 लागू किया गया, तो इसे बदलना आसान होगा।

echo ".monaco-workbench>.part.statusbar{background-color:#000;}" | sudo tee -a /usr/share/code-insiders/resources/app/out/vs/workbench/workbench.main.css

कोड के लिए मेरा वर्तमान सीएसएस पैच:

/***** PATCHES *****/
.monaco-workbench.hc-black { color: #FFF; background-color: #000; }
.monaco-workbench.hc-black .sidebar .separator  { background-color: #000; border: 1px solid #6FC3DF; }
.monaco-workbench.hc-black input,
.monaco-workbench.hc-black textarea {
    background-color: #000;
}
.monaco-workbench.hc-black .monaco-action-bar .action-item.disabled .action-label.disabled,
.monaco-workbench.hc-black .monaco-action-bar .action-item.disabled .action-label.disabled:hover {
    opacity: 1;
}
.monaco-workbench.hc-black .monaco-action-bar .action-item.disabled .action-label.disabled:before {
    opacity: .4;
}

.monaco-shell { font-family: "Iosevka", "Helvecita", "Inziu Iosevka SC", sans-serif}
.monaco-shell:lang(zh-Hans) { font-family: "Iosevka", "Helvecita", "Inziu Iosevka SC", sans-serif}
.monaco-shell:lang(zh-Hant) { font-family: "Iosevka", "Helvecita", "Inziu Iosevka CL", sans-serif}
.monaco-shell:lang(ja) { font-family: "Iosevka", "Helvecita", "Inziu Iosevka J", sans-serif}
.monaco-workbench > .part > .content {font-size:11px}
.decorationsOverviewRuler{
    clip:rect(2px,13px,1000px,2px);
    margin-top: -2px;
    height:calc(100% + 4px);
}
.monaco-workbench.vs-dark .editor > .content > .editor-center,.monaco-workbench.vs-dark .editor > .content > .editor-right { border-left-color:#0a0a0a}
.monaco-workbench.vs-dark { background: #252525 }
.monaco-editor.vs-dark .git-dirty-modified-diff-glyph { background-color: rgba(250,190,28,0.6) }
.explorer-viewlet .explorer-item-label, .explorer-viewlet .working-files-item-label { color: rgb(190, 190, 190) }
.vs-dark .monaco-tree .monaco-tree-row.selected { color: rgb(210, 210, 210) }
.vs-dark .monaco-tree .monaco-tree-row.focused, .vs-dark .monaco-tree .monaco-tree-row.selected { background: rgb(57,57,56)!important }
.vs-dark .monaco-tree .primary-action-bar,.vs-dark .monaco-tree.focused .monaco-tree-row.focused:not(.highlighted)>.content.actions>.primary-action-bar { background: none!important }
.monaco-workbench.no-workspace>.part.statusbar,.monaco-workbench > .part.statusbar {background: rgb(21,21,21)}
.monaco-workbench > .part.statusbar>.statusbar-item{opacity: 0.6}
.monaco-workbench>.part.panel>.title { border-top-color: rgba(255,255,255,0.1) }
.monaco-editor.vs-dark .git-dirty-modified-diff-glyph { background: none }
.monaco-editor.vs-dark .current-line {border: none}
.monaco-editor.vs-dark .selectionHighlight { background: rgba(173,214,255,0.1)}

.token.haskell { font-feature-settings: "XHS_" 1; }
.token.patel { font-feature-settings: "XPTL" 1; }

.explorer-open-editors .editor-group { visibility: hidden }
.explorer-open-editors .monaco-tree-row.expanded { margin-bottom: -22px }
.explorer-open-editors .monaco-tree-row + .monaco-tree-row.expanded { border-top: 1px solid rgba(255,255,255,0.05); margin-top: -1px }

मुझे यह हर अपडेट करना है। कृपया उपयोगकर्ता सीएसएस या यूआई थीमिंग का समर्थन करें।

सचमुच ? विचलित करने वाला? क्या आप अपनी आँखें चलाने में सक्षम नहीं हैं ? एक IDE के लिए इतना बेवकूफी भरा मुद्दा कभी नहीं देखा

@be5invis यह फ़ाइल कहाँ स्थित है?

+1 जबकि मैं व्यक्तिगत रूप से इसे एक व्याकुलता नहीं पाता - मुझे यह नापसंद है कि संपादक को पूर्णस्क्रीन (एफ 11) बनाते समय यह एकमात्र चीज है जो संपादक को पूरी तरह से निर्बाध महसूस कर रही है (बेहतर शब्द की कमी के लिए)। एटम एडिटर को डार्क थीम में लोड करने की कोशिश करें और उसे फुलस्क्रीन बनाएं। यह पूरी तरह से निर्बाध दिखता है। VSCode उतना ही अच्छा लगेगा (यदि बेहतर नहीं है) यदि यह इसके लिए नीचे की ओर नीली पट्टी नहीं है।

मुझे लगता है कि यह अन्यथा आकर्षक UI में वास्तव में घृणित है। ऐसा नहीं है कि यह नीला है (हालांकि ग्रे बेहतर होगा), यह बहुत उज्ज्वल है। मैंने देखा है कि यह मैक की तुलना में विन 10 पर बेहतर दिखता है (मैं मैक पर हूं)। लेकिन यह सिर्फ एक स्टेटस बार है, इसे इतना ध्यान क्यों देना चाहिए?

टिप्पणी करने वालों के लिए कि हमें कुछ "तुच्छ" के बारे में शिकायत करने के बजाय "जीवन प्राप्त करना" चाहिए, याद रखें कि किसी एप्लिकेशन का UI कुछ ऐसा है जिसे आप पूरे दिन देखते हैं। यह आपको खुश करने के साथ-साथ आपकी सहायता भी करनी चाहिए। किसी थीम या अन्य संपादक प्रीफ़ में इसे रंगने का एक आसान तरीका भी सराहना की जाएगी।

अपने कस्टम CSS को कोड में पैच करने के लिए एक एक्सटेंशन (vscode-icons से फोर्क किया गया) बनाया:

https://github.com/be5invis/vscode-custom-css
https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

vscode_custom_css.file विकल्प को उस CSS पर सेट करें जिसे आप लागू करना चाहते हैं और इसे सक्षम करें।

vscode-custom-css एक आकर्षण की तरह काम करता है! मैंने अपने CSS को यहाँ इस के साथ पैच किया: https://gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 , ओशनिक डिम्ड थीम के संयोजन में।

मुझे डिफ़ॉल्ट नीले रंग से कोई आपत्ति नहीं है, मेरी समस्या यह है कि यह सभी VScode विंडो के लिए नीला है।

रंग जल्दी से सेट करना ठीक रहेगा (स्टेटस बार पर राइट क्लिक करें ??)। वीएस कोड की एक से अधिक विंडो के साथ काम करते समय, मैं उस विंडो को खोजने में सक्षम हो सकता हूं जिसकी मुझे सूक्ति कार्य चयन पर आवश्यकता है

वैसे भी, कभी-कभी स्टेटस बार बैंगनी या नारंगी होता है, जिसका विशिष्ट अर्थ होता है

+1

@ be5invis ने आपके विस्तार की कोशिश की और शानदार काम किया। यदि आप अंदरूनी सूत्रों का उपयोग कर रहे हैं तो थोड़ा थकाऊ, लेकिन फिर भी बढ़िया। चीयर्स।

संयोग से, png फ़ाइलों (जैसे एटम क्या

सहायता -> डेवलपर टूल टॉगल करें -> कंसोल

document.getElementById("workbench.parts.statusbar").style.color = "ब्लैक"

1. https://github.com/be5invis/vscode-custom-css स्थापित करें और सक्षम
2. विजुअल स्टूडियो कोड को व्यवस्थापक के रूप में पुनरारंभ करें

3. style.css बनाएं:

   .monaco-workbench.no-workspace>.part.statusbar {
    background-color: #333333 !important;
   }
   

4. फ़ाइल> वरीयताएँ> उपयोगकर्ता सेटिंग्स

   {
      "vscode_custom_css.imports": [
          "file://path_to_css_file/style.css"
      ]
   }
   

5. F1 > कस्टम CSS और JS सक्षम करें
6. विजुअल स्टूडियो कोड को पुनरारंभ करें

कृपया ध्यान रखें कि यह एक्सटेंशन वीएस कोड के स्रोत कोड को सचमुच बदल देता है और यदि आप इसे स्थापित करते हैं तो आप बहुत अच्छी तरह से समस्याओं में भाग सकते हैं। हमने एक्सटेंशन के कई मामलों को देखा है जैसे कि यह इंस्टॉल को दूषित कर रहा है और इसे वापस पाने का एकमात्र तरीका बनामकोड को पुनर्स्थापित करना है।

@Tyriar #3112, #1231, #1833, और #76 के संदर्भ में, ऐसा लगता है कि इस परिणाम को प्राप्त करने का उचित तरीका आधिकारिक एपीआई के माध्यम से है, हालांकि यह 10 महीने से बैकलॉग पर है । क्या इस एपीआई के लागू होने के बारे में कोई अपडेट है?

@tylercubell मैंने टीम से पूछा और हम अपने रोडमैप पर इस बिंदु के हिस्से के रूप में #3112 देखने जा रहे हैं:

कार्यक्षेत्र थीमिंग, उदाहरण के लिए, एक्सप्लोरर में समर्थन चिह्न

यह मुझे भी परेशान करता है क्योंकि मेरे द्वारा उपयोग की जाने वाली थीम में बहुत गहरे भूरे रंग की पृष्ठभूमि है जो इसे थोड़ा अजीब लगती है।

इस पर कोई भी समाचार? vscode_custom_css हैक 9/2016 के रूप में काम नहीं कर रहा प्रतीत होता है।

@WilldelaVega777 ठीक है ... क्या आपने अपने ऊपर की टिप्पणी पढ़ी?

+1

+1

+1

+10086

+1

बैंगनी रंग ठीक है, लेकिन नीला बहुत चमकीला/ध्यान भटकाने वाला है

+1

तुम्हें पता है... जीथब ने _reactions_ को लागू करने का एक कारण है...

अगर हमारे पास कम से कम इसे ग्रे बनाने का विकल्प हो, तो बाकी UI की तरह। क्योंकि मुझे इसमें शामिल जानकारी की आवश्यकता है, लेकिन यह अभी भी मुझे बहुत विचलित कर रहा है।

+1

+10

+1

मुझे उस नीले रंग से नफरत है

@ bgashler1 थीमिंग अच्छी होगी, लेकिन साइडबार और ट्री बैकग्राउंड से संबंधित एक साधारण ग्रे पर्याप्त होगा। संभवतः वरीयताओं में ध्वज के पीछे?

@pkieltyka क्या आपने टिप्पणी इतिहास पढ़ने की भी जहमत उठाई?

@tylercubell आमतौर पर मैं करता हूं, मेरी गलती

+1

+1

हो सकता है, मैं शायद कहूं, कोई पहले आधिकारिक थीमिंग फ़ंक्शन (या मॉड्यूल, जो कुछ भी) लागू कर सकता है और बाद में रिपोर्ट कर सकता है। इसे चीन में कहा जाता है।

प्लगइन का उपयोग किए बिना, आप बस इस फ़ाइल को workbench.main.css खोल सकते हैं और .monaco-workbench>.part.statusbar को background:#007acc; से background:#252526; (ग्रे) में बदल सकते हैं।

धन्यवाद @AlexCasa हैक ने काम किया, फ़ाइल /usr/share/code/resources/app/out/vs/workbench/workbench.main.css पर linux पर स्थित थी

मैं छोटा सीएसएस फाइलों को संपादित किए बिना ऐसा करने में सक्षम होने के लिए तत्पर हूं: चोटिलबैड: और चेतावनी दी जा रही है कि बनाम कोड इंस्टॉल भ्रष्ट है https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

विंडोज़ 7 पर फ़ाइल का स्थान

C:\Program Files (x86)\Microsoft VS Code\resources\app\out\vs\workbenchworkbench.main.css

संपूर्ण UI को संभव बनाने के लिए यह बहुत अच्छा होगा

+1

नीली स्थिति पट्टी ध्यान भंग कर रही है, कृपया डिफ़ॉल्ट को काले पर सेट करें (या कुछ भिन्नता, ताकि यह अलग न हो)।

जबकि हम UI की कस्टम थीम को सक्षम करने पर काम कर रहे हैं, हम डिफ़ॉल्ट UI रंगों में निम्नलिखित परिवर्तनों पर विचार कर रहे हैं।

आप देखेंगे कि हम स्टेटस बार को म्यूट करने के बारे में सोच रहे हैं।

इनमें से कोई भी पत्थर में सेट नहीं है। आप जो सोचते हैं उसे सुनना पसंद करेंगे। कृपया GitHub प्रतिक्रियाओं का उपयोग करें

ताकि हम यह महसूस कर सकें कि लोग इसे कैसे पसंद करते हैं।

@ bgashler1 यदि ग्रे रंग एक ऑप्ट-इन है, तो कृपया हमें अनुकूलित करने की क्षमता दें (और साथ ही, अन्य UI तत्व: रंग, आकार, रिक्ति, टाइपोग्राफी, आदि)

@be5invis हम कुछ UI

@bgashler1
एक थीम बिल्डर के लिए, वे चाहते हैं कि थीम की क्षमता रंगों के क्षेत्र में सीमित न हो। CSS का उपयोग करना एक अंतिम समाधान है, हालांकि Sublime Text में थीमिंग पावर भी अच्छी तरह से काम करती है।

पुनश्च कृपया स्क्रॉल बार की सीमा को हटाने की क्षमता दें।

🙂 +1 ये कैप्चर बहुत अच्छे लगते हैं!

OSX उपयोगकर्ताओं के लिए @AlexCasa द्वारा सुझाए गए परिवर्तन करने का प्रयास करने के लिए, फ़ाइल यहां स्थित है:

/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/out/vs/workbench/workbench.main.css

संपादित करें:

मैं यह भी जोड़ने की सलाह दूंगा: .dropdown.send-feedback{display:none} अगर आप खौफनाक स्माइली चेहरे से छुटकारा पाना चाहते हैं।

+1

+1

@ bgashler1 कृपया अजीब स्माइली को हटा दें, या कम से कम इसे कम अजीब बनाएं। क्या मैं इसके बजाय ऐसा कुछ सुझा सकता हूं?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub हम लोगों को उस पर राइट-क्लिक करके UI को हटाने में सक्षम बनाने पर काम कर रहे हैं। @basero क्या स्माइली चेहरे के साथ भी ऐसा करना संभव होगा?

हां संभवत। ध्यान दें कि हम (वर्तमान में) उपयोगकर्ताओं को स्थिति बार में चीजों को छिपाने की अनुमति नहीं दे सकते क्योंकि जिस तरह से एक्सटेंशन वहां चीजों को बहुत गतिशील तरीके से जोड़ सकते हैं।

+1

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

@bentx यह बिल्कुल उसी तकनीक का उपयोग करता है जो अन्य सभी एक्सटेंशन जो असमर्थित मोड को ट्रिगर करते हैं क्योंकि यह सीएसएस और जेएस फाइलों को ओवरराइड करता है, आप बस संदेश को अक्षम करते हैं ...

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

@bentx यह केवल निराशाजनक है कि हमने इस प्रकार के एक्सटेंशन के कारण यादृच्छिक क्रैश और बग की जांच करने में समय बर्बाद किया है, इसलिए हमने संदेश को एक समझौते के रूप में जोड़ा, अब संदेश अक्षम किया जा रहा है (अन्य सभी एक्सटेंशन के लिए भी) जिसका अर्थ है एक्सटेंशन के उपयोगकर्ता शायद यह भी नहीं पता कि यह क्या कर रहा है।

@ टायरियर फेयर पॉइंट। मेरे दृष्टिकोण से कष्टप्रद संदेश कष्टप्रद है, लेकिन मैं उन उपयोगकर्ताओं पर सहमत हूं जो यह नहीं जानते कि समस्या क्या हो रही है, साथ ही [असमर्थित] संदेश के बिना स्क्रीनशॉट के साथ समस्याएं। मैंने एक्सटेंशन अपडेट किया है, अखंडता जांच डिफ़ॉल्ट रूप से सक्षम रहेगी, और इसे अक्षम करने के लिए एक सेटिंग प्रविष्टि जोड़ी गई है, जो जानते हैं कि वे क्या कर रहे हैं। इस पर उपयोगकर्ता की जिम्मेदारी के संबंध में README पर एक नोट भी है।

@bentx धन्यवाद मैं और अधिक अनुकूलन प्राप्त करने के लिए इंतजार नहीं कर सकता

+1

इस पर कोई अपडेट?

+1 स्टेटस बार रंग अनुकूलन की प्रतीक्षा कर रहा है।

https://github.com/Microsoft/vscode/issues/17608 की जाँच

तो VSCode 1.9 बाहर हो गया है, मुझे नहीं लगता कि इस मुद्दे को उस रिलीज़ के साथ संबोधित किया गया है, क्या मैं सही हूँ?

@jchannon सही .. :(

.statusbar{background:#xxxxxx} केवल इस तरह से स्टेटस बार का रंग बदलना है?

@GaryChangCN इसे स्थायी रूप से बदलने का यही एकमात्र तरीका है। एक और तरीका है, हालांकि यह केवल तब तक चलता है जब तक आप संपादक को दोबारा नहीं खोलते। डेवलपर टूल (सहायता-> डेवलपर टूल टॉगल) का उपयोग करके मैं मैन्युअल रूप से रंग बदलता हूं और स्माइली को हटा देता हूं। यह तब तक चलता है जब तक मैं वीएससीओडी से पूरी तरह से बाहर नहीं निकल जाता, लेकिन यह मेरे लिए कोई समस्या नहीं है क्योंकि आम तौर पर मैं इसे एक दिन की शुरुआत में खोल देता हूं और अंत में इसे बंद कर देता हूं।

@Stromwerk आप कस्टम सीएसएस कहां रखते हैं?

@equinusocio मैं वास्तव में कोई कस्टम सीएसएस नहीं

@Stromwerk धन्यवाद! यह अब बहुत अच्छा है।

@ स्ट्रोमवर्क

.statusbar{background:#xxxxxx} केवल इस तरह से स्टेटस बार का रंग बदलना है?
@GaryChangCN इसे स्थायी रूप से बदलने का यही एकमात्र तरीका है ....

ध्यान दें कि शीर्ष मेनूबार थीम-सक्षम होने के साथ-साथ पूर्ण विजुअल स्टूडियो की तरह उपयोगी होगा:
संपादित करें, ऐसा लगता है कि इसके लिए पहले से ही एक अलग मुद्दा है: #16363

@martinsuchan मुझे विश्वास नहीं है कि वर्तमान में https://github.com/electron/electron में यह संभव है।

@ टायरियर एटम करता है।

@equinusocio ओह सच में? सुनिश्चित नहीं है कि हमारे पास इसे ट्रैक करने के लिए कुछ भी है, लेकिन यह शायद एक अलग मुद्दा होना चाहिए।

+1

@Tyriar कस्टम HTML+CSS मेनू का उपयोग करना हमेशा संभव है जो मूल सिस्टम मेनू से अप्रभेद्य होगा,

@martinsuchan अप्रभेद्य एक मजबूत शब्द है, आपको ध्यान में रखना होगा:

• नज़र
• सरल उपयोग
• सिस्टम सेटिंग्स (फ़ॉन्ट, मेनू स्केल, आदि)

साथ ही मेन्यू विंडोज संस्करणों के बीच मामूली तरीकों से भिन्न हो सकते हैं।

+1
कृपया, क्या हम इसे अनुकूलित कर सकते हैं? एक गहरे रंग योजना के खिलाफ चमकीला नीला बेहद विचलित करने वाला है!

+1
मुझे बेंटक्स का बनामकोड-कस्टम-थीम एक्सटेंशन अभी के लिए स्वीकार्य वर्कअराउंड लगता है, लेकिन इसे आधिकारिक फीचर के रूप में देखना वाकई अच्छा होगा।

आप इसे निम्न चरणों से बदल सकते हैं:

1. ctrl+shift+p और इनपुट डेवलप टूल ओपन डेवलप टूल
2. स्टेटस बार पर एलिमेंट फोकस चुनें और सीएसएस स्टाइल ढूंढें
3. vscode css फ़ाइल संपादित करें (workbench.main.css) शैली बदलें
4. फ़ाइल को सहेजें और अपना बनाम कोड पुनः लोड करें

सहमत हैं कि नीला बहुत जोर से है, लेकिन जो कोई भी नफरत करता है :) को 'घर जाकर अपने जीवन पर पुनर्विचार करना होगा'

+1

मैं कस्टमसीएसएस और जेएस लोडर का उपयोग कर रहा हूं सो दा रीलोडेड (डार्क वेरिएंट) सबलिमिनल टेक्स्ट थीम के समान अनुकूलित किया जा सके।

अभी भी बहुत सी चीजें गायब हैं, बहुत सी चीजें जो मैं करना चाहता हूं और अनुकूलित करना चाहता हूं (कुछ मुझे नहीं लगता कि संभव भी हैं) लेकिन अभी के लिए, स्टेटस बार उन चीजों में से एक है जिन्हें मुझे "ठीक" करना था।

कुछ भी फैंसी नहीं है, लेकिन रुचि रखने वाले किसी के लिए, इसे यहां देखें ।

पूर्वावलोकन:

+1

+1

मैंने https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 पर आधारित एक स्क्रिप्ट बनाई क्योंकि मैं हर बार रंग रीसेट करने के लिए फ़ाइल को संपादित करते-करते थक गया था ...
स्क्रिप्ट लिंक

ctrl+k + ctrl+z मेरे लिए समस्या को हल करता है (ज़ेन मोड, पढ़ें: व्याकुलता मुक्त ...) लेकिन अधिक UI भागों में अनुकूलन जोड़ना वास्तव में अच्छा होगा।

"हम लोगों को उस पर राइट-क्लिक करके UI को हटाने में सक्षम बनाने पर काम कर रहे हैं।"

यानी: मुझे इस छोटे से बदलाव को पूरा करने के लिए व्यक्तिगत रूप से एम $ पर 1000 ध्रुवों को ग्रीस करना होगा क्योंकि विपणन विभाग (जो पूर्ण विकसित मनोचिकित्सा से 1 कदम दूर हैं) चाहते हैं कि यह बना रहे।

@blueredcat , इसे क्यों हटा रहे हैं? स्टाइलिंग या ऑटोहाइड या कुछ और करेगा, नहीं?

जैसा कि किसी ने पहले ही कहा है, बस एक ग्रे / काला विकल्प अच्छा होगा, यह नीली पट्टी डार्क थीम पर बहुत अजीब लगती है।

मुझे लगता है कि इसे संभालने का सबसे साफ तरीका थीम को सेटिंग्स को उजागर करना होगा, इस तरह थीम निर्माता थीम को फिट करने वाली रंग सेटिंग्स प्रदान कर सकते हैं।

चेक https://github.com/Microsoft/vscode/issues/21923

नवीनतम गिट स्रोत शाखा से स्थापित। उन्होंने रंग को नीले से बैंगनी में बदल दिया। (या यह विकास संस्करणों के लिए डिफ़ॉल्ट है?)

मैंने इस धागे में उल्लिखित कुछ त्वरित सीएसएस हैक्स की कोशिश की। कुछ भी जल्दी काम नहीं लग रहा था। अब इस भयानक नीली पट्टी पर कम से कम एक या दो घंटे बिताए। हैरानी की बात है कि यह ब्लूबार सभी विजुअल स्टूडियो टूल्स में एक "मानक" माना जाता था। मैं एक अलग संपादक पर वापस जाऊँगा और दूसरे वर्षों में vscode की जाँच करूँगा।

कुछ भी जल्दी काम नहीं लग रहा था। अब इस भयानक नीली पट्टी पर कम से कम एक या दो घंटे बिताए।

• विजुअल स्टूडियो के लिए कस्टम थीम स्थापित करें
• अपनी प्राथमिकताओं में theme.statusbar.background.color सेट करें।
• किया हुआ।

स्टेटसबार रंग बदलने और इस अजीब स्माइली को छिपाने के लिए +1

@jwigley की महान अनुशंसा पर निर्माण, यहां विस्तृत तरीके से बताया गया है:

1. ओपन एक्सटेंशन: मैक: Shift+command+X , विंडोज: Ctrl+Shift+X , लिनक्स: Ctrl+Shift+X
2. Custom theme for Visual Studio Code और उस एक्सटेंशन को इंस्टॉल करें
3. विज़िट वरीयताएँ: Mac: Command+ , Windows/Linux: File > Preferences > Settings
4. दाएँ फलक में "theme.statusbar.background.color": "#161616" (हेक्स को अपना पसंदीदा रंग बनाएं) जैसे

{
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "workbench.welcome.enabled": false,
    "theme.statusbar.background.color": "#161616"
}

1. सभी कमांड दिखाएं: मैक: Shift+command+P , विंडोज़: Ctrl+Shift+P , लिनक्स: Ctrl+Shift+P
2. के लिए खोज Theme और सक्रिय Custom theme: Apply

@ जो-वाटकिंस Running the contributed command:'theme.apply' failed.

@stannynuytkens हम्म मुझे पता नहीं है? आप नवीनतम संस्करण चला रहे हैं?

@stannynuytkens सुनिश्चित करें कि आप विंडोज़ पर व्यवस्थापक के रूप में चल रहे हैं या

ऐसा लगता है कि यह टिकट जल्द ही बंद किया जा सकता है, नवीनतम स्रोतों को देखकर, यह अच्छी खबर है :)

export const STATUS_BAR_BACKGROUND = registerColor('statusBarBackground', {
    dark: '#007ACC',
    light: '#007ACC',
    hc: null
}, nls.localize('statusBarBackground', "Standard status bar background color. The status bar is shown in the bottom of the window"));

यह उस थीमिंग क्षमता की तरह दिखता है जिसका हम इंतजार कर रहे हैं, vscode टीम जाओ!

यह उस थीमिंग क्षमता की तरह दिखता है जिसका हम इंतजार कर रहे हैं, vscode टीम जाओ!

हाँ कार्यक्षेत्र थीम समर्थन की शुरुआत मार्च अपडेट (1.11) का हिस्सा होगी। आप इसे बहुत जल्द कर पाएंगे, देखें https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970

हमें इसके बारे में दस्तावेज कहां मिलेगा?

@equinusocio शायद रिलीज नोट्स में कुछ दस्तावेज होंगे, अधिकतर 1.12 में होंगे।

मुझे blue विजुअल स्टूडियो का पूरा तर्क बेतुका लगता है। नीला रंग मायने रखता है अगर कोई बनामकोड/विज़ुअल स्टूडियो लोगो होता, तो स्टेटस बार में कोई नहीं होता। यह पसंद नहीं है कि उपयोगकर्ता भ्रमित हो जाएंगे कि वे किस आईडीई का उपयोग कर रहे हैं क्योंकि नीले रंग को सूक्ष्म ग्रे में बदल दिया गया है जैसे @ bgashler1 ने पोस्ट किया है।

सीधे शब्दों में कहें तो नीला इतना मजबूत होता है कि यह उन कोड से ध्यान हटा देता है जो उपयोगकर्ता लिख ​​रहे हैं। यह सचमुच एक उपयोगकर्ता अनुभव मुद्दा है। कृपया कृपया इसे इस तरह से व्यवहार करें।

वर्कबेंच थीम पर हमारे काम के साथ ( नोट जारी करें ) अब आप स्टेटसबार पृष्ठभूमि के रंग को अनुकूलित कर सकते हैं। प्रासंगिक कुंजी हैं:

• statusBarBackground : डिफ़ॉल्ट रूप से नीला
• statusBarNoFolderBackground : डिफ़ॉल्ट रूप से बैंगनी
• statusBarDebuggingBackground : डिफ़ॉल्ट रूप से नारंगी

सेटिंग्स के माध्यम से इसे कैसे बदला जाए, इसका एक उदाहरण यहां दिया गया है:

"workbench.experimental.colorCustomizations": {
    "statusBarBackground": "#00EECC",
    "statusBarNoFolderBackground": "#CCEE00",
    "statusBarDebuggingBackground": "#CCFFFF"
}

यह संभावना है कि सेटिंग का नाम बदल जाएगा और हमें भी लगता है कि रंग के नाम अभी अंतिम नहीं हैं।

स्टेटस बार में स्माइली बटन को छिपाने में सक्षम होने के लिए, मैं https://github.com/Microsoft/vscode/issues/7893 के माध्यम से जारी रखने का सुझाव देता हूं

नोट : वर्कबेंच थीमिंग समर्थन से अभी भी बहुत सारे रंग गायब हैं (https://github.com/Microsoft/vscode/issues/3112 के माध्यम से जारी है) और स्टेटस बार में कलरिंग आइकन के साथ अभी भी कुछ समस्याएं हैं (https के माध्यम से जारी है) ://github.com/Microsoft/vscode/issues/23526)।

मुझे मूल ब्लू स्टेटसबार पसंद है, हालांकि, सबसे आखिरी रिलीज इसके बजाय बैंगनी का उपयोग करता है। मुझे बैंगनी से नफरत है।

@HoNooD जब कोई फ़ोल्डर नहीं खोला जाता है तो स्टेटस बार हमेशा बैंगनी होता है।

वू !! यह अद्यतन वास्तव में अच्छा है! मित्रों, आप सबको बहुत - बहुत धन्यवाद; संपूर्ण कार्यक्षेत्र को थीम करने की क्षमता बहुत बढ़िया है!

ओह विडंबना , योग्य! _(संकेत: टाइटलबार रंग)_
धन्यवाद दोस्तों, एच * विल आउट ऑफ वर्सकोड थीम की प्रतीक्षा कर रहे हैं!

मेरे लिए अब सब कुछ बैंगनी है :(। शांत प्रकाश विषय, खुले फ़ोल्डर के साथ स्थिति पट्टी, डेबियन खिंचाव पर 1.11.1

वह विषय होगा। नई प्रयोगात्मक कार्यक्षेत्र सेटिंग के साथ सेटिंग में अपने स्टेटस बार के रंग को परिभाषित करें।

"workbench.experimental.colorCustomizations": {
        "statusBarBackground" : "#1A1A1A",
        "statusBarNoFolderBackground" : "#0A0A0D",
        "statusBarDebuggingBackground": "#511f1f"
    }

सुंदर! अब सफेद आइकॉन का रंग कैसे बदलें? :)

@stefangabos क्या आइकन statusBarForeground साथ नहीं बदलते हैं?

ऐसा लगता है कि यहाँ कोई प्रभाव नहीं है

@stefangabos यदि आप अंदरूनी सूत्रों पर हैं, तो मैं एक बग फाइल करूंगा। अन्यथा अंदरूनी सूत्रों में परीक्षण करना एक अच्छा विचार हो सकता है।

@basero मुझे पता है कि यह एक खिंचाव है लेकिन क्या एक्सटेंशन एपीआई के माध्यम से

एक प्रयोगात्मक सुविधा का तुरंत उपयोग करने के लिए क्षमा करें:/उच्च मांग थी..

https://github.com/VSCodeVim/Vim/issues/1056

वर्तमान में सीधे सेटिंग बदलने के अलावा इसे एपीआई के रूप में उजागर करने की कोई योजना नहीं है।

ठीक है, संबंधित https://github.com/VSCodeVim/Vim/issues/1565

मैं इसे खुला छोड़ दूंगा, दुर्भाग्य से इसका मतलब है कि यह विस्तार के लिए कभी भी प्रदर्शन कारणों से बहुत अच्छा काम नहीं करेगा, लेकिन कम से कम यह ठीक काम करता है

आप में से उन लोगों के लिए जिन्होंने उपरोक्त समाधान की कोशिश की है, लेकिन यह काम नहीं कर रहा है, अब इसे बदल दिया गया है:

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#0A0A0D",
    "statusBar.debuggingBackground": "#511f1f"
}

यह नई रिलीज़ में अपेक्षा के अनुरूप काम कर रहा है। इसे जहाँ तक बंद किया जा सकता है
मैं चिंतित हूँ। धन्यवाद!

6 मई, 2017 00:29 को, "युहाओ झांग" नोटिफिकेशन @github.com ने लिखा:

आप में से उन लोगों के लिए जिन्होंने उपरोक्त समाधान की कोशिश की है लेकिन इसे नहीं पाया है
काम कर रहा है, इसे इसमें नहीं बदला गया है:

"workbench.colorCustomizations": {
"statusBar.background" : "#1A1A1A",
"statusBar.noFolderBackground" : "#0A0A0D",
"statusBar.debuggingBackground": "#511f1f"
}

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@ bgashler1 यह सुसंगत नहीं है यह विचलित करने वाला है, आप Microsoft

टिप @yuhaozhang के लिए धन्यवाद! इसने एक जादू की तरह काम किया!

मैं इसके साथ समाप्त हुआ:

"workbench.colorCustomizations": 
    {
        "statusBar.background" : "#303030",
        "statusBar.noFolderBackground" : "#222225",
        "statusBar.debuggingBackground": "#511f1f"
    }

पूर्वावलोकन

@rogaha बहुत बढ़िया, यह मेरे लिए किया, धन्यवाद!
पहली बार मैं विजुअल स्टूडियो का उपयोग कर रहा हूं और वह नीली पट्टी मुझे बड़े समय से विचलित कर रही थी, लगभग इस संपादक को छोड़ दिया और प्रतियोगिता के लिए चला गया। मुझे विजुअल स्टूडियो संपादकों के पूरे परिवार की परवाह नहीं है अगर वे त्रुटिपूर्ण रहना चाहते हैं, लेकिन मुझे कहना होगा कि डिजाइन द्वारा भयानक स्थिरता खराब है।

@basero क्या आप इस थ्रेड को बंद और लॉक कर सकते हैं ताकि यह स्पष्ट हो सके कि workbench.colorCustomizations साथ अब समाधान संभव है? धन्यवाद!

+1

थीम्स अब स्टेटस बार बैकग्राउंड सेट कर सकती हैं। आप अपनी settings.json फ़ाइल में निम्नलिखित जोड़कर रंगों को ओवरराइड भी कर सकते हैं:

"workbench.colorCustomizations": 
{
  "statusBar.background" : "#303030",
  "statusBar.noFolderBackground" : "#222225",
  "statusBar.debuggingBackground": "#511f1f"
}

इस सुविधा के रूप में लॉक करना v1.11 से है और इसलिए समाधान दफन नहीं होता है।