Giter VIP home page Giter VIP logo

highlight-line's Introduction

Build Status

Highlight Line Package

Highlights the current line in the editor; really simple.

screenshot

You can now also underline the the current lines thanks to @sniperbat. This isn't enabled by default, and you can edit the colour and type of line.

screenshot

When selecting more than one line of text, you can enable selection borders at the top and bottom of the selections. This isn't enabled by default. Courtesy of @djak250

screenshot

You can now toggle the highlighted line by: cmd+alt+H You can now toggle the hiding the highlight on selecting text by: cmd+shift+alt+H

You can now toggle the underline by: cmd+alt+U You can now toggle the selection borders by: cmd+shift+alt+U

I've moved this package to use the new decorations API and as such we can no longer set arbitrary style on the lines. So, this means no more entering colours/ opacity in the settings.

Customisation

You can update the colours by either updating the line-colors.less file once you've installed the package. Or by adding the following to your syle.less

I don't use the .cursor-line class as when you make selection on the same line, you then lose the highlight.

atom-text-editor::shadow {
  // The cursor line important to use rgba for opacity, also requires !important
  // to override any theme.
  .line.highlight-line {
    background: rgba(255, 0, 0, 0.3) !important;
  }

  // Replace 'solid', with 'dashed' or 'dotted' depending of what you have
  // set in the settings page.

  // This is for the bottom line (underline)
  .line.highlight-line-multi-line-solid-bottom {
    border-bottom-color: red;
  }

  // This is for the top line when you have the selection borders enabled.
  .line.highlight-line-multi-line-solid-top {
    border-top-color: red;
  }
}

To remove unused settings delete them from your config.cson.

highlight-line's People

Contributors

richrace avatar sniperbat avatar skulled avatar kelp404 avatar philnash avatar

Watchers

Jorrit Schippers avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.