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 544
  • Win 205
  • OS X 281
  • Linux 58
Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 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 1
OS X 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 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.