Vscode: Hintergrundfarbe der Statusleiste

Erstellt am 8. Jan. 2016  ·  149Kommentare  ·  Quelle: microsoft/vscode

Die blaue Farbe lenkt sehr ab. Eine Möglichkeit, die Farbe zu ändern, wäre großartig!

feature-request themes

Hilfreichster Kommentar

Während wir daran arbeiten, benutzerdefiniertes Design der Benutzeroberfläche zu aktivieren, erwägen wir die folgenden Änderungen an den Standardfarben der Benutzeroberfläche.

Sie werden feststellen, dass wir daran denken, die Statusleiste stumm zu schalten.

dark-01
light-01

Nichts davon ist in Stein gemeißelt. Würde gerne hören, was Sie denken. Bitte nutzen Sie die GitHub-Reaktionen
screen shot 2016-11-23 at 2 05 45 pm
damit wir ein Gefühl dafür bekommen, wie die Leute das mögen.

Alle 149 Kommentare

+1!
Ich hasse diese Farbe und dieses mysteriöse Smiley-Gesicht. Ich hoffe, es gibt eine Möglichkeit, den Stil der Statusleiste zu ändern.

+1

+1

+1

+1

+1

:-1: -1 Ich mag es lol.

Entschuldigung für die verspätete Antwort zu diesem Thema. Wir verwenden Blau in der Statusleiste, weil es innerhalb der Familie von Visual Studio konsistent ist. Wir werden dies und andere Dinge in Zukunft möglicherweise für die Anpassung über Benutzer-Stylesheets öffnen. Hoffentlich werden damit alle Bedenken ausgeräumt, die Sie mit der Farbe haben.

+1

@bgashler1 Ich verstehe Ihren Wunsch, sich standardmäßig an das VS-Branding

+1

+1

Wiedereröffnung. Dies wird wahrscheinlich gelöst, indem die Möglichkeit zum Thema UI-Komponenten hinzugefügt wird https://github.com/Microsoft/vscode/issues/1231

+1

Schaut man aus einem Meter Entfernung auf den Editor, sieht man nur die tief gesättigte Statusleiste, die beim Bearbeiten eigentlich ziemlich ablenkt.

Da #1231 jetzt geschlossen ist, wäre es schön, eine Option zu haben, um es etwas abzuschwächen.

@shubhamsizzles es gab mehrere Ebenen von Duplikaten, folgen Sie dem UI-Thema-Problem hier https://github.com/Microsoft/vscode/issues/3112

Wenn die Statusleiste Sie von der Entwicklung ablenkt, haben Sie vielleicht andere Probleme?

Ich bin cool mit der Farbe. Blau unter 'normalen' Bedingungen, orange-rot im Debug-Modus. Funktioniert bei mir.

Wenn die Statusleiste Sie von der Entwicklung ablenkt, haben Sie vielleicht andere Probleme?

Ich nehme passiv-aggressive Antworten für 100, Alex.

Nicht passiv aggressiv.

Von all den Dingen, über die man sich in einer IDE beschweren kann, die Statusleiste am unteren Rand? Keine Fehler, fehlende Funktionen für eine effizientere Entwicklung, Sprachunterstützung, besseres Debugging oder GIT-Integration, fehlende Community usw. (ohne zu sagen, dass VSC diese Probleme hat), sondern die Farbe der Statusleiste unten ?

@natdm Nun, raten Sie mal, die Benutzeroberfläche spielt in einer IDE / einem Editor eine Rolle. Wenn es nur die oben genannten Funktionen gäbe, würden wir alle vim/emacs verwenden

Wenn #459 implementiert wäre, wäre dies leicht zu ändern.

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

Mein aktueller CSS-Patch für Code:

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

Das muss ich bei jedem Update machen. Bitte unterstützen Sie Benutzer-CSS oder UI-Themen.

Wirklich ? Ablenkend? Können Sie Ihre Augen nicht fahren? Ich habe noch nie ein Problem für eine so dumme IDE gesehen

@be5invis Wo befindet sich diese Datei?

+1 Ich persönlich empfinde es nicht als Ablenkung - ich mag es nicht, dass der Editor beim Vollbildmodus (F11) das einzige ist, was den Editor nicht mehr nahtlos fühlt (mangels eines besseren Wortes). Versuchen Sie, den Atom-Editor im dunklen Design zu laden und diesen im Vollbildmodus zu erstellen. Es sieht komplett nahtlos aus. VSCode würde genauso gut (wenn nicht besser) aussehen, wenn nicht dieser blaue Balken unten wäre.

Ich finde es wirklich scheußlich in einer ansonsten attraktiven Benutzeroberfläche. Es ist nicht so, dass es blau ist (obwohl grau besser wäre), es ist zu hell. Ich habe gesehen, dass es unter Win 10 besser aussieht als auf einem Mac (ich bin auf einem Mac). Aber es ist nur eine Statusleiste, warum sollte sie so viel Aufmerksamkeit auf sich ziehen?

Für diejenigen, die kommentieren, dass wir "ein Leben bekommen" sollten, anstatt sich über etwas so "triviales" zu beschweren, denken Sie daran, dass Sie den ganzen Tag auf die Benutzeroberfläche einer Anwendung starren. Es sollte Ihnen sowohl gefallen als auch Ihnen helfen. Sogar eine einfache Möglichkeit, es in einem Thema oder einer anderen Editor-Voreinstellung einzufärben, wäre wünschenswert.

Eine Erweiterung (abgezweigt von vscode-icons) erstellt, um Ihr benutzerdefiniertes CSS in Code zu patchen:

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

Legen Sie die Option vscode_custom_css.file auf das CSS fest, das Sie anwenden möchten, und aktivieren Sie es.

vscode-custom-css funktioniert wie ein Zauber! Ich habe mein CSS mit diesem hier gepatcht: https://gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 , in Kombination mit dem Oceanic Dimmed Theme.

Das Standardblau stört mich nicht, mein Problem ist, dass es für alle VScode-Fenster blau ist.

Es wäre in Ordnung, die Farbe schnell einzustellen (Rechtsklick auf die Statusleiste??). Wenn ich mit mehr als einem Fenster mit VS-Code arbeite, kann ich das benötigte Fenster in der Gnome-Aufgabenauswahl erkennen

Wie auch immer, manchmal ist die Statusleiste lila oder orange, was eine bestimmte Bedeutung zu haben scheint

+1

@be5invis Habe Ihre Erweiterung

Gibt es übrigens eine Möglichkeit, Symbole in der Seitenleiste mit Schriftarten anstelle von png Dateien festzulegen (wie bei Atom )?

Hilfe -> Entwicklertools umschalten -> Konsole

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

  1. Installieren und aktivieren Sie https://github.com/be5invis/vscode-custom-css
  2. Starten Sie Visual Studio Code als Administrator neu
  3. style.css erstellen:

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

    {
       "vscode_custom_css.imports": [
           "file://path_to_css_file/style.css"
       ]
    }
    
  5. F1 > Benutzerdefiniertes CSS und JS aktivieren
  6. Visual Studio-Code neu starten

Bitte beachten Sie, dass diese Erweiterung den Quellcode von VS Code buchstäblich ändert und Sie bei der Installation sehr gut auf Probleme stoßen können. Wir haben mehrere Fälle gesehen, in denen Erweiterungen wie diese die Installation beschädigt haben, und die einzige Möglichkeit, sie wiederherzustellen, besteht darin, vscode neu zu installieren.

@Tyriar In Bezug auf #3112, #1231, #1833 und #76 klingt es so, als ob dieses Ergebnis der richtige Weg wäre, dieses Ergebnis über eine offizielle API zu erzielen, aber es ist seit 10 Monaten im Rückstand . Gibt es ein Update, wann diese API implementiert werden könnte?

@tylercubell Ich habe das Team gefragt und wir werden uns #3112 als Teil dieses Punktes unserer Roadmap ansehen :

Workbench-Themen, z. B. Unterstützungssymbole im Explorer

Es nervt mich auch, da das von mir verwendete Design einen viel dunkleren grauen Hintergrund hat, der es etwas umständlich aussehen lässt.

Gibt es darüber irgendwelche Neuigkeiten? Der vscode_custom_css-Hack scheint nicht wie 9/2016 zu funktionieren.

@WilldelaVega777 Nun ... hast du den Kommentar direkt über deinem gelesen?

+1

+1

+1

+10086

+1

Lila ist ok, aber Blau ist zu hell/ablenkend

+1

Weißt du... es gibt einen Grund, warum Github _reactions_ implementiert hat...

Wenn wir zumindest eine Option haben könnten, es grau zu machen, wie den Rest der Benutzeroberfläche. Weil ich die darin enthaltenen Informationen brauche, aber es lenkt mich immer noch sehr ab.

+1

+10

+1

Ich hasse diese blaue Farbe

@bgashler1 Theming wäre schön, aber ein einfaches Grau, das sich auf die Seitenleiste und den

@pkieltyka Hast du dir überhaupt die Mühe gemacht, den Kommentarverlauf zu lesen?

@tylercubell normalerweise

+1

+1

Vielleicht, sage ich VIELLEICHT, könnte jemand zuerst eine offizielle Theming-Funktion (oder ein Modul, was auch immer) implementieren und dann berichten. In China heißt es .

Ohne das Plugin zu verwenden, können Sie einfach diese Datei workbench.main.css öffnen und .monaco-workbench>.part.statusbar von background:#007acc; in background:#252526; (grau) ändern.

Danke @AlexCasa Hack hat funktioniert, die Datei befand sich unter Linux unter /usr/share/code/resources/app/out/vs/workbench/workbench.main.css

Ich freue mich darauf, dies tun zu können, ohne minimierte CSS-Dateien bearbeiten zu müssen :hurtrealbad: und gewarnt zu werden vscode install ist korrupt https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

Dateispeicherort unter Windows 7

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

Es wäre großartig, das Skinning der gesamten Benutzeroberfläche zu ermöglichen

+1

Die blaue Statusleiste lenkt ab, bitte setzen Sie die Standardeinstellung auf Schwarz (oder eine andere Variante, damit sie nicht auffällt).

Während wir daran arbeiten, benutzerdefiniertes Design der Benutzeroberfläche zu aktivieren, erwägen wir die folgenden Änderungen an den Standardfarben der Benutzeroberfläche.

Sie werden feststellen, dass wir daran denken, die Statusleiste stumm zu schalten.

dark-01
light-01

Nichts davon ist in Stein gemeißelt. Würde gerne hören, was Sie denken. Bitte nutzen Sie die GitHub-Reaktionen
screen shot 2016-11-23 at 2 05 45 pm
damit wir ein Gefühl dafür bekommen, wie die Leute das mögen.

@bgashler1 Wenn die graue Farbe ein Opt-in ist, geben Sie uns bitte die Möglichkeit zur Anpassung (und auch die anderen UI-Elemente: Farbe, Größe, Abstand, Typografie usw.)

@be5invis wir arbeiten daran, auch einige UI-

@bgashler1
Ein Theme-Builder möchte, dass die Theming-Fähigkeit nicht im Bereich der Farben eingeschränkt ist. Die Verwendung von CSS ist eine endgültige Lösung, obwohl die Theming-Power in Sublime Text auch gut funktioniert.

ps. Bitte geben Sie die Möglichkeit, den Rahmen der Bildlaufleiste zu entfernen.

🙂 +1 Diese Aufnahmen sehen toll aus!

Für OSX-Benutzer, die versuchen, die von @AlexCasa vorgeschlagene Änderung

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

bearbeiten:

Ich würde auch empfehlen, hinzuzufügen: .dropdown.send-feedback{display:none} wenn Sie das gruselige Smiley-Gesicht loswerden möchten.

+1

+1

@bgashler1 bitte entfernen Sie den unangenehmen Smiley oder machen Sie ihn zumindest weniger seltsam. Darf ich stattdessen so etwas vorschlagen?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub Wir arbeiten daran, dass Benutzer die Benutzeroberfläche entfernen können, indem sie mit der rechten Maustaste darauf klicken. @bpasero wird das auch mit dem Smiley möglich sein?

Ja, wahrscheinlich. Beachten Sie, dass wir Benutzern (derzeit) nicht erlauben können, Dinge in der Statusleiste auszublenden, da Erweiterungen dort sehr dynamisch Dinge hinzufügen können.

+1

Bis dies als Standardfunktion implementiert ist, habe ich diese Erweiterung erstellt, wenn jemand benutzerdefinierte Farben für UI-Elemente verwenden und das Smiley deaktivieren möchte. Es erfordert keine manuelle CSS-Bearbeitung, alles wird über die Benutzereinstellungen erledigt. (Hinweis: Es wird nicht der Modus "nicht unterstützt" ausgelöst)
(Bearbeiten: veraltet)

@bentx verwendet genau die gleiche Technik wie alle anderen Erweiterungen, die den nicht unterstützten Modus auslösen, da sie die CSS- und JS-Dateien überschreibt. Sie deaktivieren einfach die Nachricht ...

@Tyriar Die einzige andere Erweiterung, die ich für benutzerdefiniertes

@bentx es ist nur frustrierend, dass wir eine Menge Zeit damit verschwendet haben, zufällige Abstürze und Fehler zu untersuchen, die durch diese Arten von Erweiterungen verursacht werden, also haben wir die Nachricht als Kompromiss hinzugefügt. Jetzt wird die Nachricht deaktiviert (auch für alle anderen Erweiterungen), was Benutzer der Erweiterung bedeutet weiß vielleicht nicht einmal, was es tut.

@ Tyriar fairer Punkt. Aus meiner Sicht ist die nörgelnde Nachricht ärgerlich, aber ich stimme zu, dass Benutzer, die nicht wissen, was vor sich geht, ein Problem darstellen, sowie Probleme mit Screenshots ohne die Nachricht [Nicht unterstützt]. Ich habe die Erweiterung aktualisiert, die Integritätsprüfung bleibt standardmäßig aktiviert, und es wurde ein Einstellungseintrag hinzugefügt, um sie zu deaktivieren, für diejenigen, die wissen, was sie tun. Es gibt auch einen Hinweis in der README bezüglich der Verantwortung des Benutzers dafür.

@bentx danke 😄 Ich kann es kaum erwarten, auch mehr Anpassungen zu bekommen

+1

Irgendwelche Updates dazu?

+1 Warten auf die Farbanpassung der Statusleiste.

Überprüfen Sie https://github.com/Microsoft/vscode/issues/17608 , wir haben eine UI-API und ich werde das Materialthema wieder großartig machen (lel)

VSCode 1.9 ist also raus, ich glaube nicht, dass dieses Problem mit dieser Version behoben wird, habe ich Recht?

@jchannon richtig.. :(

.statusbar{background:#xxxxxx} nur auf diese Weise die Farbe der Statusleiste ändern?

@GaryChangCN Nur so kann man es dauerhaft ändern. Es gibt eine andere Methode, die jedoch nur so lange dauert, bis Sie den Editor erneut öffnen. Mit den Entwicklertools (Hilfe-> Toggle Developer Tools) ändere ich manuell die Farbe und entferne den Smiley. Dies dauert so lange, bis ich VSCode vollständig verlassen habe, aber das ist für mich kein Problem, da ich es normalerweise zu Beginn eines Tages öffnen und am Ende schließen würde.

@Stromwerk Wo wird benutzerdefiniertes

@equinusocio Ich

@Stromwerk Danke! Das ist jetzt so gut.

@Stromwerk

.statusbar{background:#xxxxxx} nur auf diese Weise die Farbe der Statusleiste ändern?
@GaryChangCN Nur so kann man es dauerhaft ändern....

Beachten Sie, dass es nützlich wäre, auch das Design der oberen Menüleiste zu verwenden, genau wie im vollständigen Visual Studio:
Edit, es sieht so aus, als ob es dafür bereits ein separates Problem gibt: #16363
vscode
image

@martinsuchan Ich glaube nicht, dass das derzeit in https://github.com/electron/electron möglich ist.

@ Tyriar Atom tut es.

@equinusocio oh wirklich? Ich bin mir nicht sicher, ob wir dies verfolgen, aber es sollte wahrscheinlich ein separates Problem sein.

+1

@Tyriar Es ist immer möglich, ein benutzerdefiniertes HTML+CSS-Menü zu verwenden, das vom nativen Systemmenü nicht zu unterscheiden ist.

@martinsuchan ununterscheidbar ist ein starkes Wort, das Sie berücksichtigen müssen:

  • Aussehen
  • Barrierefreiheit
  • Systemeinstellungen (Schriftart, Menüskala usw.)

Außerdem können sich die Menüs zwischen Windows-Versionen geringfügig unterscheiden.

+1
Können wir das bitte anpassen? Das helle Blau vor einer dunklen Farbgebung lenkt extrem ab!

+1
Ich finde die vscode-custom-theme-Erweiterung von Bentx vorerst eine akzeptable Problemumgehung, aber es wäre wirklich schön, dies als offizielle Funktion zu sehen.

Sie können es mit den folgenden Schritten ändern:

  1. Strg+Umschalt+P und Eingabe-Entwicklungstool öffnen Entwicklungstool
  2. Wählen Sie den Elementfokus in der Statusleiste und finden Sie den CSS-Stil
  3. Bearbeiten Sie die vscode-CSS-Datei (workbench.main.css) ändern Sie den Stil
  4. speichere die Datei und lade deinen vscode neu

Ich stimme zu, dass das Blau ziemlich laut ist, aber jeder, der ein :) hasst, muss "nach Hause gehen und sein Leben überdenken"

+1

Ich verwende CustomCSS und JS Loader , um die VS Code-Benutzeroberfläche ähnlich dem So​Da​Reloaded (dunkle Variante) Subliminal Text-Theme anzupassen.

Es fehlen noch viele Dinge, viele Dinge, die ich tun und anpassen möchte (einige sind meiner Meinung nach nicht einmal möglich), aber im Moment ist die Statusleiste eines der Dinge, die ich "reparieren" musste.

Nichts Besonderes, aber für alle Interessierten hier .

Vorschau:
screenshot

+1

+1

Ich habe ein Skript basierend auf https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 erstellt, weil ich es satt habe, die Datei zu bearbeiten, um die Farbe jedes Mal zurückzusetzen, lol ...
Skript-Link

ctrl+k + ctrl+z behebt das Problem für mich (Zen-Modus, sprich: ablenkungsfrei...), aber es wäre in der Tat schön, weitere UI-Teile anzupassen.

"Wir arbeiten daran, dass Benutzer die Benutzeroberfläche entfernen können, indem sie mit der rechten Maustaste darauf klicken."

Dh: Ich muss persönlich 1000 Stangen bei M$ schmieren, um diese sehr kleine Änderung zu erledigen, da die Marketingabteilung (die einen Schritt von der ausgewachsenen Psychopathie entfernt ist) möchte, dass es so bleibt.

@blueredcat , warum entfernen? Styling oder Autohide oder etwas wird es tun, nicht wahr?

Wie jemand bereits sagte, wäre nur eine grau / schwarze Option schön, dieser blaue Balken sieht bei einem dunklen Thema so seltsam aus.

Ich denke, der sauberste Weg, damit umzugehen, wäre, die Einstellungen für das Thema freizugeben, auf diese Weise können Themenersteller Farbeinstellungen bereitstellen, die zum Thema passen.

Installiert vom neuesten Git-Quellzweig. Sie änderten die Farbe von Blau zu Violett. (oder ist dies der Standard für Entwicklungsversionen?)

2017-03-25-111158_1366x768_scrot

Ich habe einige der schnellen CSS-Hacks ausprobiert, die in diesem Thread erwähnt werden. Nichts schien schnell zu funktionieren. Habe jetzt mindestens ein oder zwei Stunden auf dieser schrecklichen blauen Bar verbracht. Erstaunt, dass diese Bluebar angeblich ein "Standard" für alle Visual Studio-Tools war. Ich werde in einem anderen Jahr wieder zu einem anderen Editor wechseln und vscode überprüfen.

Nichts schien schnell zu funktionieren. Habe jetzt mindestens ein oder zwei Stunden auf dieser schrecklichen blauen Bar verbracht.

+1 für die Farbänderung der Statusleiste und das Ausblenden dieses seltsamen Smileys

Aufbauend auf der großartigen Empfehlung von @jwigley finden Sie hier eine detaillierte

  1. Offene Erweiterungen: Mac: Shift+command+X , Windows: Ctrl+Shift+X , Linux: Ctrl+Shift+X
  2. Suchen Sie nach Custom theme for Visual Studio Code und installieren Sie diese Erweiterung
  3. Besuchseinstellungen: Mac: Command+ , Windows/Linux: File > Preferences > Settings
  4. Fügen Sie im rechten Bereich "theme.statusbar.background.color": "#161616" (machen Sie Hex zu Ihrer Lieblingsfarbe) zB
{
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "workbench.welcome.enabled": false,
    "theme.statusbar.background.color": "#161616"
}
  1. Alle Befehle anzeigen: Mac: Shift+command+P , Windows: Ctrl+Shift+P , Linux: Ctrl+Shift+P
  2. Suchen Sie nach Theme und aktivieren Sie Custom theme: Apply

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

@stannynuytkens hmmm ich weiß nicht? Sie verwenden die neueste Version?

@stannynuytkens Stellen Sie sicher, dass Sie unter

Es sieht so aus, als könnte dieses Ticket bald geschlossen werden, wenn man sich die neuesten Quellen ansieht, das sind gute Neuigkeiten :)

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

Das sieht aus wie die Theming-Funktion, auf die wir gewartet haben, go vscode team!

Das sieht aus wie die Theming-Funktion, auf die wir gewartet haben, go vscode team!

Ja, der Start der Unterstützung für Workbench-Themen wird Teil des März-Updates (1.11) sein. Sie werden dies sehr bald tun können, siehe https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970

Wo finden wir die Dokumentation dazu?

@equinusocio es wird wahrscheinlich einige Dokumentation in den

Ich finde die ganze Argumentation von blue Visual Studio absurd. Das Blau wäre wichtig, wenn es ein vscode/Visual Studio-Logo gäbe, in der Statusleiste ist keins zu sehen. Es ist nicht so, dass Benutzer verwirrt sind, welche IDE sie verwenden, weil das Blau in ein dezentes Grau geändert wird, wie es @bgashler1 gepostet hat.

Einfach ausgedrückt ist das Blau so stark, dass es die Aufmerksamkeit vom Code ablenkt, den Benutzer schreiben. Dies ist buchstäblich ein Problem mit der Benutzererfahrung. Bitte bitte bitte so behandeln.

Mit unserer Arbeit auf Werkbank Theming ( Release Notes ) können Sie nun die Farbe des statusbar Hintergrund anpassen. Die entsprechenden Schlüssel sind:

  • statusBarBackground : standardmäßig blau
  • statusBarNoFolderBackground : standardmäßig lila
  • statusBarDebuggingBackground : standardmäßig orange

Hier ist ein Beispiel, wie Sie dies über die Einstellungen ändern können:

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

Es ist wahrscheinlich, dass sich der Name der Einstellung ändert und wir denken auch, dass die Farbnamen noch nicht endgültig sind.

Um den Smiley-Button in der Statusleiste ausblenden zu können, schlage ich vor, über https://github.com/Microsoft/vscode/issues/7893 fortzufahren

Hinweis : Es fehlen immer noch viele Farben bei der Unterstützung von Workbench-Themen (weiter über https://github.com/Microsoft/vscode/issues/3112) und es gibt immer noch einige Probleme mit dem Einfärben von Symbolen in der Statusleiste (weiter über https ://github.com/Microsoft/vscode/issues/23526).

Ich mag die ursprüngliche blaue Statusleiste, aber die neueste Version verwendet stattdessen Lila. Ich hasse Lila.

@HoNooD die Statusleiste war immer lila, wenn kein Ordner geöffnet ist.

Umwerben!! Dieses Update ist wirklich schön! Vielen Dank Jungs; Die Möglichkeit, die gesamte Werkbank mit einem Thema zu versehen, ist großartig!

Oh die Ironie , lol! _(Hinweis: Titelleistenfarbe)_
Danke Jungs, ich freue mich darauf, die Hölle aus vscode herauszuholen!

Bei mir ist jetzt alles lila :( . Quiet Light Theme, Statusleiste mit geöffnetem Ordner, 1.11.1 auf Debian Stretch
screenshot from 2017-04-07 06-13-51

Das wäre das Thema. Definieren Sie die Farbe Ihrer Statusleiste in den Einstellungen mit der neuen experimentellen Workbench-Einstellung.

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

schön! Wie kann ich nun die Farbe der weißen Symbole ändern? :)

@stefangabos ändern sich die Symbole nicht mit statusBarForeground ?

image

hier scheint es keine wirkung zu haben
nm9nnca

@stefangabos Wenn Sie bei Insiders sind, würde ich einen Fehler Insiders zu testen.

@bpasero Ich weiß, dass dies eine Strecke ist, aber gibt es Pläne, dies über die Erweiterungs-API

Entschuldigung, dass ich sofort eine experimentelle Funktion verwendet habe :/ es gab eine große Nachfrage..

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

image

Derzeit keine Pläne, dies als API verfügbar zu machen, außer die Einstellungen direkt zu ändern.

Ok, verwandte https://github.com/VSCodeVim/Vim/issues/1565

Ich lasse dies offen, leider bedeutet es, dass es aus Leistungsgründen aus Leistungsgründen nie so gut für die Erweiterung funktioniert, aber es funktioniert zumindest ok

Für diejenigen unter Ihnen, die die obige Lösung ausprobiert haben, aber festgestellt haben, dass sie nicht funktioniert, wurde dies jetzt geändert in:

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

Dies funktioniert wie erwartet in der neuen Version. Es kann soweit geschlossen werden
Ich bin besorgt. Vielen Dank!

Am 6. Mai 2017 um 00:29 Uhr schrieb "Yuhao Zhang" [email protected] :

Für diejenigen unter Ihnen, die die obige Lösung ausprobiert, aber nicht gefunden haben
funktioniert, dies wurde nicht geändert in:

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


Sie erhalten dies, weil Sie erwähnt wurden.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@bgashler1 es ist nicht konsistent, es lenkt ab, du Microsoft

👍 danke für den Tipp @yuhaozhang! Es funktionierte wie ein Zauber!

Ich landete bei:

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

Vorschau

screen shot 2017-06-06 at 7 51 18 am

@rogaha Super , das hat es für mich getan, danke!
Als ich zum ersten Mal Visual Studio verwende und dieser blaue Balken mich sehr abgelenkt habe, habe ich diesen Editor fast aufgegeben und mich für die Konkurrenz entschieden. Ich interessiere mich nicht für die ganze Familie von Visual Studio-Editoren, wenn sie fehlerhaft bleiben wollen, aber ich muss sagen, dass eine schreckliche Konsistenz durch das Design schlecht ist.

@bpasero könntest du diesen Thread schließen und sperren, um deutlich zu machen, dass eine Lösung jetzt mit workbench.colorCustomizations ? Vielen Dank!

+1

Designs können jetzt den Hintergrund der Statusleiste festlegen. Sie können die Farben auch überschreiben, indem Sie Ihrer Datei settings.json Folgendes hinzufügen:

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

Das Sperren, da diese Funktion seit v1.11 enthalten ist, wird die Lösung nicht begraben.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen