ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

FT Origami

by Financial-Times ALL

FT Origami is a Sublime Text Plugin with auto-completion and colour highlighting

Details

Installs

  • Total 770
  • Win 322
  • Mac 365
  • Linux 83
Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30 Sep 29 Sep 28 Sep 27 Sep 26 Sep 25 Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3 Sep 2 Sep 1 Aug 31 Aug 30
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 2 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

FT Origami

FT Origami is a plugin for the editor Sublime Text 2 and 3, which shows Origami colors in code and adds code autocomplete for commonly used snippets.

Based on Origami itself and the Origami color palette

This package is a fork of ColorHighlighter.

Installation

  • Recommended - Using Sublime Package Control
    • ctrl+shft+p then select Package Control: Install Package
    • install FT Origami
  • Alternatively, download the package from GitHub into your Packages folder
  • For icons install ImageMagick

Usage

Just click or move the cursor (or multiple cursors) on the color code e.g. “#FFFFFF” and it'll be highlighted with its real color.

These color formats are currently supported:

  • All CSS color formats.
  • Hexadecimal RGBA (“#FFFFFFFF”).
  • Hexadecimal ARGB (“#FFFFFFFF”) (if you set the setting argb to true).
  • Named colors like “green”, “black” and many others.
  • Less/Sass/SCSS/Stylus variables (supports importing from another files).
  • [VAL, VAL, VAL] and [VAL, VAL, VAL, VAL] when editing *.sublime-theme files. Where VAL can be the following:
    • An integer: from 0 to 255.
    • A float value from 0.0 to 1.0, you can also skip leading zero (like that: .25)
    • A percentage from 0% to 100%.

Settings

You can choose the highliting style from:

  • “Filled”, “outlined”, “none” in ST2.
  • “Filled”, “outlined”, “none”, “underlined” (solid, strippled, squiggly) in ST3.

You can also turn on highlighting all colors at once. This mode has own highlighting style, so you can highlight all colors with underline and selected colors with filled rect.

You can also enable icons, which will be shown in the gutter of a file (ST3 only).

You can also set the color highlighter to use Hexadecimal ARGB instead of RGBA.

You can always turn off default keybindings via main menu.