post

Meu tema personalizado para Atom Editor

Publicado em: 06/02/2022 / Atualizado em: 06/02/2022

Categorias: Atom EditorBlogCSS
/*
 * 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.

Bruno Devs News


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.

Clique aqui e entre em contato


Comentários