Comment changer les couleurs d'arrière-plan de la gouttière en atome

Question

Comment changer les couleurs de fond these?

Answer 1

J'ai trouvé la solution. Vous devez modifier ces attributs moins

atom-text-editor::shadow .gutter { 
    background-color: #282828; 
} 
atom-text-editor::shadow .gutter .line-number { 
    background-color: #282828; 
} 

J'espère que quelqu'un sera utile

Answer 2

Aller à l'atome répertoire d'installation, par défaut est .atom dans le répertoire $ HOME, styles.less ouverte

ici est ma configuration finale, ce qui m'a donné fond plus clair:

// style the background color of the tree view 
.tree-view { 
    //background-color: whitesmoke; 
} 

// style the background and foreground colors on the atom-text-editor element itself 
atom-text-editor { 
    color: #404040; 
    background-color: #FFFAED; 
} 

// To style other content in the text editor's shadow DOM, use the::shadow expression 
atom-text-editor::shadow .cursor { 
    //border-color: red; 
} 

pour personnaliser les couleurs à votre goût se référer à HEX valeurs RVB à http://www.rapidtables.com/web/color/RGB_Color.htm

testé avec

Ubuntu 16.04 
Atom 1.12.9 

Answer 3

Après beaucoup de recherche, c'est ce qui a fonctionné pour moi .. Allez à l'onglet Paquets -> Paramètres Affichage -> Gérer les thèmes. En haut, vous voyez une option - vous pouvez également définir Atom en éditant votre feuille de style. Cliquez dessus et éditez les paramètres CSS si nécessaire. Il existe déjà une étiquette disponible

atome-éditeur de texte { ..} Dans celui-ci, j'ai donné des valeurs Couleur: noir; Couleur de fond: blanc;

Answer 4

Juste pour ajouter: styles.less est situé sous c: \ Users \ youruser \ .atom \ styles.less