atom bracket matcher less code for 'one dark' theme

gistfile1.txt

//This has been stolen from here
//https://github.com/evpok/fancy-bracket-matcher
//and adapted to use animate the background from blue to pink - because why not?

@-webkit-keyframes bracketanimation {
  from  {
      color: #fffc25;
      top: 0px;
      background-color: #292c37;
  }
  50%   {
      color: #ffffff;
      top: -4px;
      background-color: #535cea;
  }
  99%    {
      color: #fffc25;
      top: 0px;
      background-color: #f15c61;
      left: 0px;
      top: 0px;
      bottom: 0px;
      right: 0px;
  }
}
atom-text-editor::shadow .editor-contents--private .bracket-matcher .region {
    border-bottom: 0;
}

atom-text-editor::shadow .editor-contents--private .bracket-matcher .region:after {
    z-index: 1000001;
    content: "";
    -webkit-animation-name: bracketanimation;
    -webkit-animation-duration: .5s;
    border: 1px solid #535cea;
    border-style: solid;
    border-radius: 2px;
    background-color: #f15c61;
    width: 100%;
    height: 100%;
    position: absolute;
}