Git Product home page Git Product logo

atom-panda-syntax's Introduction

Hey there, It's Siamak. I'm Product Designer and JS Developer, focused on web/mobile apps.

atom-panda-syntax's People

Contributors

siamak 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

atom-panda-syntax's Issues

Share your stylesheet

Not an issue per say, but could you share information about the setup you used for the screenshots ? I love it !
It seems to be Atom Material, but with some tweeks, would you mind sharing your stylesheet ?

different experience from screenshot

I have installed Panda as syntax and have Material UI as UI theme. My experience from using these two are way different from provided screenshots.

capture

these differences are not just bound to .js files.

Not an issue, vscode port

Hi, this is a neat color scheme, good job!

Just wanted to let you know that I've created a Visual Code version of it: https://github.com/tinkertrain/panda-syntax-vscode

Feel free to change the package.json with your details and publish to the vscode marketplace, I'm guessing the best place for the repo is under the Panda organization.

Looks good!

Alt text

Atom Syntax Selectors Changed in v1.3

Hello, it looks like Atom has removed the shadow DOM in v1.3 and syntax packages have to change their css selectors.

If you'd like I can make a PR with these updates.

screen shot 2017-01-12 at 7 10 33 am

Line length marker difficult to see

I absolutely love this theme but I find that the line length marker is a bit difficult to see. The same is true to the indentation guides to some degree. Compare your theme:

image

with one of the implementations of Monokai which I also use:

image

Could you consider brightening a bit those lines?

Deprecated selector in `atom-panda-syntax/index.less`

In atom-panda-syntax/index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

  • .syntax--entity.syntax--name.syntax--function, .entity.syntax--name.syntax--function => .syntax--entity.syntax--name.syntax--function, .syntax--entity.syntax--name.syntax--function

  • .syntax--entity.syntax--name.syntax--type, .entity.syntax--name.syntax--type => .syntax--entity.syntax--name.syntax--type, .syntax--entity.syntax--name.syntax--type

  • .syntax--entity.syntax--other.syntax--inherited-class, .entity.syntax--other.syntax--inherited-class => .syntax--entity.syntax--other.syntax--inherited-class, .syntax--entity.syntax--other.syntax--inherited-class

  • .syntax--entity.syntax--name.syntax--class, .entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class, .entity.syntax--name.syntax--type.syntax--class => .syntax--entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class, .syntax--entity.syntax--name.syntax--type.syntax--class

  • .syntax--entity.syntax--name.syntax--section, .entity.syntax--name.syntax--section => .syntax--entity.syntax--name.syntax--section, .syntax--entity.syntax--name.syntax--section

  • .syntax--entity.syntax--name.syntax--tag, .entity.syntax--name.syntax--tag => .syntax--entity.syntax--name.syntax--tag, .syntax--entity.syntax--name.syntax--tag

  • .syntax--entity.syntax--other.syntax--attribute-name, .entity.syntax--other.syntax--attribute-name => .syntax--entity.syntax--other.syntax--attribute-name, .syntax--entity.syntax--other.syntax--attribute-name

  • .syntax--entity.syntax--other.syntax--attribute-name.syntax--placeholder, .entity.syntax--other.syntax--attribute-name.syntax--placeholder => .syntax--entity.syntax--other.syntax--attribute-name.syntax--placeholder, .syntax--entity.syntax--other.syntax--attribute-name.syntax--placeholder

  • .syntax--entity.syntax--other.syntax--attribute-name.syntax--id, .entity.syntax--other.syntax--attribute-name.syntax--id => .syntax--entity.syntax--other.syntax--attribute-name.syntax--id, .syntax--entity.syntax--other.syntax--attribute-name.syntax--id

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

Name of font

Hi @siamak, I want to know the name of the font used on screenshots and the logo.

Brackets (curly, squared and normal) not white anymore, yellow instead

Hi! I'm using panda syntax for a while now. This is my favorite color scheme for PHP.
I'm not sure why, but since the lastest (or the berfore one) version of ATOM, my brackets are now yellow instead of white.
So i'm note sure if it's because you made some changes in the theme, or it's because of ATOM...
Could you tell me how to revert it please?

I have ATOM 1.21.1 and atom-panda-syntax 0.18.0

Thanks!

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.