From james@vennt.net Wed May 23 11:56:07 2007
From: james@vennt.net
To: textmate@lists.macromates.com
Subject: [TxMt] List all colours in a CSS file command
Date: Wed, 23 May 2007 04:56:05 -0700
Message-ID: <1838.80.229.93.65.1179921365.squirrel@webmail.vennt.net>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============4463797323776048982=="
--===============4463797323776048982==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 7bit
I've made a command which will list all colours in a CSS file as a list of
swatches.
At the minute it only does Hex colours also I would like it if you could
click
colours and it would jump to them in your document but I lack the ruby
skills as I'm sure you will notice from the shoddy
"colourArrayToTrim.each" bit.
Anyway some people might find it useful
input:entire document
output:show as HTML
activation:Key cmd+shift+opt+ctrl+c (ALL modifiers + C, to show ALL
colours ;) )
scope: source.css
Code as follows:
#!/usr/bin/env ruby
file = STDIN.read
fileName = ENV['TM_FILENAME']
hex = Regexp.new(/(#(\d|[a-f]|[A-F]){3,6})/)
colourArrayToTrim = file.scan(hex)
colourArray = []
colourArrayToTrim.each { |colour|
colourArray.push colour.shift
}
puts '
Colours
'
puts "Colours used #{fileName}
"
colourArray.each { |colour|
puts "
#{colour}
"
}
puts "
"
--===============4463797323776048982==--
From oblivious@subtlegradient.com Wed May 23 13:44:33 2007
From: "Thomas Aylott (subtleGradient)"
To: textmate@lists.macromates.com
Subject: Re: [TxMt] List all colours in a CSS file command
Date: Wed, 23 May 2007 09:44:29 -0400
Message-ID: <33A9A24F-2A7D-4DA1-88A8-D5A59E111051@subtlegradient.com>
In-Reply-To: <1838.80.229.93.65.1179921365.squirrel@webmail.vennt.net>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============3783939426633271042=="
--===============3783939426633271042==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
On May 23, 2007, at 7:56 AM, james(a)vennt.net wrote:
> I've made a command which will list all colours in a CSS file as a
> list of
> swatches.
Funny, me too.
Experimental bundle:
Show Hex Colors
http://macromates.com/svn/Bundles/trunk/Bundles/Experimental.tmbundle/
Commands/Show%20Hex%20Colors.tmCommand
This one just lists all your hex colors as swatches, sorted by hue.
Replace Hex Colors
http://macromates.com/svn/Bundles/trunk/Bundles/Experimental.tmbundle/
Commands/Replace%20Hex%20Colors.tmCommand
This one allows you to click the swatches and change the color using
the Apple Color Picker. It then replaces those hex values in your
document.
thomas Aylott — subtleGradient — CrazyEgg — sixteenColors
--===============3783939426633271042==
Content-Type: text/html
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="attachment.htm"
MIME-Version: 1.0
PEhUTUw+PEJPRFkgc3R5bGU9IndvcmQtd3JhcDogYnJlYWstd29yZDsgLWtodG1sLW5ic3AtbW9k
ZTogc3BhY2U7IC1raHRtbC1saW5lLWJyZWFrOiBhZnRlci13aGl0ZS1zcGFjZTsgIj48RElWPjxE
SVY+T24gTWF5IDIzLCAyMDA3LCBhdCA3OjU2IEFNLCA8QSBocmVmPSJtYWlsdG86amFtZXNAdmVu
bnQubmV0Ij5qYW1lc0B2ZW5udC5uZXQ8L0E+IHdyb3RlOjwvRElWPjxCUiBjbGFzcz0iQXBwbGUt
aW50ZXJjaGFuZ2UtbmV3bGluZSI+PEJMT0NLUVVPVEUgdHlwZT0iY2l0ZSI+PFAgc3R5bGU9Im1h
cmdpbjogMC4wcHggMC4wcHggMC4wcHggMC4wcHgiPjxGT05UIGZhY2U9IkhlbHZldGljYSIgc2l6
ZT0iMyIgc3R5bGU9ImZvbnQ6IDEyLjBweCBIZWx2ZXRpY2EiPkkndmUgbWFkZSBhIGNvbW1hbmQg
d2hpY2ggd2lsbCBsaXN0IGFsbCBjb2xvdXJzIGluIGEgQ1NTIGZpbGUgYXMgYSBsaXN0IG9mPC9G
T05UPjwvUD4gPFAgc3R5bGU9Im1hcmdpbjogMC4wcHggMC4wcHggMC4wcHggMC4wcHgiPjxGT05U
IGZhY2U9IkhlbHZldGljYSIgc2l6ZT0iMyIgc3R5bGU9ImZvbnQ6IDEyLjBweCBIZWx2ZXRpY2Ei
PnN3YXRjaGVzLjwvRk9OVD48L1A+IDwvQkxPQ0tRVU9URT48L0RJVj48QlI+PERJVj5GdW5ueSwg
bWUgdG9vLjwvRElWPjxESVY+PEJSIGNsYXNzPSJraHRtbC1ibG9jay1wbGFjZWhvbGRlciI+PC9E
SVY+PERJViBzdHlsZT0iZm9udC1zaXplOiAxNHB4OyAiPjxCPkV4cGVyaW1lbnRhbCBidW5kbGU6
PC9CPjwvRElWPjxESVY+PEJSIGNsYXNzPSJraHRtbC1ibG9jay1wbGFjZWhvbGRlciI+PC9ESVY+
PERJVj48Qj5TaG93IEhleCBDb2xvcnM8L0I+PC9ESVY+PERJVj48QSBocmVmPSJodHRwOi8vbWFj
cm9tYXRlcy5jb20vc3ZuL0J1bmRsZXMvdHJ1bmsvQnVuZGxlcy9FeHBlcmltZW50YWwudG1idW5k
bGUvQ29tbWFuZHMvU2hvdyUyMEhleCUyMENvbG9ycy50bUNvbW1hbmQiPmh0dHA6Ly9tYWNyb21h
dGVzLmNvbS9zdm4vQnVuZGxlcy90cnVuay9CdW5kbGVzL0V4cGVyaW1lbnRhbC50bWJ1bmRsZS9D
b21tYW5kcy9TaG93JTIwSGV4JTIwQ29sb3JzLnRtQ29tbWFuZDwvQT48L0RJVj48RElWPjxTUEFO
IGNsYXNzPSJBcHBsZS10YWItc3BhbiIgc3R5bGU9IndoaXRlLXNwYWNlOnByZSI+CTwvU1BBTj5U
aGlzIG9uZSBqdXN0IGxpc3RzIGFsbCB5b3VyIGhleCBjb2xvcnMgYXMgc3dhdGNoZXMsIHNvcnRl
ZCBieSBodWUuPC9ESVY+PERJVj48QlIgY2xhc3M9ImtodG1sLWJsb2NrLXBsYWNlaG9sZGVyIj48
L0RJVj48RElWPjxCPlJlcGxhY2UgSGV4IENvbG9yczwvQj48L0RJVj48RElWPjxBIGhyZWY9Imh0
dHA6Ly9tYWNyb21hdGVzLmNvbS9zdm4vQnVuZGxlcy90cnVuay9CdW5kbGVzL0V4cGVyaW1lbnRh
bC50bWJ1bmRsZS9Db21tYW5kcy9SZXBsYWNlJTIwSGV4JTIwQ29sb3JzLnRtQ29tbWFuZCI+aHR0
cDovL21hY3JvbWF0ZXMuY29tL3N2bi9CdW5kbGVzL3RydW5rL0J1bmRsZXMvRXhwZXJpbWVudGFs
LnRtYnVuZGxlL0NvbW1hbmRzL1JlcGxhY2UlMjBIZXglMjBDb2xvcnMudG1Db21tYW5kPC9BPjwv
RElWPjxESVY+PFNQQU4gY2xhc3M9IkFwcGxlLXRhYi1zcGFuIiBzdHlsZT0id2hpdGUtc3BhY2U6
cHJlIj4JPC9TUEFOPlRoaXMgb25lIGFsbG93cyB5b3UgdG8gY2xpY2sgdGhlIHN3YXRjaGVzIGFu
ZCBjaGFuZ2UgdGhlIGNvbG9yIHVzaW5nIHRoZSBBcHBsZSBDb2xvciBQaWNrZXIuIEl0IHRoZW4g
cmVwbGFjZXMgdGhvc2UgaGV4IHZhbHVlcyBpbiB5b3VyIGRvY3VtZW50LjwvRElWPjxESVY+PEJS
PjxESVY+dGhvbWFzIEF5bG90dKCXoDxCPnN1YnRsZUdyYWRpZW50oDwvQj6XoENyYXp5RWdnIJcg
c2l4dGVlbkNvbG9yczwvRElWPjwvRElWPjwvQk9EWT48L0hUTUw+
--===============3783939426633271042==--