Modification de commentaire de la couleur dans l'Atome de l'éditeur

Je voudrais changer la couleur de commentaires dans l'Atome de l'éditeur. À part un peu de recherche sur google, j'ai trouvé que je peux mettre ceci dans mon .l'atome et les styles.moins fichier:

atom-text-editor::shadow .comment {
    color: #ffffaa;
}

Que du bon, maintenant, j'ai le jaune vif des commentaires qui demande à être remarqué, plutôt que de se fondre dans l'arrière-plan. Le problème, c'est qu'il ressemble maintenant à la ci-dessous

Comme vous pouvez le voir, la couleur du texte des commentaires a changé, mais les délimiteurs de commentaires et de liens dans les commentaires restent en défaut la quasi-invisible-gris, qui a l'air un peu idiot.

Mes questions sont: (1) comment puis-je changer la couleur de ces éléments, et plus encore (2) où puis-je regarder comment changer la couleur de ces éléments?

Veuillez noter que je ne suis pas un programmeur web et ne savent rien de CSS ou des technologies connexes. Je suis donc à la recherche d'un assez étape-par-étape de la solution, contrairement à des solutions trouvées, par exemple, dans les réponses aux cette question, qui supposent une importante quantité de fond dans les rouages de ce genre de choses.

Double Possible de la coloration syntaxique Guide pour Atom
Mais je crois que cette question est un doublon, ce qui pourrait être le code que vous recherchez. Il suffit de l'ajouter dans le fichier que vous avez déjà trouvé. atom-text-editor::shadow { .punctuation.comment, .comment, .link.hyperlink { color: #ffffaa; } }
la question liée est un bon exemple de ce dont je parle dans mon dernier entre parenthèses. Pour quelqu'un versé dans la CSS, il peut très bien être une réponse à ma question, mais pour moi ce n'est pas parce que je n'ai pas les connaissances pour convertir les informations que cmd-alt-P donne moi le code CSS que je doit taper. Votre deuxième commentaire est utile et peut être affiché comme une réponse, mais il n'y a aucun moyen je pourrais avoir déduit à partir de l'information dans le premier lien.
Je vois votre point de vue. Alors que je suis toujours pas convaincu que ce n'est pas un doublon, je vais poster une réponse bientôt.
Le atom l'étiquette que vous avez utilisé pour cette question est en relation avec le XML en fonction du format de syndication, comme ce post est sur le GitHub de l'Atome de l'Éditeur, j'ai modifié le tag de atom-editor. Espérons que cela aide votre question obtenir le droit les yeux sur elle, pour de plus amples informations sur les balises ont une lecture de Ce sont des balises, et comment dois-je utiliser?.

InformationsquelleAutor Nathaniel | 2016-05-04

atom-editor css

17

À savoir les classes CSS de tout élément que vous voulez style, suivez ces étapes dans l'éditeur:
1. Utilisez votre curseur pour mettre en surbrillance l'élément que vous souhaitez examiner. Je suis en suivant votre exemple d'une double barre oblique (c'est à dire un commentaire) ici.
2. Appuyez sur Ctrl+Alt+Maj+P (ou Cmd+Alt+P sur OS X). Une pop-up va vous dire toutes les classes de cet élément. Généralement, c'est la dernière ligne de la notification qui est d'intérêt pour nous. Pour //, il est comment.line.double-slash.js.
3. Mépris le dernier point, et tout ce qui suit, car en gardant à appliquer vos modifications à un type de fichier spécifique uniquement (js dans ce cas). Maintenant ajouter un point. Le reste de la chaîne est l'élément que nous voulons style: .comment.line.double-slash.
Ouvrir le .atom/styles.less par l'ouverture de la commande de palette (Ctrl+Maj+P sur Windows/Linux ou Cmd+Maj+P sur OSX) et la recherche pour "Application: Ouvrez Votre feuille de style".

Ajouter ces lignes à .atom/styles.less, si ce n'est déjà présente:
```
atom-text-editor::shadow {
    //custom comment styling goes here
}
```
Entre parenthèses, vous pouvez placer CSS/MOINS de code pour tout élément que vous souhaitez personnaliser.
```
atom-text-editor::shadow {
    .comment.line.double-slash {
        color: #ffffaa;
    }
}
```
Conseils supplémentaires: vous pouvez énumérer les identifiants des éléments par une virgule et un espace séparé de la liste, si les mêmes modifications doivent s'appliquer à eux. Donc, si vous voulez faire des liens de la même couleur que les commentaires, il y a deux possibilités:
```
.comment.line.double-slash {
    color: #ffffaa;
}
.markup.underline.link.hyperlink { //I removed the '.https' to apply this to all protocols
    color: #ffffaa;
}
```
ou
```
.comment.line.double-slash, .markup.underline.link.hyperlink {
    color: #ffffaa;
}
```
Avec de longs noms de classe, car ils sont utilisés ici, je préfère la première option pour des raisons de lisibilité. Mais c'est à votre choix.

InformationsquelleAutor Hexaholic

À l'aide de 1.14.4:

//This styles comment text
atom-text-editor .syntax--comment {
    color: #53FFA1;
}

//This styles comment punctuation (i.e. //, and /*...*/)
.syntax--punctuation.syntax--definition.syntax--comment {
    color: #008C3F;
}

Que la menthe verte est poppin!

InformationsquelleAutor basiphobe

13

La syntaxe est modifié dans 1.14.
Maintenant, vous devez l'utiliser pour changer la couleur du commentaire
```
atom-text-editor .syntax--comment {
         color: #228B22;
}
```
InformationsquelleAutor Mojtaba Komeili

Vous devez vous connecter pour publier un commentaire.