Skip to content

Instantly share code, notes, and snippets.

@mikeumus

mikeumus/styles.less

Last active August 16, 2018 20:33
Show Gist options
  • Save mikeumus/2fdeb1b52b8ab0876b615b4a2ec2e1ab to your computer and use it in GitHub Desktop.
Save mikeumus/2fdeb1b52b8ab0876b615b4a2ec2e1ab to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mikeumus revised this gist Aug 16, 2018. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -72,3 +72,7 @@ atom-text-editor .cursor {
    color: #8f99b7 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    }

    .tab-bar .tab {
    color: #fffffa;
    }
  2. mikeumus created this gist Aug 16, 2018.
    74 changes: 74 additions & 0 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,74 @@
    /*
    * 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)
    */

    html, html * {
    background: rgba(0, 0, 0, 0) !important;
    }

    atom-pane, atom-panel, atom-notification {
    background: rgba(0, 0, 0, 0.0777) !important;
    }

    atom-overlay > * {
    background: rgba(0, 0, 0, 0.9) !important;
    }

    ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(84, 102, 152, 0.22);
    }

    atom-text-editor::shadow {
    .cursor-line {
    background-color: rgba(0, 0, 0, 0.2) !important;
    }
    .selection .region {
    background-color: rgba(0, 0, 0, 0.2) !important;
    }
    .gutter {
    background-color: rgba(0, 0, 0, 0) !important;
    }
    }

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

    atom-text-editor .selection .region {
    border: 3px outset red;
    }
    // style the background and foreground colors on the atom-text-editor-element itself
    atom-text-editor {
    // color: white;
    // background-color: hsl(180, 24%, 12%);
    }

    // style UI elements inside atom-text-editor
    atom-text-editor .cursor {
    // border-color: red;
    }

    .directory.entry.status-ignored .list-item, .file.status-ignored {
    color: #735eab !important
    }

    .item-views .tree-view {
    margin-top: 11px;
    color: #8f99b7 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    }