Atom-Dreamweaver-Styles.css

/*
 * 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
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: #FFFFFF;
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}

atom-text-editor::shadow .indent-guide, :host .indent-guide {
    color: rgba(85, 85, 85, 0.5);
}

//php
atom-text-editor::shadow .php {
    color: #000000;

    .embedded.begin.php {
        color: #FF0000 ;
        font-weight: bold;
    }

    .comment, .phpdoc {
        color: #FF9900 ;
        font-weight: normal;
    }

    .operator,
    .operator.keyword,
    .storage.function,
    .basic_functions,
    .function.string,
    .function.support,
    .function.datetime {
        color: #0000FF ;
    }

    .keyword.control,
    .class,
    .extends,
    .keyword.namespace,
    .keyword.use,
    .storage,
    .constant.language {
        color: #006600 ;
        font-weight: normal;
    }

    .variable {
        color: #0066FF;
    }

    .constant.other,
    .variable.property,
    .entity.name {
        color: #000000;
    }

    .string.quoted.double,
    .string.single-quoted,
    .string.single.quoted,
    .string.quoted.double span,
    .string.single-quoted span,
    .string.single.quoted span,
    .constant.numeric {
        color: #CC0000 !important;
    }
}

//js
atom-text-editor::shadow .js {
    color: #000000;

    .function.name {
        color: #000000;
    }

    .var,
    .keyword,
    .brace,
    .bracket,
    .curly,
    .variable.language {
        color: #000099;
        font-weight: bold;
    }

    .support.class {
        color: #009999;
    }

    .numeric {
        color: #FF0000;
    }

    .support.variable {
        color: #990099;
    }

    .string.quoted.double,
    .string.single-quoted,
    .string.single.quoted,
    .string.quoted.double span,
    .string.single-quoted span,
    .string.single.quoted span {
        color: #0000FF;
    }

    .comment, .jsdoc {
        color: #999999 ;
        font-weight: normal;
    }
}

//css
atom-text-editor::shadow .css {
    .string.quoted.double,
    .string.single-quoted,
    .string.single.quoted,
    .string.quoted.double span,
    .string.single-quoted span,
    .string.single.quoted span {
        color: #006600 !important;
    }

    .numeric,
    .numeric.unit,
    .keyword.unit,
    .property-value,
    .color,
    .font-name,
    .property-value .function.support,
    .constant {
        color: #0000FF;
    }

    .media .unit {
        color: #0000FF !important;
    }

    .import .keyword,
    .function.support {
        color: #009999;
    }

    .selector .entity.name,
    .entity.other.attribute-name,
    .attribute-selector,
    .html {
        color: #FF00FF;
        font-weight: 200;
    }

    .attribute-selector .string.quoted.double,
    .attribute-selector .string.single-quoted,
    .attribute-selector .string.single.quoted,
    .attribute-selector .string.quoted.double span,
    .attribute-selector .string.single-quoted span,
    .attribute-selector .string.single.quoted span {
        color: #FF00FF !important;
    }

    .property-name {
        color: #000099;
    }

    .important {
        color: #FF0000;
        font-weight: bolder;
    }

    .media, .media .keyword {
        color: #990000;
    }
}

atom-text-editor::shadow .html {
    .tag {
        color: #000099;
    }

    .string.quoted.double,
    .string.single-quoted,
    .string.single.quoted,
    .string.quoted.double span,
    .string.single-quoted span,
    .string.single.quoted span {
        color: #0000FF;
    }
}
.atom-text-editor .line.highlight-line, :host .line.highlight-line, atom-text-editor .line.highlight-line, atom-text-editor::shadow .line.highlight-line {
    background: none !important;
}