GithubHelp home page GithubHelp logo

simurai / tone-syntax Goto Github PK

View Code? Open in Web Editor NEW
82.0 6.0 12.0 165 KB

An Atom theme with customizable colors

License: MIT License

CSS 51.75% CoffeeScript 22.43% HTML 5.08% JavaScript 3.22% C# 3.18% Go 2.66% Java 2.40% PHP 2.94% Python 3.23% Ruby 1.71% TypeScript 1.40%
theme atom-themes customizable-colors atom syntax

tone-syntax's Introduction

Tone

An Atom syntax theme with customizable colors.

It tones down less important parts (like punctuation and brackets) and highlights only the important ones. This leads to a more calm color scheme, but still lets you find the stuff you're looking for.

Tone theme

Settings

You can change the color scheme by going to Settings > Themes > tone-syntax Theme (or the cog icon next to the theme picker). There you can customize the colors. Or edit your config file directly.

Tone settings

Language support

Why is the language support somewhat sparse? In order to decide how a language should be highlighted, it's helpful to understand the language. Only then you can get the nuances right. Therefore this theme only supports a language if somebody actively maintains it.

Actively supported languages

Language Extension Maintainer
CSS .css @simurai
GF Markdown .md @simurai
Git Commit Message .COMMIT_EDITMSG @simurai
HTML .html @simurai
JSON .json @simurai
Less .less @simurai
PHP .php @mdeboer
Sass .scss @simurai
Text .txt @simurai
Todo .txt @simurai

Un-maintained languages

Language Extension Maintainer
CoffeeScript .coffee ๐Ÿ‘‹ Maintainer wanted
C# .cs ๐Ÿ‘‹ Maintainer wanted
Go .go ๐Ÿ‘‹ Maintainer wanted
Java .java ๐Ÿ‘‹ Maintainer wanted
JavaScript .js ๐Ÿ‘‹ Maintainer wanted
Python .py ๐Ÿ‘‹ Maintainer wanted
Ruby .rb ๐Ÿ‘‹ Maintainer wanted
Typescript .ts ๐Ÿ‘‹ Maintainer wanted
??? ??? ๐Ÿ‘‹ Maintainer wanted

Contribute

Want to contribute? Awesome! Here the steps to add syntax highlighting for a specific language:

  1. Add an example file to spec/. Doesn't have to be complete, just something to test the highlighting.
  2. Add a Less file with the styling to styles/languages/.
  3. Add an import to that Less file in styles/languages/_index.less.
  4. Add yourself as the maintainer to this README.md.
  5. Make a PR. ๐ŸŽ‰

Note: Since there are hundreds (thousands?) of languages out there, less commonly used languages might not get accepted. ๐Ÿ™‡

tone-syntax's People

Contributors

coopermaruyama avatar filipelinhares avatar mdeboer avatar nielsenramon avatar simurai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

tone-syntax's Issues

Python

Are there any plans to support Python syntax?

No bracket matching in Python, MD, and LaTeX

Bracket matching seems to work okay for things like HTML tags (both with HTML grammar selected and markdown grammar selected), but other things that are caught by the Bracket Matcher package are not marked as such by this syntax theme. I'm not sure what the issue is since the .bracket-matcher .region is being selected in the editor.less file and is being assigned a value.

Adding the following to my styles.less seemed to make everything work:

.bracket-matcher {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0);
  z-index: 1;
}

I'm not knowledgeable enough to say what the proper fix to this repo is.

Maintainer wanted

Hey, just wanted to say I was interested in possibly becoming a maintainer!
What all would that involved I'd like to get started right away!

UI colors

Would it be possible to have the UI colors follow the background color set for the editor?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.