my atom settings

README.md

my atom settings

• changing wallpaper, colors (styles.less)
• changing tabe25m wallpaper (tabe25m.less)

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automastartstarttically
 * 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: hsl(180, 24%, 12%);
}

// style UI elements inside atom-text-editor
@color: rgb(200,200,200);
atom-text-editor::shadow {
    .cursor {
        border-color: fade(lime, 50%);
    }

    .line.cursor-line {
        background: fade(@color, 20%);
    }

    .trailing-whitespace {
        background-color: fade(@color, 50%);
    }
    .gutter .cursor-line {
      background-color: fade(@color, 50%);
    }
    .highlights {
      .selection .region {
        background: fade(@color, 30%);
      }
    }



}
@backgournd-img: url('C:/Users/umi/GitHub/atom_wallpapers/wp.jpg') no-repeat fixed right top/1440px 960px rgba(40,44,52,0.5);


.tree-view {
  background: @backgournd-img;
}

atom-text-editor {
  background: @backgournd-img;
}

atom-workspace-axis {
  background: @backgournd-img;
  .pane {
    opacity:1;
  }
  .active {
    opacity: 1;
  }
}
.platformio-ide-terminal .xterm {
  background: @backgournd-img;

  ::selection {
    background: @backgournd-img;
  }

  .terminal-cursor {
    background: @backgournd-img;
  }
}

tabe25m.less

// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

.tabe25m-view {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999;
  pointer-events: none;
  background: fadeout(@app-background-color, 0%) url('C:/Users/umi/GitHub/atom_wallpapers/wp.jpg') no-repeat fixed right top/1440px 960px;
  color: @text-color;
  text-align: start;
  font-size: 3vw;
  // transition: 1.5s opacity linear;
  transform: translateZ(0);
  > div {
    position: absolute;
    top: 90%;
    left: 10%;
    right: 0;
    transform: translateY(-50%);
  }
}