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 789
  • Win 333
  • Mac 370
  • Linux 86
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 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19
Windows 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 1 0 2 0 0 0 0 0 0 0 0
Mac 0 0 0 0 0 0 0 0 0 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 0 0 0 1 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.