Atom post-::shadow update

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 *
 *
 * Operator Mono font styles
 * Originally referenced here: https://gist.github.com/brandondurham/3828ac42766f9f187c8e
 */
atom {
  &-panel {
    &.tool-panel {
      font-size: 0.88em;
    }
  }
  &-workspace,
  &-text-editor {
    font-family: 'Operator Mono';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    text-rendering: optimizeLegibility;
  }
  &-text-editor {
    font-weight: 500;

    .comment,
    .editor .syntax--storage.syntax--type.syntax--class.syntax--js,
    .entity.other.attribute-name,
    // .syntax--comment,
    .syntax--jsdoc,
    .syntax--control.syntax--switch.syntax--js,
    .syntax--keyword.syntax--operator.syntax--js,
    // .syntax--keyword.syntax--control.syntax--module.syntax--js:nth-child(1),
    .syntax--keyword.syntax--control.syntax--module.syntax--js,
    .syntax--storage.syntax--type.syntax--class.syntax--js,
    .syntax--storage.syntax--type.syntax--class.syntax--todo,
    .syntax--storage.syntax--type.syntax--function.syntax--js,
    .syntax--support.syntax--console.syntax--js,
    .syntax--this.syntax--js {
      font-style: italic;
    }
    .syntax--null.syntax--js,
    .syntax--undefined.syntax--js {
      font-weight: 500;
    }
    .syntax--entity.syntax--other.syntax--attribute-name.syntax--class.syntax--css,
    .syntax--entity.syntax--other.syntax--attribute-name.syntax--pseudo-element.syntax--css,
    .syntax--entity.syntax--other.syntax--attribute-name.syntax--parent-selector.syntax--css {
      font-style: normal;
    }

    &.editor {
      .syntax--entity.syntax--name {
        font-weight: 500;
      }
      .syntax--string.syntax--quote,
      .syntax--string.syntax--regexp {
        -webkit-font-feature-settings: "liga" off, "calt" off;
      }
      .syntax--string.syntax--unquoted.syntax--js {
        color: #CDD3DE;
      }
      .syntax--type.syntax--function.syntax--arrow.syntax--js,
      .syntax--operator.syntax--comparison.syntax--js {
        font-family: 'Fira Code';
        font-size: 15px;
        font-style: normal;
        line-height: 1.7;
      }
    }
  }
}