Vscode: Warna latar belakang bilah status

+1!
Aku benci warna itu dan wajah tersenyum misterius itu. Berharap ada cara untuk mengubah gaya bilah status.

+1

+1

+1

+1

+1

:-1: -1 Saya menyukainya lol.

Mohon maaf atas keterlambatan respon atas masalah ini. Kami menggunakan warna biru di dalam bilah status karena konsisten dalam keluarga Visual Studio. Kami mungkin di masa depan membuka ini dan hal-hal lain untuk penyesuaian melalui lembar gaya pengguna. Semoga itu akan mengatasi masalah apa pun yang Anda miliki dengan warna.

+1

@ bgashler1 Saya mengerti keinginan Anda untuk menyelaraskan dengan merek VS, tetapi warnanya sangat mengganggu bagi sebagian orang. Akan sangat bagus jika Anda setidaknya dapat memiliki lembar gaya pengguna yang memungkinkan kami untuk meredupkannya, atau hanya mengaturnya agar selalu hitam. Ini adalah satu-satunya hal yang mencegah saya untuk berkomitmen pada editor fantastis Anda.

+1

+1

Pembukaan kembali. Ini kemungkinan akan diselesaikan dengan menambahkan kemampuan ke komponen UI tema https://github.com/Microsoft/vscode/issues/1231

+1

Jika Anda melihat editor dari jarak satu meter, satu-satunya hal yang akan Anda lihat adalah bilah status yang sangat jenuh, yang sebenarnya cukup mengganggu saat mengedit.

Karena #1231 sekarang ditutup, alangkah baiknya jika Anda memiliki opsi untuk sedikit menguranginya.

@shubhamsizzles ada beberapa tingkat duplikat, ikuti masalah tema UI di sini https://github.com/Microsoft/vscode/issues/3112

Jika bilah status yang mengalihkan perhatian Anda dari pengembangan, mungkin Anda memiliki masalah lain?

Aku keren dengan warnanya. Biru dalam kondisi 'normal', oranye-merah dalam mode debug. Bekerja untuk saya.

Jika bilah status yang mengalihkan perhatian Anda dari pengembangan, mungkin Anda memiliki masalah lain?

Saya akan mengambil tanggapan agresif pasif untuk 100, Alex.

Tidak pasif agresif.

Dari semua hal yang perlu dikeluhkan dalam IDE, bilah status di bagian bawah? Bukan bug, kurangnya fitur untuk membantu pengembangan yang lebih efisien, dukungan bahasa, debugging yang lebih baik atau integrasi GIT, kurangnya komunitas, dll... (tidak mengatakan VSC memiliki masalah ini) tapi.. warna bilah status di bagian bawah ?

@natdm Nah,

Jika #459 diterapkan, ini akan mudah diubah.

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

Patch CSS saya saat ini untuk Kode:

/***** 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 }

Saya harus melakukan ini setiap pembaruan. Harap dukung tema CSS atau UI pengguna.

Betulkah ? Mengganggu? Apakah Anda tidak bisa mengarahkan mata Anda? Tidak pernah melihat masalah untuk IDE yang begitu bodoh

@be5invis Di mana file ini berada?

+1 Sementara saya pribadi tidak menganggapnya sebagai gangguan - saya tidak suka ketika membuat editor layar penuh (F11) itu satu-satunya hal yang membuat editor merasa benar-benar mulus (karena tidak ada kata yang lebih baik). Coba muat editor Atom dalam tema gelap dan buat layar penuh itu. Ini terlihat benar-benar mulus. VSCode akan terlihat sama bagusnya (jika tidak lebih baik) jika bukan karena bilah biru yang tidak pada tempatnya di bagian bawah.

Saya pikir itu benar-benar mengerikan di UI yang menarik. Bukan karena biru (meskipun abu-abu akan lebih baik), itu terlalu terang. Saya telah melihatnya terlihat lebih baik di Win 10 daripada di Mac (saya di Mac). Tapi itu hanya bilah status, mengapa itu harus mendapat banyak perhatian?

Bagi mereka yang berkomentar bahwa kita harus "mendapatkan kehidupan" daripada mengeluh tentang sesuatu yang "sepele", ingatlah bahwa UI aplikasi adalah sesuatu yang Anda lihat sepanjang hari. Ini harus menyenangkan Anda serta membantu Anda. Bahkan cara sederhana untuk mewarnainya dalam tema atau preferensi editor lainnya akan dihargai.

Membuat ekstensi (bercabang dari vscode-icons) untuk menambal CSS khusus Anda ke dalam Kode:

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

Setel opsi vscode_custom_css.file ke CSS yang ingin Anda terapkan dan aktifkan.

vscode-custom-css bekerja seperti pesona! Saya menambal CSS saya dengan yang ini di sini: https://Gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 , dalam kombinasi dengan tema Oceanic redup.

Saya tidak keberatan dengan warna biru default, masalah saya adalah, warnanya biru untuk semua jendela VScode.

Akan baik-baik saja untuk mengatur warna dengan cepat (klik kanan pada bilah status??). ketika bekerja dengan lebih dari satu jendela kode VS, saya dapat menemukan jendela yang saya butuhkan pada pemilihan tugas gnome

lagi pula, terkadang bilah status berwarna ungu, atau oranye, yang tampaknya memiliki arti tertentu

+1

@be5invis Mencoba ekstensi Anda dan bekerja dengan fantastis. Agak membosankan jika Anda menggunakan Orang Dalam, tapi tetap bagus. Bersulang.

Kebetulan, apakah ada cara untuk mengatur ikon di bilah sisi menggunakan tampilan font, alih-alih file png (seperti yang dilakukan Atom )?

Bantuan -> Beralih Alat Pengembang -> Konsol

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

1. Instal dan aktifkan https://github.com/be5invis/vscode-custom-css
2. Mulai ulang Kode Visual Studio sebagai Administrator

3. Buat style.css :

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

4. File > Preferensi > Pengaturan Pengguna

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

5. F1 > Aktifkan CSS dan JS Khusus
6. Mulai ulang Kode Visual Studio

Harap diingat bahwa ekstensi ini benar-benar mengubah kode sumber Kode VS dan Anda dapat mengalami masalah jika menginstalnya. Kami telah melihat beberapa kasus ekstensi seperti ini merusak instalasi dan satu-satunya cara untuk mendapatkannya kembali adalah menginstal ulang vscode.

@Tyriar Dengan mengacu pada #3112, #1231, #1833, dan #76, sepertinya cara yang tepat untuk mencapai hasil ini adalah melalui API resmi, namun telah tertunda selama 10 bulan. Apakah ada pembaruan tentang kapan API ini mungkin diimplementasikan?

@tylercubell Saya bertanya kepada tim dan kami akan melihat #3112 sebagai bagian dari poin ini di peta jalan kami :

Tema meja kerja, misalnya, ikon dukungan di explorer

Ini juga mengganggu saya karena tema yang saya gunakan memiliki latar belakang abu-abu yang jauh lebih gelap yang membuatnya terlihat agak canggung.

Ada berita tentang ini? peretasan vscode_custom_css tampaknya tidak berfungsi sebagai 9/2016.

@WilldelaVega777 Nah... apakah Anda membaca komentar tepat di atas komentar Anda?

+1

+1

+1

+10086

+1

Ungu tidak apa-apa, tapi biru terlalu terang/mengganggu

+1

Anda tahu... ada alasan Github mengimplementasikan _reactions_...

Jika kita setidaknya bisa memiliki opsi untuk membuatnya abu-abu, seperti UI lainnya. Karena saya butuh info yang dikandungnya, tetapi masih banyak mengganggu saya.

+1

+10

+1

Aku benci warna biru itu

@ bgashler1 Tema akan bagus, tetapi abu-abu sederhana yang berhubungan dengan bilah sisi dan latar belakang pohon sudah cukup. Mungkin di belakang bendera dalam preferensi?

@pkieltyka Apakah Anda repot-repot membaca riwayat komentar?

@tylercubell biasanya saya lakukan, kesalahan saya

+1

+1

Mungkin, saya katakan MUNGKIN, seseorang dapat mengimplementasikan fungsi tema resmi (atau modul, apa pun) terlebih dahulu dan melaporkan setelahnya. Itu disebut di Cina.

Tanpa menggunakan plugin, Anda cukup membuka file workbench.main.css dan mengubah .monaco-workbench>.part.statusbar dari background:#007acc; menjadi background:#252526; (abu-abu).

Terima kasih @AlexCasa hack berhasil, file itu terletak di linux di /usr/share/code/resources/app/out/vs/workbench/workbench.main.css

Saya berharap dapat melakukan ini tanpa mengedit file css yang diperkecil :hurtrealbad: dan diperingatkan pemasangan vscode rusak https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

Lokasi File di windows 7

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

akan sangat bagus untuk membuat menguliti seluruh UI menjadi mungkin

+1

Bilah status biru mengganggu, harap atur default ke hitam (atau beberapa variasi, sehingga tidak menonjol).

Sementara kami berupaya mengaktifkan tema kustom UI, kami mempertimbangkan perubahan berikut pada warna UI default.

Anda akan melihat kami berpikir untuk menonaktifkan bilah status.

Tak satu pun dari ini diatur dalam batu. Akan senang mendengar apa yang Anda pikirkan. Silakan gunakan reaksi GitHub

jadi kita bisa merasakan bagaimana orang-orang seperti ini.

@bgashler1 Jika warna abu-abu adalah pilihan, tolong, beri kami kemampuan untuk menyesuaikan (dan juga, elemen UI lainnya: warna, ukuran, spasi, tipografi, dll.)

@be5invis kami sedang bekerja untuk mengaktifkan beberapa kemampuan tema UI juga #3112

@bgashler1
Untuk pembuat tema, mereka menginginkan kemampuan tema tidak terbatas pada bidang warna. Menggunakan CSS adalah solusi terakhir, meskipun kekuatan tema di Sublime Text juga berfungsi dengan baik.

hal. Tolong beri kemampuan untuk menghapus batas bilah gulir.

+1 Tangkapan ini tampak hebat!

Untuk pengguna OSX yang mencoba membuat perubahan yang disarankan @AlexCasa , file tersebut berada di:

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

edit:

Saya juga merekomendasikan untuk menambahkan: .dropdown.send-feedback{display:none} jika Anda ingin menghilangkan wajah tersenyum yang menyeramkan.

+1

+1

@bgashler1 tolong hapus smiley yang canggung, atau setidaknya kurangi anehnya. Bolehkah saya menyarankan sesuatu seperti ini?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub Kami sedang bekerja untuk memungkinkan orang menghapus UI dengan mengklik kanan padanya. @bpasero apakah mungkin melakukan ini dengan wajah tersenyum?

Ya mungkin. Perhatikan bahwa kami tidak dapat (saat ini) mengizinkan pengguna untuk menyembunyikan sesuatu di bilah status karena cara ekstensi dapat menambahkan sesuatu di sana dengan cara yang sangat dinamis.

+1

Sampai ini diimplementasikan sebagai fitur default, jika ada yang ingin menggunakan warna kustom untuk elemen UI, serta menonaktifkan wajah tersenyum, saya membuat ekstensi ini. Tidak memerlukan pengeditan css manual, semuanya dilakukan dari pengaturan pengguna. (catatan: itu tidak memicu mode "tidak didukung")
(edit: usang)

@bentx ini menggunakan teknik yang persis sama dengan semua ekstensi lain yang memicu mode tidak didukung karena menimpa file CSS dan JS, Anda cukup menonaktifkan pesan...

@Tyriar Satu-satunya ekstensi lain yang pernah saya lihat untuk tema khusus adalah memuat file css, saya ingin semuanya dapat dikelola dari pengaturan pengguna, lebih sedikit kesalahan dan lebih mudah digunakan. Saya mendapatkan fakta bahwa Anda tidak menyukainya, karena "merusak" perangkat lunak, tetapi karena Anda sedang mengerjakan pembaruan di masa mendatang mengenai ini, seharusnya tidak menjadi masalah lama, bukan? Sementara jika ekstensi tesis memungkinkan orang untuk menggunakan kode VS karena mereka menyukainya (seperti yang saya lakukan) dan merasa nyaman dengan GUI yang mereka gunakan 8 jam+ sehari, saya pikir itu adil.

@bentx hanya membuat frustrasi karena kami membuang banyak waktu untuk menyelidiki kerusakan acak dan bug yang disebabkan oleh jenis ekstensi ini, jadi kami menambahkan pesan sebagai kompromi, sekarang pesan dinonaktifkan (untuk semua ekstensi lain juga) yang berarti pengguna ekstensi bahkan mungkin tidak tahu apa yang dilakukannya.

@Tiriar titik adil. Dari sudut pandang saya, pesan yang mengganggu itu mengganggu, tetapi saya setuju bahwa pengguna tidak mengetahui apa yang menjadi masalah, serta masalah dengan tangkapan layar tanpa pesan [Tidak Didukung]. Saya memperbarui ekstensi, pemeriksaan integritas akan tetap diaktifkan secara default, dan entri pengaturan telah ditambahkan untuk menonaktifkannya, bagi mereka yang tahu apa yang mereka lakukan. Ada juga catatan di README tentang tanggung jawab pengguna atas hal ini.

@bentx terima kasih Saya tidak sabar untuk mendapatkan lebih banyak penyesuaian juga

+1

Ada pembaruan tentang ini?

+1 Menunggu penyesuaian warna bilah status.

Periksa https://github.com/Microsoft/vscode/issues/17608 , kami akan memiliki UI Api, dan saya akan membuat tema materi menjadi hebat lagi (lel)

Jadi VSCode 1.9 keluar, saya rasa masalah ini tidak diatasi dengan rilis itu, apakah saya benar?

@jchannon benar.. :(

.statusbar{background:#xxxxxx} hanya dengan cara ini untuk mengubah warna bilah status?

@GaryChangCN Itulah satu-satunya cara untuk mengubahnya secara permanen. Ada metode lain, meskipun hanya bertahan sampai Anda membuka kembali editor. Menggunakan alat Pengembang (Bantuan-> Beralih Alat Pengembang) Saya secara manual mengubah warna dan menghapus smiley. Ini berlangsung sampai saya benar-benar keluar dari VSCode, tetapi itu bukan masalah bagi saya karena biasanya saya akan membukanya di awal hari dan menutupnya di akhir.

@Stromwerk Di mana Anda meletakkan css khusus?

@equinusocio Saya tidak benar-benar memasukkan css khusus. Saya menggunakan Alat Pengembang untuk mengubah nilai.

@Stromwerk Terima kasih! Ini sangat bagus sekarang.

@Stromwerk

.statusbar{background:#xxxxxx} hanya dengan cara ini untuk mengubah warna bilah status?
@GaryChangCN Itulah satu-satunya cara untuk mengubahnya secara permanen....

Perhatikan akan berguna untuk memiliki tema menubar teratas juga, seperti di Visual Studio lengkap:
Sunting, sepertinya sudah ada masalah terpisah untuk ini: #16363

@martinsuchan Saya tidak percaya itu mungkin di https://github.com/electron/electron saat ini.

@Tyriar Atom tidak.

@equinusocio oh benarkah? Tidak yakin apakah kami memiliki sesuatu yang melacak ini, tetapi itu mungkin harus menjadi masalah yang terpisah.

+1

@Tyriar Selalu memungkinkan untuk menggunakan menu HTML+CSS khusus yang tidak dapat dibedakan dari menu sistem asli,

@martinsuchan tidak dapat dibedakan adalah kata yang kuat, Anda perlu mempertimbangkan:

• Lihat
• Aksesibilitas
• Pengaturan sistem (font, skala menu, dll.)

Ditambah menu mungkin berbeda dalam cara kecil antara versi Windows.

+1
Tolong, bisakah kita menyesuaikan ini? Biru cerah dengan skema warna gelap sangat mengganggu!

+1
Saya menemukan ekstensi vscode-custom-theme bentx sebagai solusi yang dapat diterima untuk saat ini, tetapi akan sangat menyenangkan untuk melihat ini sebagai fitur resmi.

Anda dapat mengubahnya dengan langkah-langkah berikut:

1. ctrl+shift+p dan masukan alat pengembangan buka alat pengembangan
2. pilih fokus elemen pada bilah status dan temukan gaya css
3. edit file vscode css (workbench.main.css) ubah gaya
4. simpan file dan muat ulang vscode Anda

Setuju biru itu cukup keras, tetapi siapa pun yang membenci :) perlu 'pulang dan memikirkan kembali kehidupan mereka'

+1

Saya menggunakan CustomCSS dan JS Loader untuk menyesuaikan UI Kode VS yang mirip dengan tema Teks Subliminal Reloaded (varian gelap).

Masih banyak hal yang hilang, banyak hal yang ingin saya lakukan dan sesuaikan (beberapa menurut saya bahkan tidak mungkin) tetapi untuk saat ini, bilah status adalah salah satu hal yang harus saya "perbaiki".

Tidak ada yang mewah, tetapi bagi siapa pun yang tertarik, lihat di sini .

Pratinjau:

+1

+1

Saya membuat skrip berdasarkan https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 karena saya bosan mengedit file untuk mengatur ulang warna setiap kali lol ...
Tautan Skrip

ctrl+k + ctrl+z memperbaiki masalah untuk saya (mode zen, baca: bebas gangguan...) tetapi memang akan menyenangkan untuk menambahkan penyesuaian ke lebih banyak bagian UI.

"Kami sedang bekerja untuk memungkinkan orang menghapus UI dengan mengklik kanan di atasnya."

Yaitu: Saya perlu secara pribadi melumasi 1000 tiang di M$ untuk menyelesaikan perubahan yang sangat kecil ini karena departemen pemasaran (yang 1 langkah lagi dari psikopati besar) menginginkannya tetap ada.

@blueredcat , mengapa menghapusnya? Styling atau sembunyikan otomatis atau sesuatu akan berhasil, bukan?

Seperti yang sudah dikatakan seseorang, hanya opsi abu-abu/hitam akan bagus, bilah biru ini terlihat sangat aneh pada tema gelap.

Saya pikir cara terbersih untuk menanganinya adalah mengekspos pengaturan ke tema, dengan cara itu pembuat tema dapat memberikan pengaturan warna yang sesuai dengan tema.

Periksa https://github.com/Microsoft/vscode/issues/21923

Diinstal dari cabang sumber git terbaru. Mereka mengubah warna dari biru menjadi ungu. (atau apakah ini default untuk versi pengembangan?)

Saya mencoba beberapa peretasan css cepat yang disebutkan di utas ini. Sepertinya tidak ada yang bekerja dengan cepat. Sekarang menghabiskan setidaknya satu atau dua jam di bar biru yang mengerikan ini. Kaget bahwa bluebar ini dianggap sebagai "standar" di semua alat studio visual. Saya akan beralih kembali ke editor yang berbeda dan memeriksa vscode di tahun lain.

Sepertinya tidak ada yang bekerja dengan cepat. Sekarang menghabiskan setidaknya satu atau dua jam di bar biru yang mengerikan ini.

• Instal Tema Kustom untuk Visual Studio
• Setel theme.statusbar.background.color di preferensi Anda.
• Selesai.

+1 untuk perubahan warna bilah status & menyembunyikan smiley aneh ini

Dibangun berdasarkan rekomendasi bagus @jwigley , berikut adalah detail caranya:

1. Buka Ekstensi: Mac: Shift+command+X , Windows: Ctrl+Shift+X , Linux: Ctrl+Shift+X
2. Cari Custom theme for Visual Studio Code dan pasang ekstensi itu
3. Kunjungi preferensi: Mac: Command+ , Windows/Linux: File > Preferences > Settings
4. Di panel kanan tambahkan "theme.statusbar.background.color": "#161616" (jadikan hex warna favorit Anda) mis

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

1. Tampilkan Semua Perintah: Mac: Shift+command+P , Windows: Ctrl+Shift+P , Linux: Ctrl+Shift+P
2. Cari Theme dan aktifkan Custom theme: Apply

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

@stannynuytkens hmmm saya tidak tahu? Anda menjalankan versi terbaru?

@stannynuytkens pastikan Anda menjalankan sebagai administrator di windows atau memiliki hak istimewa yang benar di osx/linux, jika masih tidak berfungsi, silakan buka masalah, saya akan memeriksanya

Sepertinya tiket ini bisa segera ditutup, dengan melihat sumber-sumber terbaru, itu kabar baik :)

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"));

Itu terlihat seperti kemampuan tema yang telah kami tunggu-tunggu, ayo tim vscode!

Itu terlihat seperti kemampuan tema yang telah kami tunggu-tunggu, ayo tim vscode!

Ya, awal dukungan bertema meja kerja akan menjadi bagian dari pembaruan Maret (1.11). Anda akan dapat melakukannya segera, lihat https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970

Di mana kita akan menemukan dokumentasi tentang itu?

@equinusocio mungkin akan ada beberapa dokumentasi di catatan rilis, kemungkinan besar di 1.12.

Saya menemukan seluruh argumen blue visual studio tidak masuk akal. Biru akan menjadi masalah jika ada vscode/visual studio logo , tidak ada di bilah status. Bukannya pengguna akan bingung tentang IDE apa yang mereka gunakan karena warna biru diubah menjadi abu-abu halus seperti yang diposting

Sederhananya, warna biru begitu kuat sehingga menarik perhatian dari kode yang ditulis pengguna. Ini benar-benar masalah pengalaman pengguna. Tolong tolong tolong perlakukan seperti itu.

Dengan pekerjaan kami pada tema meja kerja ( catatan rilis ), Anda sekarang dapat menyesuaikan warna latar belakang bilah status. Kunci yang relevan adalah:

• statusBarBackground : biru secara default
• statusBarNoFolderBackground : ungu secara default
• statusBarDebuggingBackground : oranye secara default

Berikut adalah contoh cara mengubah ini melalui pengaturan:

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

Kemungkinan nama setting akan berubah dan menurut kami nama warnanya juga belum final.

Adapun untuk bisa menyembunyikan tombol smiley di status bar, saya sarankan untuk melanjutkan melalui https://github.com/Microsoft/vscode/issues/7893

Catatan : masih banyak warna yang hilang dari dukungan tema meja kerja (berlanjut melalui https://github.com/Microsoft/vscode/issues/3112) dan masih ada beberapa masalah dengan ikon pewarnaan di bilah status (berlanjut melalui https ://github.com/Microsoft/vscode/issues/23526).

Saya suka bilah status biru asli, namun rilis terbaru menggunakan ungu. Aku benci ungu.

@HoNooD bilah status selalu berwarna ungu saat tidak ada folder yang dibuka.

Merayu!! Pembaruan ini sangat bagus! Terima kasih banyak; kemampuan untuk membuat tema seluruh meja kerja sangat bagus!

Oh ironi , lol! _(petunjuk: warna bilah judul)_
Terima kasih teman-teman, nantikan tema yang keluar dari vscode!

Semuanya ungu untuk saya sekarang :( . Tema Cahaya Tenang, bilah status dengan folder terbuka, 1.11.1 di Debian Stretch

Itu akan menjadi tema. Tentukan warna bilah status Anda di pengaturan dengan pengaturan meja kerja eksperimental baru.

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

cantik! sekarang bagaimana cara mengubah warna ikon putih? :)

@stefangabos apakah ikon tidak berubah dengan statusBarForeground ?

sepertinya tidak berpengaruh di sini

@stefangabos jika Anda menggunakan Orang Dalam, saya akan mengajukan bug. Jika tidak, pengujian di Insiders mungkin merupakan ide yang bagus.

@bpasero Saya tahu ini adalah peregangan tetapi apakah ada rencana untuk mengekspos semua ini melalui ekstensi API? Saat ini saya sedang memodifikasi pengaturan dengan cepat dan sepertinya peretasan yang buruk ...

Maaf untuk menggunakan fitur eksperimental segera :/ ada permintaan tinggi..

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

Saat ini tidak ada rencana untuk mengekspos ini sebagai API selain mengubah pengaturan secara langsung.

Oke, terkait https://github.com/VSCodeVim/Vim/issues/1565

Saya akan membiarkan ini terbuka, sayangnya itu berarti itu tidak akan berfungsi dengan baik untuk ekstensi saat itu karena alasan kinerja apa adanya, tetapi setidaknya berfungsi dengan baik

Bagi Anda yang telah mencoba solusi di atas tetapi tidak berhasil, ini sekarang telah diubah menjadi:

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

Ini berfungsi seperti yang diharapkan dalam rilis baru. Itu bisa ditutup sejauh
Saya khawatir. Terima kasih!

Pada 6 Mei 2017 00:29, "Yuhao Zhang" [email protected] menulis:

Bagi Anda yang telah mencoba solusi di atas tetapi tidak menemukannya
bekerja, ini belum diubah menjadi:

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

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@bgashler1 itu tidak konsisten itu mengganggu, Anda Microsoft

👍 terima kasih atas tipnya @yuhaozhang! Itu bekerja seperti pesona!

Saya berakhir dengan:

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

Pratinjau

@rogaha Luar biasa, itu berhasil untuk saya, terima kasih!
Pertama kali saya menggunakan Visual Studio dan bilah biru itu sangat mengganggu saya, hampir membuang editor ini dan mengikuti kompetisi. Saya tidak peduli dengan seluruh keluarga editor Visual Studio jika mereka ingin tetap cacat, tetapi saya harus mengatakan konsistensi yang buruk dengan desain itu buruk.

@bpasero bisakah Anda menutup dan mengunci utas ini untuk memperjelas bahwa solusi sekarang dimungkinkan dengan workbench.colorCustomizations ? Terima kasih!

+1

Tema sekarang dapat mengatur latar belakang bilah status. Anda juga dapat mengganti warna dengan menambahkan yang berikut ini ke file settings.json Anda:

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

Mengunci karena fitur ini telah ada sejak v1.11 sehingga solusinya tidak terkubur.