ভিজ্যুয়াল স্টুডিও কোডের স্ট্যাটাস বারের রঙ


109

ভিজ্যুয়াল স্টুডিও কোডের ডিফল্ট স্ট্যাটাস বারের রঙটি নীল এবং আমি এটি বেশ বিভ্রান্তিকর বলে মনে করি। আমি রঙটি পরিবর্তন করতে এই এক্সটেনশনটি ব্যবহার করেছি তবে এটি 1.10.2আপডেটের পরে কাজ করা বন্ধ করে দিয়েছে ।


11
দয়া করে উত্তরটি অনুমোদিত করুন :)
হোমস

উত্তর:


202

এতে কোডের এই লাইনগুলি যুক্ত করে আপনি ব্যবহারকারী সেটিংস সম্পাদনা করে স্ট্যাটাসবারের রঙ পরিবর্তন করতে পারেন:

"workbench.colorCustomizations": {
    "statusBar.background" : "#1A1A1A",
    "statusBar.noFolderBackground" : "#212121",
    "statusBar.debuggingBackground": "#263238"
}

এটি কি গতিময়ভাবে করা যায়? const config2 = vscode.workspace.getConfiguration('workbench.colorCustomizations.statusBar'); config2.update('background', '#1A1A1A');কিছু করার মনে হচ্ছে না?
টম এইচ

@ টমএইচ আমি কোনও বিশেষজ্ঞ এবং এটি কীভাবে "গতিশীল" হয়েছে তা পুরোপুরি নিশ্চিত নই তবে দৌড়াদৌড়ি আমাকে একটি টাইপরর Object.assign(vscode.workspace.getConfiguration('workbench.colorCustomizations'), { "statusBar.background" : "#00FF00"})দিচ্ছে যে আমাকে কেবলমাত্র পঠিত সম্পত্তি অর্পণ করতে পারব না। সুতরাং আমি অনুমান করি getConfigration পদ্ধতিটি এটি করার সঠিক উপায় নয়।
এসেমসেন্ডার

4
এটি @acesmndr ভাল কাজ করে। এখানে বর্ণিত হিসাবে: কোড. visualstudio.com/docs/getstarted/… , আপনি ব্যবহারকারী সেটিংস ফাইল থিমের ক্ষেত্রেও এই পরিবর্তনটি নির্দিষ্ট করতে পারেন: "workbench.colorCustomizations": {"[মার্কডাউন সম্পাদক ডার্ক]": status "স্ট্যাটাস বার .background ":" # 1A1A1A "," statusBar.noFolderBackground ":" # 212121 "," statusBar.debuggingBackground ":" # 263238 "}},
ওয়ালটনের

4
সত্যই সহায়ক উত্তর @acesmndr
আখিলা

68

1) আমার মতো নুবগুলিতে 30 মিনিটের সময় সাশ্রয় করবে - এটি সেটিংস.জসন ফাইলে সম্পাদনা করতে হবে। অ্যাক্সেসের সহজতম উপায় হ'ল ফাইল -> পছন্দসমূহ -> সেটিংস, "রঙ" অনুসন্ধান করুন, একটি বিকল্প "ওয়ার্কবেঞ্চ: রঙ স্বনির্ধারণ" -> "সেটিংসে সম্পাদনা করুন"।

২) এটি "গামা ১১" দ্বারা প্রস্তাবিত সমাধানটি ব্যবহার করে, তবে! দ্রষ্টব্য!

{
  // fontSize just for testing purposes, commented out.
  //"editor.fontSize" : 12

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

আপনি উপরের কোডটি অনুলিপি / পেস্ট করার পরে, 'সেটিংস.জসন' এ পরিবর্তনগুলি সংরক্ষণ করতে Ctrl + S টিপুন।

সমাধানটি এখান থেকে রূপান্তর করা হয়েছে: https://code.visualstudio.com/api/references/theme-color


21

যেহেতু প্রতিটি থিমটি আলাদা, তাই আপনি সম্ভবত বিশ্বব্যাপী এর মত পরিবর্তন করতে চান না। পরিবর্তে, প্রতি থিম ভিত্তিতে সেগুলি নির্দিষ্ট করুন: যেমন:

"workbench.colorCustomizations": {
    "[Some Theme Name]": {
        "statusBar.background" : "#486357",
        "statusBar.foreground" : "#c8e9c5",
    },
    "[Some Other Theme Name]": {
        "statusBar.background" : "#385357",
        "statusBar.foreground" : "#d7e9c4",
    }
},

এইভাবে আপনি যখন আপনার পছন্দসই থিমগুলির মধ্যে স্যুইচ করেন, তখন সেগুলির আপনার কাস্টমাইজেশন ভুলে যাওয়া হবে না এবং সেই প্রসঙ্গে তা বোঝা যাবে।


4
একাধিক ভিএসকোড দৃষ্টান্ত খোলা থাকলে বিভিন্ন প্রকল্পের মধ্যে পার্থক্য রাখতে ওয়ার্কস্পেস সেটিংসে এটি প্রয়োগ করাও দুর্দান্ত। যে কেউ পরিবর্তন করতে পারে titleBar.activeBackgroundএবং titleBar.activeForegroundআরও প্রকট করে তুলতে পারে।
কিওয়ার্টি

মনে রাখবেন যে অন্যান্য উত্তরের মতো আপনিও সম্ভবত সেট করতে চান statusBar.noFolderBackgroundএবং statusBar.debuggingBackgroundঅন্যথায় সেগুলি প্রভাবিত হবে না।
লেপিস

3

আমার মতে উপরের উত্তরের চেয়ে আরও শক্তিশালী, আরও দৃ solution় সমাধান রয়েছে এবং আপনি যে ফাইলটিতে কাজ করছেন তার উপর ভিত্তি করে স্ট্যাটাস বারের রঙ পরিবর্তন করতে পারে - যাকে বলা হয় কালারট্যাবস
এবং এবং এটি আপনাকে রেজেক্সগুলির একটি তালিকা সরবরাহ করতে ও পরিবর্তন করতে সহায়তা করে রঙ যে উপর ভিত্তি করে।

দাবি অস্বীকার - আমি এক্সটেনশন লিখেছি উপভোগ করুন!


ভাল এক্সটেনশন - পুরো পথে কাজ করা রেগেক্সটি পছন্দ করবে যাতে আমি আমার সমস্ত ভিএসকোড খোলা প্রকল্পগুলির মধ্যে পার্থক্য করতে পারি।
সাইবারওয়ম্ব্যাট

4
এটি আসলে পুরো পথে ছিল, তবে আমি এটিকে আপেক্ষিক পথে পরিবর্তন করেছি ... সম্ভবত এটি কনফিগার করা যেতে পারে
orepor

4
ফাইলের নামের পরিবর্তে শাখায় ট্যাব রঙগুলি কনফিগার করা ভাল - এটির বিকাশ থাকলে -> সবুজ, কিউ -> কমলা, মাস্টার -> লাল, অন্যরা -> ডিফল্ট?
জোহান আস্পিলিং

4
যে লোকটি একটি এক্সটেনশন লিখেছিল যে সমস্যার সমাধান করে তার অন্য পোস্টের তুলনায় কম ভোট রয়েছে যা শীর্ষ পোস্টের বক্তব্যগুলি পুনরাবৃত্তি করে, সুন্দর।
a.anev

2

একটি ওয়ার্কস্পেসের জন্য (বিশ্বব্যাপী নয়) ম্যাকোজে ভিএস কোড স্থিতি বারের রঙ সেট করতে আমি এই পদক্ষেপগুলি দিয়েছি।

দেখুন | কমান্ড প্যালেট ... | "ওপেন ওয়ার্কস্পেস সেটিংস (জেএসএন)" অনুসন্ধান করুন

(এটি প্রকল্পটি [প্রকল্পের নাম]। কোড-ওয়ার্কস্পেস ফাইলটি খুলবে))

সেটিংসের বৈশিষ্ট্যে রঙের পছন্দসইকরণ যুক্ত করুন।

{
    "folders": [],
    "settings": {
        "workbench.colorCustomizations": {
            "statusBar.background": "#938e04",
            "statusBar.foreground": "#ffffff"
        }
    }
}

এটি সত্যই কার্যকর যখন আপনার ভিএস কোডের একাধিক দৃষ্টান্ত খোলা থাকে এবং বিশ্বব্যাপী থিম পরিবর্তন না করে প্রতিটি উইন্ডোটি দৃশ্যত পৃথক করতে চান।


1

প্রেস control+shift+pযখন আপনি শুধু খোলা vscode লিখুন open settings(UI)এবং অনুসন্ধান window.titleBarStyleথেকে বিকল্পটি পরিবর্তন nativeকরতে customযাতে আপনার কাছ থেকে স্ট্যাটাস বার রং পুনরুদ্ধার করতে পারেন whiteথেকে black

গুরুত্বপূর্ণ দ্রষ্টব্য: এই কৌশলটি ফেব্রুয়ারী 2019 এ প্রকাশিত ভিসকোডের 1.32 আপডেট সংস্করণে কাজ করে sure এটি নিশ্চিত করুন যে আপনি নিজের vscodeটি সর্বশেষ সংস্করণ 1.32 বা নতুন সংস্করণে আপডেট করেছেন কারণ এটি পুরানো সংস্করণগুলির জন্য কাজ না করে।

উদাহরণ স্ক্রিনশট


7
স্ট্যাটাস বারের সাথে সম্পর্কিত না হওয়া এই প্রশ্নের উত্তর দেয় না
গাল মার্গালিত

গাল যেমন উপরে বলেছিল, শিরোনাম দণ্ড নয় স্ট্যাটাস বার - সাবেক শীর্ষে, আধুনিক নীচে হয়
revelt


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