Cambia los colores de la barra de desplazamiento del panel del editor de texto atom.

Acabo de cambiar al átomo de texto sublime y traté de aplicar mis temas habituales. Desafortunadamente, el tema que utilizo ( spacegray ochenta puerto sublime) no incorpora el tema correcto para las barras de desplazamiento. Logré arreglar el aspecto de las barras de desplazamiento en el panel de vista de árbol. Sin embargo, no puedo aplicar lo mismo al editor de texto atom por alguna razón. Mi styles.less es el siguiente:

atom-text-editor { // Apply same scrollbar color fix. } // Scrollbar color fix for SpaceGray ::-webkit-scrollbar { background-color: #262626; &-track {} &-thumb { background-color: #404040; &:window-inactive { background-color: rgb(116, 115, 105); } } &-corner { background-color: #262626; } } 

Y aquí una vista previa de mi problema:

introduzca la descripción de la imagen aquí introduzca la descripción de la imagen aquí

Intenté colocar el mismo ::-webkit-scrollbar CSS en el editor de texto-atom con declaraciones !important , pero sin suerte.

Estabas cerca, tienes que envolver tus estilos dentro de .scrollbars-visible-always :

 .scrollbars-visible-always { ::-webkit-scrollbar { background-color: #262626; &-track {} &-thumb { background-color: #404040; &:window-inactive { background-color: rgb(116, 115, 105); } } &-corner { background-color: #262626; } } } 

En Atom 1.18.0, lo siguiente funciona para mí para todas las barras de desplazamiento:

 ::-webkit-scrollbar { width: 50px; height: 18px; &-track { border: 0px; border-radius: 0px; background-color: transparent !important; } &-thumb { background-color: rgba(213, 213, 213, 0.4) !important; border: 0px; border-radius: 0px; } } // for new opened files .vertical-scrollbar { width: 50px !important; } 

En realidad, esto ya no parece funcionar para las versiones actuales de Atom. Con el siguiente código pude aplicar estilo a la barra de desplazamiento en la vista de árbol y en las ventanas del editor:

 .tree-view-resizer, atom-text-editor::shadow { ::-webkit-scrollbar { background-color: #262626; &-track {} &-thumb { background-color: #404040; &:window-inactive { background-color: rgb(116, 115, 105); } } &-corner { background-color: #262626; } } } 
    Intereting Posts