Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Atom tree-view-git-status branch styling
.tree-view-git-status.git-branch-production {
color: red;
text-shadow: -1px 0px 8px rgba(255, 12, 12, 1);
.tree-view-git-status.git-branch-master .branch-label {
color: gold;
text-shadow: -1px 0px 8px rgba(255, 215, 0, 1);
Copy link

a7madgamal commented Feb 24, 2017

awesome :)
Any idea how can I select ALL branches starting with feature/xxx or hotfix/xxx etc. ?

Copy link

adrienv1520 commented Oct 13, 2017

To select all "feature-xxx" branches :

[class^="tree-view-git-status git-branch-feature-"] {
  color: rgb(42, 154, 189);
  text-shadow: -1px 0px 8px rgb(42, 154, 189, 1);

Did not work for me with "/".

Copy link

subesokun commented Oct 22, 2017

Mh right, "/" might cause some issues with the CSS selectors. Maybe some special handling needs to be implemented to strip away those characters.

Copy link

PatrickJS commented Aug 9, 2018

you can update the code to normalize the branch name to something that works for css. for example transform / -> -

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment