Project Based Theme or Identifier


#1

Is there a way to alter the color of let’s say the top

based on a given project? When you have multiple Atom editors open it can be difficult to determine which one is which.


#2

I’m hard-coding mine right now, there are definitely better solutions, but this is a workaround:

.project-manager > ol {
  &> li[data-project-id="project1"] {
    :not(.selected) {
      background-color: #9f1d48;
    }
  }
  &> li[data-project-id="project2"] {
    :not(.selected) {
      background-color: #1a3b5b;
    }
  }
  &> li[data-project-id="project3"] {
    :not(.selected) {
      background-color: #046167;
    }
  }
  &> li[data-project-id="project4"] {
    :not(.selected) {
      background-color: #796900;
    }
  }
  &> li[data-project-id="project5"] {
    :not(.selected) {
      background-color: #0d6b25;
    }
  }
}

Look for the data-project-id values, above, in your projects.cson file. They are a shortened version of your project name.


#3

Where do you locate the projects.cson file?


#4

are you using https://atom.io/packages/project-manager? I tried your solution and I can not find the id I guess