post
Meu tema personalizado para Atom Editor
Publicado em: 06/02/2022 / Atualizado em: 06/02/2022
/* * Your Stylesheet * * This stylesheet is loaded when Atom starts up and is reloaded automatically * when it is changed and saved. * * Add your own CSS or Less to fully customize Atom. * If you are unfamiliar with Less, you can read more about it here: * http://lesscss.org */ /* * Examples * (To see them, uncomment and save) */ // style the background color of the tree view .tree-view { font-family: 'Stolzl'; } atom-text-editor { font-family: "Gopher"; font-weight: 300; } .syntax--string { color: #54c5a2; } .syntax--entity.syntax--name.syntax--tag, .syntax--entity.syntax--other.syntax--attribute-name.syntax--class.syntax--css { color: #f1378b; } .syntax--js { } .syntax--entity.syntax--other.syntax--attribute-name { color: #a152af; } .syntax--variable { color: #007cff; } // style the background and foreground colors on the atom-text-editor-element itself atom-text-editor { font-size: 14px; letter-spacing: 1px; } span.syntax--punctuation.syntax--definition.syntax--arguments.syntax--begin.syntax--bracket.syntax--round.syntax--php { margin: 1px; } span.syntax--punctuation.syntax--definition.syntax--arguments.syntax--end.syntax--bracket.syntax--round.syntax--php { margin: 1px; } // style UI elements inside atom-text-editor atom-text-editor .cursor { // border-color: #ff0066; } .syntax--entity.syntax--name.syntax--function { color: #007cff; }
Publicações recomendadas:
Inscreva-se em Nossa News:
Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.
Link Curto para Compartilhamento
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.
bruno.art.br/pb/1454
ID de Referência: 1454
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.