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

FT Origami

by Financial-Times ST2/ST3

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

Details

Installs

  • Total 551
  • Win 208
  • OS X 285
  • Linux 58
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 Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7
Windows 0 0 0 0 1 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 0 0 0 0 0 0 0 0 0 0 0 0 0 0
OS X 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 1 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 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 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.