Vscode: Color de fondo de la barra de estado

Creado en 8 ene. 2016  ·  149Comentarios  ·  Fuente: microsoft/vscode

El color azul distrae mucho ... ¡una forma de cambiar el color sería genial!

feature-request themes

Comentario más útil

Mientras trabajamos para habilitar la temática personalizada de la interfaz de usuario, estamos considerando los siguientes cambios en los colores predeterminados de la interfaz de usuario.

Notarás que estamos pensando en silenciar la barra de estado.

dark-01
light-01

Nada de esto está escrito en piedra. Me encantaría escuchar lo que piensas. Utilice las reacciones de GitHub
screen shot 2016-11-23 at 2 05 45 pm
para que podamos tener una idea de cómo le gusta esto a la gente.

Todos 149 comentarios

+1!
Odio ese color y esa misteriosa carita sonriente. Con la esperanza de que haya una forma de cambiar el estilo de la barra de estado.

+1

+1

+1

+1

+1

: -1: -1 Me gusta lol.

Disculpe la demora en la respuesta a este problema. Usamos azul dentro de la barra de estado porque es consistente dentro de la familia de Visual Studio. Es posible que en el futuro abramos esta y otras cosas a la personalización a través de las hojas de estilo del usuario. Con suerte, se solucionará cualquier inquietud que tenga con el color.

+1

@ bgashler1 Entiendo su deseo de alinearse por defecto con la marca VS, pero el color distrae enormemente a algunas personas. Sería genial si al menos pudiera tener una hoja de estilo de usuario que nos permitiera atenuarla, o simplemente configurarla para que sea siempre negra. Esto es lo único que me impide comprometerme con su fantástico editor.

+1

+1

Reapertura. Es probable que esto se resuelva agregando la capacidad de los componentes de la interfaz de usuario del tema https://github.com/Microsoft/vscode/issues/1231

+1

Si observa el editor desde un medidor de distancia, lo único que verá es la barra de estado profundamente saturada, que en realidad distrae bastante durante la edición.

Dado que el # 1231 ahora está cerrado, sería bueno tener una opción para atenuarlo un poco.

@shubhamsizzles había varios niveles de duplicados, siga el problema del tema de la interfaz de usuario aquí https://github.com/Microsoft/vscode/issues/3112

Si la barra de estado es lo que te distrae del desarrollo, ¿quizás tienes otros problemas?

Estoy bien con el color. Azul en condiciones "normales", rojo anaranjado en modo de depuración. Funciona para mi.

Si la barra de estado es lo que te distrae del desarrollo, ¿quizás tienes otros problemas?

Tomaré respuestas pasivo-agresivas por 100, Alex.

No pasivo agresivo.

De todas las cosas de las que quejarse en un IDE, ¿la barra de estado en la parte inferior? No errores, falta de funciones para ayudar en un desarrollo más eficiente, soporte de idiomas, mejor depuración o integración de GIT, falta de comunidad, etc. (no digo que VSC tenga estos problemas) pero ... el color de la barra de estado en la parte inferior ?

@natdm Bueno, adivinen qué, la interfaz de usuario sí importa en un IDE / editor. Si fuera solo por las funciones que mencionaste anteriormente, todos estaríamos usando vim / emacs

Si se implementara # 459, esto sería fácil de cambiar.

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

Mi parche CSS actual para el código:

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

Tengo que hacer esto en cada actualización. Admite la creación de temas de la interfaz de usuario o CSS del usuario.

En serio ? ¿Distractor? ¿No eres capaz de dirigir tus ojos? Nunca vi un problema para un IDE tan estúpido

@ be5invis ¿Dónde se encuentra este archivo?

+1 Aunque personalmente no lo considero una distracción como tal, no me gusta que al hacer el editor en pantalla completa (F11) sea lo único que impida que el editor se sienta completamente fluido (a falta de una palabra mejor). Intente cargar el editor Atom en un tema oscuro y conviértalo en pantalla completa. Parece completamente impecable. VSCode se vería igual de bien (si no mejor) si no fuera por esta barra azul fuera de lugar en la parte inferior.

Creo que es realmente horrible en una interfaz de usuario atractiva. No es que sea azul (aunque el gris sería mejor), es demasiado brillante. He visto que se ve mejor en Win 10 que en Mac (estoy en Mac). Pero es solo una barra de estado, ¿por qué debería llamar tanta atención?

Para aquellos que comentan que deberíamos "tener una vida" en lugar de quejarse de algo tan "trivial", recuerden que la interfaz de usuario de una aplicación es algo que miran todo el día. Debería complacerlo y ayudarlo. Incluso se agradecería una forma sencilla de colorearlo en un tema u otra preferencia del editor.

Hizo una extensión (bifurcada desde vscode-icons) para parchear su CSS personalizado en Código:

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

Establezca la opción vscode_custom_css.file en el CSS que desea aplicar y habilítelo.

vscode-custom-css funciona como un encanto! Parche mi CSS con este aquí: https://gist.github.com/dominique-mueller/0d9f5aec202804caca4881838685cfc4 , en combinación con el tema atenuado de Oceanic.

No me importa el azul predeterminado, mi problema es que es azul para todas las ventanas de VScode.

Estaría bien configurar el color rápidamente (haga clic con el botón derecho en la barra de estado). al trabajar con más de una ventana de código VS, podría detectar la ventana que necesito en la selección de tareas de gnome

de todos modos, a veces la barra de estado es morada o naranja, lo que parece tener significados específicos

+1

@ be5invis Probé su extensión y

Por cierto, ¿hay alguna forma de configurar íconos en la barra lateral usando fuentes, en lugar de archivos png (como hace Atom )?

Ayuda -> Alternar herramientas de desarrollo -> Consola

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

  1. Instale y habilite https://github.com/be5invis/vscode-custom-css
  2. Reinicie Visual Studio Code como administrador
  3. Crear style.css :

    .monaco-workbench.no-workspace>.part.statusbar {
     background-color: #333333 !important;
    }
    
  4. Archivo> Preferencias> Configuración de usuario

    {
       "vscode_custom_css.imports": [
           "file://path_to_css_file/style.css"
       ]
    }
    
  5. F1> Habilitar CSS y JS personalizados
  6. Reiniciar el código de Visual Studio

Tenga en cuenta que esta extensión literalmente cambia el código fuente de VS Code y podría tener problemas si la instala. Hemos visto varios casos de extensiones como esta que corrompen la instalación y la única forma de recuperarla es reinstalar vscode.

@Tyriar Con referencia a # 3112, # 1231, # 1833 y # 76, parece que la forma correcta de lograr este resultado es a través de una API oficial, sin embargo, ha estado pendiente durante 10 meses. ¿Hay alguna actualización sobre cuándo podría implementarse esta API?

@tylercubell Le pregunté al equipo y veremos el # 3112 como parte de este punto en nuestra hoja de ruta :

Temas del banco de trabajo, por ejemplo, iconos de soporte en el explorador

También me molesta, ya que el tema que uso tiene un fondo gris mucho más oscuro que lo hace parecer un poco incómodo.

¿Alguna noticia sobre esto? el truco vscode_custom_css no parece estar funcionando como 9/2016.

@ WilldelaVega777 Bueno ... ¿leíste el comentario justo encima del tuyo?

+1

+1

+1

+10086

+1

El morado está bien, pero el azul es demasiado brillante / distrae

+1

Ya sabes ... hay una razón por la que Github implementó _reacciones _...

Si al menos pudiéramos tener una opción para hacerlo gris, como el resto de la interfaz de usuario. Porque necesito la información que contiene, pero todavía me distrae mucho.

+1

+10

+1

Odio ese color azul

@ bgashler1 La temática estaría bien, pero un gris simple que se relacione con la barra lateral y el fondo del árbol sería suficiente. ¿Posiblemente detrás de una bandera en preferencias?

@pkieltyka ¿Te molestaste siquiera en leer el historial de comentarios?

@tylercubell normalmente lo hago, mi error

+1

+1

Tal vez, digo QUIZÁS, alguien podría implementar una función de temática oficial (o módulo, lo que sea) primero e informar después. Se llama 先斬後奏 en China.

Sin usar el complemento, puede abrir este archivo workbench.main.css y cambiar .monaco-workbench>.part.statusbar de background:#007acc; a background:#252526; (gris).

Gracias, el truco de @AlexCasa funcionó, el archivo se encontraba en Linux en /usr/share/code/resources/app/out/vs/workbench/workbench.main.css

Espero poder hacer esto sin editar archivos css minificados: hurtrealbad: y se me advierte que la instalación de vscode está dañada https://code.visualstudio.com/docs/supporting/faq#_installation -appears-to-be-corrupt

Ubicación del archivo en Windows 7

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

Sería genial hacer posible la creación de capas de toda la interfaz de usuario.

+1

La barra de estado azul distrae, establezca el valor predeterminado en negro (o alguna variación, para que no se destaque).

Mientras trabajamos para habilitar la temática personalizada de la interfaz de usuario, estamos considerando los siguientes cambios en los colores predeterminados de la interfaz de usuario.

Notarás que estamos pensando en silenciar la barra de estado.

dark-01
light-01

Nada de esto está escrito en piedra. Me encantaría escuchar lo que piensas. Utilice las reacciones de GitHub
screen shot 2016-11-23 at 2 05 45 pm
para que podamos tener una idea de cómo le gusta esto a la gente.

@ bgashler1 Si el color gris es un opt-in, por favor, danos la posibilidad de personalizar (y también, los otros elementos de la interfaz de usuario: color, tamaño, espaciado, tipografía, etc.)

@ be5invis estamos trabajando para habilitar algunas capacidades de temática de la interfaz de usuario también # 3112

@ bgashler1
Para un creador de temas, quieren que la capacidad de creación de temas no esté limitada en el área de colores. El uso de CSS es una solución final, aunque el poder de la temática en Sublime Text también funciona bien.

PD. Dar la posibilidad de eliminar el borde de la barra de desplazamiento.

🙂 +1 ¡ Estas capturas se ven geniales!

Para los usuarios de OSX que intentan realizar el cambio sugerido por @AlexCasa , el archivo se encuentra en:

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

editar:

También recomendaría agregar: .dropdown.send-feedback{display:none} si quieres deshacerte de la cara sonriente espeluznante.

+1

+1

@ bgashler1, por favor, elimine el hágalo menos extraño. ¿Puedo sugerir algo como esto en su lugar?
https://image.freepik.com/free-icon/comment-bubble-outline_318-27591.png

@joeshub Estamos trabajando para permitir que las personas eliminen la IU haciendo clic derecho sobre ella. @bpasero ¿también será posible hacer esto con la carita sonriente?

Si, probablemente. Tenga en cuenta que (actualmente) no podemos permitir que los usuarios oculten cosas en la barra de estado debido a la forma en que las extensiones pueden agregar cosas allí de una manera muy dinámica.

+1

Hasta que esto se implemente como una característica predeterminada, si alguien quiere usar colores personalizados para los elementos de la interfaz de usuario, además de deshabilitar la carita sonriente, creé esta extensión. No requiere edición manual de CSS, todo se hace desde la configuración del usuario. (nota: no activa el modo "no admitido")
(editar: obsoleto)

@bentx esto usa exactamente la misma técnica que todas las otras extensiones que activan el modo no compatible porque anula los archivos CSS y JS, simplemente deshabilita el mensaje ...

@Tyriar La única otra extensión que he visto para temas personalizados fue cargar un archivo css, quería que todo fuera manejable desde la configuración del usuario, es menos rápido para errores y más fácil de usar. Entiendo el hecho de que no le gusta, ya que "corrompe" el software, pero como está trabajando en una actualización futura con respecto a esto, no debería ser un problema por mucho tiempo, ¿verdad? Mientras tanto, si estas extensiones permiten a las personas usar el código VS porque les gusta (como a mí) y se sienten cómodos con una GUI que usan 8 horas o más al día, creo que es justo.

@bentx es simplemente frustrante que hayamos perdido un montón de tiempo investigando fallos aleatorios y errores causados ​​por este tipo de extensiones, por lo que agregamos el mensaje como compromiso, ahora el mensaje se está deshabilitando (para todas las demás extensiones también), es decir, los usuarios de la extensión. puede que ni siquiera sepa lo que está haciendo.

@Tyriar punto justo. Desde mi perspectiva, el mensaje molesto es molesto, pero estoy de acuerdo en que los usuarios no sepan qué es lo que está siendo un problema, así como los problemas con las capturas de pantalla sin el mensaje [No admitido]. Actualicé la extensión, la verificación de integridad permanecerá habilitada de manera predeterminada y se agregó una entrada de configuración para deshabilitarla, para aquellos que saben lo que están haciendo. También hay una nota en el archivo README con respecto a la responsabilidad del usuario sobre esto.

@bentx gracias 😄 No puedo esperar para obtener más personalización también

+1

¿Alguna actualización sobre esto?

+1 Esperando la personalización del color de la barra de estado.

Verifique https://github.com/Microsoft/vscode/issues/17608 , tendremos UI Api y haré que el tema del material sea genial nuevamente (lel)

Entonces, VSCode 1.9 está disponible, no creo que este problema se resuelva con esa versión, ¿estoy en lo cierto?

@jchannon a la derecha .. :(

.statusbar {background: #xxxxxx} ¿solo de esta manera se puede cambiar el color de la barra de estado?

@GaryChangCN Esa es la única forma de cambiarlo permanentemente. Hay otro método, aunque solo dura hasta que vuelva a abrir el editor. Usando las herramientas de desarrollador (Ayuda-> Alternar herramientas de desarrollador), cambio manualmente el color y elimino el emoticón. Esto dura hasta que salgo completamente de VSCode, pero eso no es un problema para mí, ya que normalmente lo abriría al comienzo del día y lo cerraría al final.

@Stromwerk ¿Dónde pones CSS personalizado?

@equinusocio Realmente no puse ningún CSS personalizado. Utilizo las herramientas de desarrollo para cambiar los valores.

@Stromwerk ¡Gracias! Esto es tan bueno ahora.

@Stromwerk

.statusbar {background: #xxxxxx} ¿solo de esta manera se puede cambiar el color de la barra de estado?
@GaryChangCN Esa es la única forma de cambiarlo permanentemente ....

Tenga en cuenta que también sería útil tener el tema de la barra de menú superior, al igual que en Visual Studio completo:
Editar, parece que ya hay un problema separado para esto: # 16363
vscode
image

@martinsuchan No creo que eso sea posible en https://github.com/electron/electron actualmente.

@Tyriar Atom lo hace.

@equinusocio oh de verdad? No estoy seguro de si tenemos algo que rastree esto, pero probablemente debería ser un problema separado.

+1

@Tyriar Siempre es posible usar un menú HTML + CSS personalizado que será indistinguible del menú del sistema nativo,

@martinsuchan indistinguible es una palabra fuerte, debes tener en cuenta:

  • Mirar
  • Accesibilidad
  • Configuración del sistema (fuente, escala del menú, etc.)

Además, los menús pueden diferir levemente entre las versiones de Windows.

+1
Por favor, ¿podemos personalizar esto? ¡El azul brillante contra un esquema de color oscuro distrae enormemente!

+1
Creo que la extensión vscode-custom-theme de bentx es una solución aceptable por ahora, pero sería muy bueno ver esto como una característica oficial.

puedes cambiarlo con los siguientes pasos:

  1. ctrl + shift + py entrada herramienta de desarrollo abrir herramienta de desarrollo
  2. elija el foco del elemento en la barra de estado y busque el estilo css
  3. editar el archivo vscode css (workbench.main.css) cambiar el estilo
  4. guarda el archivo y vuelve a cargar tu vscode

Estoy de acuerdo en que el azul es bastante ruidoso, pero cualquiera que odie un :) necesita 'irse a casa y repensar su vida'

+1

Estoy usando CustomCSS y JS Loader para personalizar la interfaz de usuario de VS Code similar al tema de texto subliminal So Da Reloaded (variante oscura).

Todavía faltan muchas cosas, muchas cosas que quiero hacer y personalizar (algunas no creo que sean posibles) pero por ahora, la barra de estado es una de esas cosas que tuve que "arreglar".

Nada lujoso, pero para cualquiera que esté interesado, échale un vistazo aquí .

Avance:
screenshot

+1

+1

Hice un script basado en https://github.com/Microsoft/vscode/issues/1884#issuecomment -230790242 porque me cansé de editar el archivo para restablecer el color cada vez jajaja ...
Enlace de secuencia de comandos

ctrl+k + ctrl+z soluciona el problema por mí (modo zen, lea: sin distracciones ...) pero de hecho sería bueno agregar personalización a más partes de la interfaz de usuario.

"Estamos trabajando para permitir que las personas eliminen la IU haciendo clic con el botón derecho en ella".

Es decir: necesito engrasar personalmente 1000 polos a M $ para hacer este pequeño cambio ya que el departamento de marketing (que está a un paso de la psicopatía en toda regla) quiere que se quede.

@blueredcat , ¿por qué eliminarlo? Estilizar o ocultar automáticamente o algo así, ¿no?

Como alguien ya dijo, solo una opción gris / negro estaría bien, esta barra azul se ve tan extraña en un tema oscuro.

Creo que la forma más limpia de manejarlo sería exponer la configuración al tema, de esa manera los creadores de temas pueden proporcionar configuraciones de color que se ajusten al tema.

Instalado desde la última rama de fuente de git. Cambiaron el color de azul a morado. (¿o es este el valor predeterminado para las versiones de desarrollo?)

2017-03-25-111158_1366x768_scrot

Probé algunos de los trucos rápidos de CSS que se mencionan en este hilo. Nada parecía funcionar rápidamente. Ahora pasé al menos una o dos horas en esta horrible barra azul. Asombrado de que esta barra azul supuestamente era un "estándar" en todas las herramientas de estudio visual. Volveré a un editor diferente y comprobaré vscode en otro año.

Nada parecía funcionar rápidamente. Ahora pasé al menos una o dos horas en esta horrible barra azul.

+1 para cambiar el color de la barra de estado y ocultar este extraño emoticono

Sobre la base de la gran recomendación de @jwigley , aquí hay un

  1. Extensiones abiertas: Mac: Shift+command+X , Windows: Ctrl+Shift+X , Linux: Ctrl+Shift+X
  2. Busque Custom theme for Visual Studio Code e instale esa extensión
  3. Preferencias de visita: Mac: Command+ , Windows / Linux: File > Preferences > Settings
  4. En el panel derecho, agregue "theme.statusbar.background.color": "#161616" (haga que hexadecimal sea su color favorito), por ejemplo
{
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "workbench.welcome.enabled": false,
    "theme.statusbar.background.color": "#161616"
}
  1. Mostrar todos los comandos: Mac: Shift+command+P , Windows: Ctrl+Shift+P , Linux: Ctrl+Shift+P
  2. Busque Theme y active Custom theme: Apply

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

@stannynuytkens hmmm ¿No sé? ¿Está ejecutando la última versión?

@stannynuytkens asegúrese de que se está ejecutando como administrador en Windows o tiene los privilegios correctos en osx / linux, si aún no funciona, abra un problema, lo investigaré

Parece que este boleto podría cerrarse pronto, mirando las últimas fuentes, eso es una buena noticia :)

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

Parece la capacidad de creación de temas que estábamos esperando, ¡vaya al equipo de vscode!

Parece la capacidad de creación de temas que estábamos esperando, ¡vaya al equipo de vscode!

Sí, el inicio de la compatibilidad con temas del entorno de trabajo será parte de la actualización de marzo (1.11). Podrá hacer esto muy pronto, consulte https://github.com/Microsoft/vscode/issues/3112#issuecomment -289483970

¿Dónde encontraremos la documentación al respecto?

@equinusocio , probablemente habrá algo de documentación en las notas de la versión, la mayoría probablemente estará en 1.12.

Encuentro todo el argumento de blue visual studio absurdo. El azul importaría si hubiera un logotipo de vscode / visual studio, no hay ninguno en la barra de estado. No es que los usuarios se confundan sobre qué IDE están usando porque el azul se cambia a un gris sutil como lo que ha publicado @ bgashler1 .

En pocas palabras, el azul es tan fuerte que desvía la atención del código que los usuarios están escribiendo. Este es literalmente un problema de experiencia del usuario. Por favor, trátelo como tal.

Con nuestro trabajo en la temática del banco de trabajo ( notas de la versión ), ahora puede personalizar el color del fondo de la barra de estado. Las claves relevantes son:

  • statusBarBackground : azul por defecto
  • statusBarNoFolderBackground : morado por defecto
  • statusBarDebuggingBackground : naranja por defecto

Aquí hay un ejemplo de cómo cambiar esto a través de la configuración:

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

Es probable que el nombre de la configuración cambie y también creemos que los nombres de los colores aún no son definitivos.

En cuanto a poder ocultar el botón sonriente en la barra de estado, sugiero continuar a través de https://github.com/Microsoft/vscode/issues/7893

Nota : todavía faltan muchos colores en la compatibilidad con temas del banco de trabajo (continúa a través de https://github.com/Microsoft/vscode/issues/3112) y todavía hay algunos problemas con los iconos para colorear en la barra de estado (continúa a través de https : //github.com/Microsoft/vscode/issues/23526).

Me gusta la barra de estado azul original, sin embargo, el último relase usa púrpura en su lugar. Odio el morado.

@HoNooD la barra de estado siempre ha sido violeta cuando no se abre ninguna carpeta.

¡¡Cortejar!! ¡Esta actualización es realmente agradable! Muchas gracias chicos; ¡La capacidad de crear un tema para todo el banco de trabajo es excelente!

¡Oh, la ironía , lol! _ (pista: color de la barra de título) _
Gracias a todos, espero con ansias el tema de vscode!

Todo es morado para mí ahora :(. Tema Quiet Light, barra de estado con carpeta abierta, 1.11.1 en Debian Stretch
screenshot from 2017-04-07 06-13-51

Ese sería el tema. Defina el color de su barra de estado en la configuración con la nueva configuración del banco de trabajo experimental.

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

¡encantador! ahora, ¿cómo cambiar el color de los iconos blancos? :)

@stefangabos ¿los íconos no cambian con statusBarForeground ?

image

parece no tener ningún efecto aquí
nm9nnca

@stefangabos si estás en Insiders, archivaría un error. De lo contrario, probar en Insiders podría ser una buena idea.

@bpasero Sé que esto es una

Perdón por usar una función experimental de inmediato: / hubo una gran demanda ...

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

image

Actualmente, no hay planes para exponer esto como API más que cambiar la configuración directamente.

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

Dejaré esto abierto, desafortunadamente significa que no funcionará demasiado bien para la extensión por razones de rendimiento tal como está, pero al menos funciona bien

Para aquellos de ustedes que han probado la solución anterior pero encontraron que no funciona, esto ahora se ha cambiado a:

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

Esto funciona como se esperaba en la nueva versión. Puede cerrarse hasta
Estoy preocupada. ¡Gracias!

El 6 de mayo de 2017 a las 00:29, "Yuhao Zhang" [email protected] escribió:

Para aquellos de ustedes que han probado la solución anterior pero no la encontraron
funcionando, esto no se ha cambiado a:

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

-
Recibes esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/Microsoft/vscode/issues/1884#issuecomment-299580210 ,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AAtPLShnXBvyBcatp60Vpd5RR0CXS_zHks5r25SfgaJpZM4HBWq2
.

@ bgashler1 no es consistente, distrae, Microsoft

👍 ¡gracias por el consejo @yuhaozhang! ¡Funcionó a las mil maravillas!

Terminé con:

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

Avance

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

@rogaha Impresionante, eso lo hizo por mí, ¡gracias!
La primera vez que uso Visual Studio y esa barra azul me distraía mucho, casi me deshago de este editor y me lanzo a la competencia. No me importa toda la familia de editores de Visual Studio si quieren mantener sus fallas, pero debo decir que la consistencia espantosa en el diseño es mala.

@bpasero, ¿ podrías cerrar y bloquear este hilo para dejar en claro que ahora es posible una solución con workbench.colorCustomizations ? ¡Gracias!

+1

Los temas ahora pueden establecer el fondo de la barra de estado. También puede anular los colores agregando lo siguiente a su archivo settings.json:

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

Bloqueo, ya que esta función ha estado desde la v1.11 y, por lo tanto, la solución no queda enterrada.

¿Fue útil esta página
0 / 5 - 0 calificaciones