Visual Studio Code durum çubuğu rengi

109

Visual Studio Code'un varsayılan durum çubuğu rengi mavidir ve oldukça dikkat dağıtıcı buluyorum. Bu uzantıyı rengi değiştirmek için kullandım ancak 1.10.2güncellemeden sonra çalışmayı durdurdu .

visual-studio-code background-color statusbar

— Shahzaib Rahim
kaynak

12

Lütfen yanıtı onaylayın :)

— holms

Son zamanlarda aynı soruyu soran insanlar için, varsayılan tema renkleri değişikliği + Materyal Simgesi teması kurulumunu entegre etme github.com/mostafero/vscode-ubuntu-theme

— Mostav

207

Durum çubuğunun rengini, içine şu kod satırlarını ekleyerek kullanıcı ayarlarını düzenleyerek değiştirebilirsiniz:

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

— acesmndr
kaynak

bu dinamik olarak yapılabilir mi? const config2 = vscode.workspace.getConfiguration('workbench.colorCustomizations.statusBar'); config2.update('background', '#1A1A1A');hiçbir şey yapmıyor gibi görünüyor?

— Tom H

@TomH Uzman değilim ve "dinamik" olarak nasıl yapıldığından tam olarak emin değilim Object.assign(vscode.workspace.getConfiguration('workbench.colorCustomizations'), { "statusBar.background" : "#00FF00"}), ancak koşmak bana salt okunur bir özelliğe atayamayacağımızı söyleyen bir TypeError veriyor. Bu yüzden getConfiguration yöntemini kullanmak bunu yapmanın doğru yolu olmadığını tahmin ediyorum.

— acesmndr

3

Bu iyi çalışıyor @acesmndr teşekkürler. Burada açıklandığı gibi: code.visualstudio.com/docs/getstarted/… , bu değişikliği ayrıca kullanıcı ayarları dosyası temasında şuna benzer şekilde yapabilirsiniz: "workbench.colorCustomizations": {"[Markdown Editor Dark]": {"statusBar .background ":" # 1A1A1A "," statusBar.noFolderBackground ":" # 212121 "," statusBar.debuggingBackground ":" # 263238 "}},

— Walton

1

gerçekten yararlı cevap @acesmndr

— Akhila

71

1) Benim gibi çaylaklara 30 dakika zaman kazandıracak - settings.json dosyasında düzenlenmesi gerekiyor. Erişmenin en kolay yolu Dosya -> Tercihler -> Ayarlar'a gitmek, "Renk" araması yapmak, "Workbench: Renk Özelleştirmeleri" -> "settings.json'da düzenle" seçeneğini belirlemektir.

2) Bu, "Gama11" tarafından önerilen çözümü kullanır, ancak! Not !: settings.json'daki kodun son biçimi şu şekilde olmalıdır - "workbench.colorCustomizations" etrafındaki çift kaşlı ayraçları not edin:

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

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

Yukarıdaki kodu kopyaladıktan / yapıştırdıktan sonra, değişiklikleri 'settings.json'a kaydetmek için Ctrl + S tuşlarına basın.

Çözüm buradan uyarlanmıştır: https://code.visualstudio.com/api/references/theme-color

— J.Paul
kaynak

21

Her tema çok farklı olduğundan, muhtemelen küresel olarak böyle değişiklikler yapmak istemezsiniz. Bunun yerine, bunları temaya göre belirtin: örneğin:

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

Bu şekilde, en sevdiğiniz temalar arasında geçiş yaptığınızda, özelleştirmeleriniz unutulmayacak ve bu bağlamda mantıklı olacaktır.

— shacker
kaynak

2

Birden çok VSCode örneği açıkken farklı projeler arasında ayrım yapmak için bunu çalışma alanı ayarlarına uygulamak da harikadır. Kişi aynı zamanda değişebilir titleBar.activeBackgroundve titleBar.activeForegroundonu daha da belirgin hale getirebilir.

— Qwerty

Diğer cevaplarda olduğu gibi, muhtemelen ayarlamak isteyeceğinizi statusBar.noFolderBackgroundve statusBar.debuggingBackgroundaksi takdirde etkilenmeyeceklerini unutmayın.

— lapis

3

Bence yukarıdaki cevaplardan daha güçlü, daha sağlam bir çözüm var ve bu, üzerinde çalıştığınız dosyaya göre durum çubuğu rengini değiştirmeye yarıyor - buna ColorTabs adı verilir
ve bir normal ifadeler listesi sunmanıza ve bunu değiştirmenize olanak tanır buna göre renk.

Feragatname - Enjoy! Uzantısını yazdım!

— Orepor
kaynak

Güzel uzantı - regex'in tam yol üzerinde çalışmasını isterim, böylece VSCode açılmış tüm projelerim arasında ayrım yapabilirim.

— cyberwombat

1

Aslında tam yol üzerindeydi, ancak onu göreceli yollara değiştirdim ... Belki yapılandırılabilir

— orepor

1

Bu, dosya adı yerine dalda sekme renklerini yapılandırmak güzel olurdu - eğer geliştirilirse -> yeşil, qa -> turuncu, ana -> kırmızı, diğerleri -> varsayılan?

— Johan Aspeling

1

Sorunu çözen bir uzantı yazan adam, en iyi gönderinin söylediği şeyi tekrarlayan diğer gönderilerden daha az oy aldı, güzel.

— a.anev

2

Bunlar, bir çalışma alanı için (genel olarak değil) macOS'ta VS Code durum çubuğu renklerini ayarlamak için attığım adımlar.

Görüntüle | Komut Paleti ... | "Açık Çalışma Alanı Ayarlarını (JSON)" arayın

(Bu proje [proje-adı] .code-çalışma alanı dosyasını açacaktır.)

Ayarlar özelliğine renk özelleştirmelerini ekleyin.

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

Bu, birden fazla VS Code örneğiniz açık olduğunda ve genel temayı değiştirmek zorunda kalmadan her pencereyi görsel olarak farklılaştırmak istediğinizde gerçekten kullanışlıdır.

— HelloWorldDude
kaynak

1

Basın control+shift+pzaman sadece açık vscode ve tip open settings(UI)ve aramak window.titleBarStyleve gelen seçeneği değiştirmek nativeiçin customsize gelen durum çubuğunun rengini geri böylece whiteiçin black.

Önemli not: Bu teknik, Şubat 2019'da piyasaya sürülen vscode'un 1.32 güncellemesi için çalışır. Vscode'unuzu en son sürüm 1.32'ye veya daha yeni sürümlere güncellediğinizden emin olun, çünkü eski sürümlerde çalışmayabilir.

— Rahul Ahire
kaynak

7

durum çubuğunda ilgisi olmayan sorusunu cevap vermez

— Gal Margalit

— Gal'in

1

Çalışma alanının rengini değiştirmek için https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock kullanılabilecek bir uzantı daha var . Her vs kod örneği için farklı bir renk seçmenize olanak tanır

— Maxim Isaev
kaynak

0

Uzantıları düzenleyerek rengi değiştirebilirsiniz:

 "colors":{
        "statusBar.background": "#505050",
    },

— user10753201
kaynak