Vscode: لون خلفية شريط الحالة

+1!
أكره هذا اللون وهذا الوجه المبتسم الغامض. على أمل أن تكون هناك طريقة لتغيير نمط شريط الحالة.

+1

+1

+1

+1

+1

: -1: -1 أحبها لول.

آسف على الرد المتأخر على هذه المسألة. نستخدم اللون الأزرق داخل شريط الحالة لأنه متسق داخل عائلة Visual Studio. قد نفتح في المستقبل هذا وأشياء أخرى للتخصيص عبر أوراق أنماط المستخدم. نأمل أن يعالج ذلك أي مخاوف لديك بشأن اللون.

+1

@ bgashler1 أتفهم رغبتك في التقصير في التوافق مع علامة VS التجارية ، لكن اللون يشتت انتباه بعض الأشخاص بشدة. سيكون من الرائع أن يكون لديك على الأقل ورقة أنماط مستخدم تسمح لنا بتعتيمها ، أو تعيينها لتكون سوداء دائمًا. هذا يتعلق بالشيء الوحيد الذي يمنعني من الالتزام بمحررك الرائع.

+1

+1

إعادة الفتح. من المحتمل أن يتم حل ذلك عن طريق إضافة القدرة على سمة مكونات واجهة المستخدم https://github.com/Microsoft/vscode/issues/1231

+1

إذا نظرت إلى المحرر من على بعد متر واحد ، فإن الشيء الوحيد الذي ستراه هو شريط الحالة المشبع بشدة ، والذي يشتت انتباهك أثناء التحرير.

نظرًا لأن رقم 1231 مغلق الآن ، فسيكون من الجيد أن يكون لديك خيار لتخفيفه قليلاً.

shubhamsizzles @ كانت هناك مستويات متعددة من التكرارات ، اتبع مشكلة https://github.com/Microsoft/vscode/issues/3112

إذا كان شريط الحالة هو ما يصرفك عن التطوير ، فربما لديك مشكلات أخرى؟

أنا رائع مع اللون. أزرق في حالة "عادية" ، أحمر برتقالي في وضع التصحيح. يعمل لدي.

إذا كان شريط الحالة هو ما يصرفك عن التطوير ، فربما لديك مشكلات أخرى؟

سآخذ الردود العدوانية السلبية مقابل 100 يا أليكس.

ليست عدوانية سلبية.

من بين كل الأشياء التي يجب تقديم شكوى بشأنها في IDE ، شريط الحالة في الأسفل؟ ليست الأخطاء ، ونقص الميزات للمساعدة في تطوير أكثر كفاءة ، ودعم اللغة ، وتصحيح الأخطاء بشكل أفضل أو تكامل GIT ، ونقص المجتمع ، وما إلى ذلك ... (لا نقول أن VSC بها هذه المشكلات) ولكن .. لون شريط الحالة في الأسفل ؟

natdm حسنًا ، خمن ماذا ، واجهة المستخدم مهمة في IDE / محرر. إذا كان الأمر يتعلق بالميزات التي ذكرتها أعلاه فقط ، فسنستخدم جميعًا vim / emacs

إذا تم تنفيذ # 459 ، فسيكون من السهل تغيير ذلك.

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

تصحيح 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 }

يجب أن أفعل هذا كل تحديث. يرجى دعم المستخدم CSS أو سمة واجهة المستخدم.

حقا ؟ تشتيت الانتباه؟ هل أنت غير قادر على قيادة عينيك؟ لم أر قط مشكلة ل IDE غبي جدا

@ be5invis أين يوجد هذا الملف؟

+1 على الرغم من أنني شخصياً لا أجد ذلك مصدر إلهاء على هذا النحو - فأنا لا أحب ذلك عند جعل المحرر ملء الشاشة (F11) ، فهو الشيء الوحيد الذي يمنع المحرر من الشعور بالسلاسة تمامًا (لعدم وجود كلمة أفضل). حاول تحميل محرر Atom في المظهر الداكن واجعل ذلك ملء الشاشة. يبدو سلسًا تمامًا. سيبدو VSCode جيدًا (إن لم يكن أفضل) إذا لم يكن لهذا الشريط الأزرق غير المناسب في الجزء السفلي.

أعتقد أنه أمر شنيع حقًا في واجهة مستخدم جذابة بخلاف ذلك. لا يتعلق الأمر باللون الأزرق (على الرغم من أن اللون الرمادي سيكون أفضل) ، إلا أنه مشرق للغاية. لقد رأيت أنه يبدو أفضل على Win 10 منه على Mac (أنا على Mac). لكنه مجرد شريط حالة ، فلماذا يحظى باهتمام كبير؟

بالنسبة لأولئك الذين يعلقون على أنه يجب علينا "الحصول على حياة" بدلاً من الشكوى من شيء "تافه" ، تذكر أن واجهة المستخدم الخاصة بالتطبيق هي شيء تنظر إليه طوال اليوم. يجب أن يرضيك وكذلك مساعدتك. سيكون موضع تقدير حتى طريقة بسيطة لتلوينه في سمة أو محرر تفضيلات آخر.

قم بعمل امتداد (متشعب من رموز vscode) لتصحيح CSS المخصص في كود:

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 ، بالاقتران مع سمة Oceanic باهتة.

لا أمانع اللون الأزرق الافتراضي ، مشكلتي هي أنه أزرق لجميع نوافذ VScode.

سيكون من الجيد ضبط اللون بسرعة (انقر بزر الماوس الأيمن على شريط الحالة ؟؟). عند العمل مع أكثر من نافذة واحدة لرمز VS ، يمكن أن أكون قادرًا على تحديد النافذة التي أحتاجها في اختيار مهمة جنوم

على أي حال ، أحيانًا يكون شريط الحالة أرجوانيًا أو برتقاليًا ، ويبدو أن له معانٍ محددة

+1

@ be5invis حاول التمديد الخاص بك وعمل رائع. مملة بعض الشيء إذا كنت تستخدم Insider ، لكنها رائعة مع ذلك. هتافات.

بالمناسبة ، هل هناك أي طريقة لتعيين الرموز على الشريط الجانبي باستخدام وجوه الخطوط ، بدلاً من ملفات png (مثل ما يفعله Atom )؟

تعليمات -> تبديل أدوات المطور -> وحدة التحكم

document.getElementById ("workbench.parts.statusbar"). style.color = "black"

1. قم بتثبيت وتمكين https://github.com/be5invis/vscode-custom-css
2. أعد تشغيل Visual Studio Code كمسؤول

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. أعد تشغيل Visual Studio Code

يرجى أن تضع في اعتبارك أن هذا الامتداد يغير حرفياً الكود المصدري لـ VS Code وقد تواجهك مشكلات إذا قمت بتثبيته. لقد رأينا العديد من حالات الامتدادات مثل هذه التي تفسد التثبيت والطريقة الوحيدة لاستعادتها هي إعادة تثبيت vscode.

Tyriar بالإشارة إلى # 3112 ، # 1231 ، # 1833 ، و # 76 ، يبدو أن الطريقة الصحيحة لتحقيق هذه النتيجة هي من خلال واجهة برمجة تطبيقات رسمية ، ومع ذلك فقد كانت متراكمة لمدة 10 أشهر. هل هناك أي تحديث حول موعد تنفيذ واجهة برمجة التطبيقات هذه؟

tylercubell سألت الفريق خريطة الطريق الخاصة بنا :

سمات طاولة العمل ، على سبيل المثال ، دعم الرموز في المستكشف

إنه يزعجني أيضًا لأن السمة التي أستخدمها لها خلفية رمادية داكنة تجعلها تبدو محرجة بعض الشيء.

أي أخبار عن هذا؟ يبدو أن اختراق vscode_custom_css لا يعمل بالشكل 9/2016.

@ WilldelaVega777 حسنًا ... هل قرأت التعليق الموجود أعلى تعليقك مباشرةً؟

+1

+1

+1

+10086

+1

اللون الأرجواني على ما يرام ، ولكن اللون الأزرق شديد السطوع / يشتت الانتباه

+1

كما تعلم ... هناك سبب لتنفيذ جيثب _ ردود الفعل _...

إذا كان لدينا على الأقل خيار لجعله رماديًا ، مثل باقي واجهة المستخدم. لأنني بحاجة إلى المعلومات التي تحتوي عليها ، لكنها لا تزال تشتت انتباهي كثيرًا.

+1

+10

+1

أنا أكره ذلك اللون الأزرق

@ bgashler1 Theming سيكون جميلًا ، لكن اللون الرمادي البسيط الذي يتعلق

pkieltyka هل تهتم حتى بقراءة تاريخ التعليقات؟

tylercubell عادة ما أفعل ، خطأي

+1

+1

ربما ، كما أقول MAYBE ، يمكن لأي شخص تنفيذ وظيفة رسمية (أو وحدة ، أيا كان) أولاً وتقديم تقرير بعد ذلك. يطلق عليه 先斬後奏 في الصين.

بدون استخدام البرنامج المساعد ، يمكنك فقط فتح هذا الملف workbench.main.css وتغيير .monaco-workbench>.part.statusbar من background:#007acc; إلى background:#252526; (رمادي).

شكرًا AlexCasa تم اختراق الملف ، تم وضع الملف على نظام

أتطلع إلى أن أكون قادرًا على القيام بذلك دون تحرير ملفات css المصغرة: hurtrealbad: ويتم تحذيرك من أن تثبيت vscode تالف https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

موقع الملف على windows 7

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

سيكون من الرائع جعل مظهر واجهة المستخدم بأكملها ممكنًا

+1

يؤدي شريط الحالة الأزرق إلى تشتيت الانتباه ، يرجى تعيين الإعداد الافتراضي على الأسود (أو بعض الاختلاف ، بحيث لا يبرز).

بينما نعمل على تمكين تخصيص سمات واجهة المستخدم ، فإننا ندرس التغييرات التالية على ألوان واجهة المستخدم الافتراضية.

ستلاحظ أننا نفكر في كتم صوت شريط الحالة.

لا شيء من هذا منقوش على الحجر. أحب أن أسمع رأيك. الرجاء استخدام ردود فعل جيثب

حتى نتمكن من التعرف على كيفية إعجاب الناس بهذا.

@ bgashler1 إذا كان اللون الرمادي اختيارًا ، فيرجى منحنا القدرة على التخصيص (وأيضًا عناصر واجهة المستخدم الأخرى: اللون والحجم والتباعد والطباعة وما إلى ذلك)

@ be5invis ، نحن نعمل على تمكين بعض إمكانات سمات واجهة المستخدم أيضًا # 3112

هههههههههههههه
بالنسبة لمنشئ السمات ، فإنهم يريدون ألا تكون إمكانية التخصيص محدودة في مجال الألوان. يعد استخدام 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 نحن نعمل على تمكين الأشخاص من إزالة واجهة المستخدم بالنقر بزر الماوس الأيمن عليها. bpasero هل سيكون من الممكن أيضًا القيام بذلك بالوجه المبتسم؟

نعم ربما. لاحظ أنه لا يمكننا (حاليًا) السماح للمستخدمين بإخفاء الأشياء في شريط الحالة نظرًا للطريقة التي يمكن بها للإضافات إضافة أشياء هناك بطريقة ديناميكية للغاية.

+1

حتى يتم تنفيذ ذلك كميزة افتراضية ، إذا أراد أي شخص استخدام ألوان مخصصة لعناصر واجهة المستخدم ، بالإضافة إلى تعطيل الوجه المبتسم ، فقد قمت بإنشاء هذا الامتداد. لا يتطلب تحرير css يدويًا ، كل شيء يتم من إعدادات المستخدم. (ملاحظة: لا يتم تشغيل الوضع "غير المدعوم")
(تحرير: مهمل)

bentx يستخدم هذا الأسلوب نفسه تمامًا مثل جميع الملحقات الأخرى التي تقوم بتشغيل الوضع غير المدعوم لأنه يتجاوز ملفات CSS و JS ، ما عليك سوى تعطيل الرسالة ...

Tyriar كان الامتداد الآخر الوحيد الذي

bentx من المحبط أننا أهدرنا مجموعة من الوقت في التحقيق في الأعطال العشوائية

@ نقطة معرض صور. من وجهة نظري ، فإن الرسالة المزعجة مزعجة ، لكنني أوافق على عدم معرفة المستخدمين بما يحدث كمشكلة ، بالإضافة إلى المشكلات المتعلقة بلقطات الشاشة بدون الرسالة [غير مدعوم]. لقد قمت بتحديث الامتداد ، وسيظل فحص السلامة ممكّنًا بشكل افتراضي ، وتمت إضافة إدخال إعداد لتعطيله ، لأولئك الذين يعرفون ما يفعلونه. هناك أيضًا ملاحظة على README تتعلق بمسؤولية المستخدم عن ذلك.

@ bentx شكرًا 😄 لا أطيق الانتظار للحصول على المزيد من التخصيص أيضًا

+1

أي تحديثات على هذا؟

+1 في انتظار تخصيص لون شريط الحالة.

تحقق من https://github.com/Microsoft/vscode/issues/17608 ، سيكون لدينا UI Api ، وسأجعل المظهر المادي رائعًا مرة أخرى (lel)

إذن VSCode 1.9 خارج ، لا أعتقد أنه تم تناول هذه المشكلة مع هذا الإصدار ، هل أنا على صواب؟

MustafaHosny اللهم امين .. :(

.statusbar {background: #xxxxxx} فقط بهذه الطريقة لتغيير لون شريط الحالة؟

GaryChangCN هذه هي الطريقة الوحيدة لتغييرها بشكل دائم. هناك طريقة أخرى ، على الرغم من أنها تستمر فقط حتى تعيد فتح المحرر. باستخدام أدوات المطور (Help-> Toggle Developer Tools) ، أقوم بتغيير اللون يدويًا وإزالة الوجوه الضاحكة. يستمر هذا حتى أخرج تمامًا من VSCode ، لكن هذه ليست مشكلة بالنسبة لي كما هو معتاد سأفتحه في بداية اليوم وأغلقه في النهاية.

Stromwerk أين تضع css المخصص؟

equinusocio أنا لا أضع أي css مخصص. أستخدم أدوات المطور لتغيير القيم.

Stromwerk شكرا! هذا جيد جدا الان

تضمين التغريدة

.statusbar {background: #xxxxxx} فقط بهذه الطريقة لتغيير لون شريط الحالة؟
GaryChangCN هذه هي الطريقة الوحيدة لتغييرها بشكل دائم ....

لاحظ أنه قد يكون من المفيد أن يكون لديك أفضل مظهر لقائمة القوائم أيضًا ، تمامًا كما هو الحال في Visual Studio الكامل:
تحرير ، يبدو أن هناك مشكلة منفصلة لهذا بالفعل: # 16363

martinsuchan لا أعتقد أن هذا ممكن في https://github.com/electron/electron حاليًا.

Tyriar Atom يفعل.

equinusocio أوه حقا؟ لست متأكدًا مما إذا كان لدينا أي شيء يتتبع هذا ولكن من المحتمل أن تكون مشكلة منفصلة.

+1

Tyriar من الممكن دائمًا استخدام قائمة HTML + CSS مخصصة لا يمكن تمييزها عن قائمة النظام الأصلي ،

martinsuchan لا يمكن تمييزه هي كلمة قوية ، عليك أن تأخذ في الاعتبار:

• بحث
• إمكانية الوصول
• إعدادات النظام (الخط ، مقياس القائمة ، إلخ.)

بالإضافة إلى أن القوائم قد تختلف بطرق بسيطة بين إصدارات Windows.

+1
من فضلك ، هل يمكننا تخصيص هذا؟ اللون الأزرق الساطع مقابل نظام الألوان الداكن مشتت للغاية!

+1
أجد أن امتداد vscode-custom-theme الخاص بـ bentx حلاً مقبولاً في الوقت الحالي ، ولكن سيكون من الجيد حقًا رؤية هذا كميزة رسمية.

يمكنك تغييره بالخطوات التالية:

1. ctrl + shift + p وأداة تطوير الإدخال أداة تطوير مفتوحة
2. اختر تركيز العنصر على شريط الحالة وابحث عن نمط css
3. قم بتحرير ملف vscode css (workbench.main.css) وقم بتغيير النمط
4. احفظ الملف وأعد تحميل vscode الخاص بك

توافق على أن اللون الأزرق مرتفع جدًا ، لكن أي شخص يكره :) يحتاج إلى "العودة إلى المنزل وإعادة التفكير في حياته"

+1

أنا أستخدم CustomCSS و JS Loader لتخصيص VS Code UI على غرار موضوع So Da Reloaded (متغير غامق) Subliminal Text.

لا يزال هناك الكثير من الأشياء المفقودة ، والكثير من الأشياء التي أريد القيام بها وتخصيصها (بعضها لا أعتقد أنه ممكن) ولكن في الوقت الحالي ، يعد شريط الحالة أحد تلك الأشياء التي كان علي "إصلاحها".

لا شيء رائع ، ولكن لأي شخص مهتم ، تحقق منه هنا .

معاينة:

+1

+1

لقد أنشأت نصًا بناءً على https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 لأنني تعبت من تحرير الملف لإعادة تعيين اللون في كل مرة لول ...
ارتباط البرنامج النصي

ctrl+k + ctrl+z إصلاح المشكلة بالنسبة لي (وضع zen ، اقرأ: تشتيت الانتباه ...) ولكن سيكون من الجيد بالفعل إضافة التخصيص إلى المزيد من أجزاء واجهة المستخدم.

"نحن نعمل على تمكين الأشخاص من إزالة واجهة المستخدم بالنقر بزر الماوس الأيمن عليها."

أي: أحتاج إلى دهن 1000 عمود شخصيًا عند M $ لإنجاز هذا التغيير الصغير جدًا حيث يريد قسم التسويق (الذي يبعد خطوة واحدة عن السيكوباتية الكاملة) أن يبقى.

bllueredcat ، لماذا إزالته؟ التصميم أو الإخفاء التلقائي أو شيء ما سيفعل ، أليس كذلك؟

كما قال أحدهم بالفعل ، سيكون خيارًا رماديًا / أسودًا رائعًا ، ويبدو هذا الشريط الأزرق غريبًا جدًا على المظهر الداكن.

أعتقد أن أنظف طريقة للتعامل معها هي تعريض الإعدادات للموضوع ، وبهذه الطريقة يمكن لمنشئي السمات توفير إعدادات اللون التي تناسب السمة.

تحقق من https://github.com/Microsoft/vscode/issues/21923

مثبتة من أحدث فرع مصدر git. قاموا بتغيير اللون من الأزرق إلى الأرجواني. (أم أن هذا هو الإعداد الافتراضي لإصدارات التطوير؟)

لقد جربت بعض الاختراقات السريعة لملفات css المذكورة في هذا الموضوع. يبدو أن لا شيء يعمل بسرعة. قضى الآن ما لا يقل عن ساعة أو ساعتين في هذا الشريط الأزرق الرهيب. مندهش من أن هذا الشريط الأزرق كان من المفترض أنه "قياسي" في جميع أدوات الاستوديو المرئي. سأعود مرة أخرى إلى محرر مختلف والتحقق من vscode في وقت آخر.

يبدو أن لا شيء يعمل بسرعة. قضى الآن ما لا يقل عن ساعة أو ساعتين في هذا الشريط الأزرق الرهيب.

• قم بتثبيت سمة مخصصة لبرنامج Visual Studio
• عيّن theme.statusbar.background.color في تفضيلاتك.
• منتهي.

+1 لتغيير لون شريط الحالة وإخفاء هذا الوجوه الضاحك الغريب

بناءً على توصيةjwigley الرائعة ، إليك طريقة مفصلة:

1. الامتدادات المفتوحة: Mac: Shift+command+X ، Windows: Ctrl+Shift+X ، Linux: 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. عرض جميع الأوامر: Mac: Shift+command+P ، Windows: Ctrl+Shift+P ، Linux: Ctrl+Shift+P
2. ابحث عن Theme وقم بتنشيط Custom theme: Apply

@ joe-watkins Running the contributed command:'theme.apply' failed.

تضمين التغريدة هل تقوم بتشغيل أحدث إصدار؟

stannynuytkens تأكد من أنك تعمل كمسؤول على windows أو أن لديك امتيازات صحيحة على osx / linux ، إذا كان لا يزال لا يعمل ، يرجى فتح مشكلة

يبدو أنه من الممكن إغلاق هذه التذكرة قريبًا ، بالنظر إلى أحدث المصادر ، فهذه أخبار جيدة :)

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 بأكملها سخيفة. سيكون اللون الأزرق مهمًا إذا كان هناك شعار vscode / استوديو مرئي ، فلا يوجد شيء في شريط الحالة. ليس الأمر كما لو أن المستخدمين سيشعرون بالارتباك بشأن IDE الذي يستخدمونه لأن اللون الأزرق يتغير إلى اللون الرمادي الخفيف مثل ما

ببساطة ، اللون الأزرق قوي جدًا لدرجة أنه يجذب الانتباه بعيدًا عن الكود الذي يكتبه المستخدمون. هذه حرفيا مشكلة تجربة المستخدم. من فضلك يرجى التعامل معها على هذا النحو.

من خلال عملنا على تحديد سمات طاولة العمل ( ملاحظات الإصدار ) ، يمكنك الآن تخصيص لون خلفية شريط الحالة. المفاتيح ذات الصلة هي:

• statusBarBackground : أزرق افتراضيًا
• statusBarNoFolderBackground : أرجواني افتراضيًا
• statusBarDebuggingBackground : اللون البرتقالي افتراضيًا

فيما يلي مثال على كيفية تغيير ذلك عبر الإعدادات:

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

من المحتمل أن يتغير اسم الإعداد ونعتقد أيضًا أن أسماء الألوان ليست نهائية بعد.

بالنسبة للقدرة على إخفاء الزر المبتسم في شريط الحالة ، أقترح المتابعة عبر

ملاحظة : لا يزال هناك الكثير من الألوان المفقودة من دعم سمات طاولة العمل (يستمر عبر https://github.com/Microsoft/vscode/issues/3112) ولا تزال هناك بعض المشكلات المتعلقة برموز التلوين في شريط الحالة (يستمر عبر https : //github.com/Microsoft/vscode/issues/23526).

أنا أحب شريط الحالة الأزرق الأصلي ، ومع ذلك ، فإن آخر relase يستخدم اللون الأرجواني بدلاً من ذلك. أنا أكره اللون الأرجواني.

HoNooD ، كان شريط الحالة أرجوانيًا دائمًا عند عدم فتح أي مجلد.

وو !! هذا التحديث رائع حقًا! شكرا جزيلا يا رفاق. القدرة على تصميم طاولة العمل بأكملها رائعة!

يا المفارقة ، لول! _ (تلميح: لون شريط العنوان) _
شكرًا يا رفاق ، نتطلع إلى موضوع h * ll من vscode!

كل شيء أرجواني بالنسبة لي الآن :(. سمة Quiet Light ، شريط الحالة بمجلد مفتوح ، 1.11.1 على Debian Stretch

سيكون هذا هو الموضوع. حدد لون شريط الحالة الخاص بك في الإعدادات باستخدام إعداد طاولة العمل التجريبية الجديدة.

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

محبوب! الآن كيف أغير لون الأيقونات البيضاء؟ :)

stefangabos ألا تتغير الرموز بـ statusBarForeground ؟

يبدو أنه ليس لها تأثير هنا

stefangabos إذا كنت تستخدم المطلعين ، Insider فكرة جيدة.

bpasero أعلم أن هذا امتداد ولكن هل هناك أي خطط لفضح أي من هذا من خلال واجهة برمجة التطبيقات الخاصة بالملحق؟ أقوم حاليًا بتعديل الإعدادات أثناء التنقل ويبدو أنه اختراق سيء ...

نأسف لاستخدام ميزة تجريبية على الفور: / كان هناك طلب مرتفع ..

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 ، كتب "Yuhao Zhang" [email protected] :

لأولئك منكم الذين جربوا الحل أعلاه ولكنهم لم يجدوه
العمل ، لم يتم تغيير هذا إلى:

"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 ليس ثابتًا ، إنه يشتت

👍 شكرا للنصيحةyuhaozhang! هذا يعمل كالسحر!

انتهى بي الأمر بـ:

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

معاينة

rogaha رائع ، هذا ما فعلته من أجلي ، شكرًا!
في المرة الأولى التي أستخدم فيها Visual Studio وكان هذا الشريط الأزرق يصرف انتباهي عن وقت كبير ، وكاد أن يتخلى عن هذا المحرر ويذهب إلى المنافسة. لا أهتم بالعائلة بأكملها من محرري Visual Studio إذا كانوا يريدون البقاء معيبين ، لكن يجب أن أقول أن الاتساق السيئ حسب التصميم سيء.

bpasero ، هل يمكنك إغلاق هذا الموضوع workbench.colorCustomizations ؟ شكرا!

+1

يمكن للسمات الآن تعيين خلفية شريط الحالة. يمكنك أيضًا تجاوز الألوان عن طريق إضافة ما يلي إلى ملف settings.json الخاص بك:

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

القفل لأن هذه الميزة موجودة منذ الإصدار 1.11 وبالتالي لا يتم دفن الحل.