color_swatch_collection 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +35 -1
- data/lib/color_swatch_collection/configuration.rb +33 -0
- data/lib/color_swatch_collection/tailwind/tailwind_v1.rb +112 -112
- data/lib/color_swatch_collection/tailwind/tailwind_v2.rb +97 -97
- data/lib/color_swatch_collection/tailwind/tailwind_v3.rb +273 -273
- data/lib/color_swatch_collection/tailwind/tailwind_v4.rb +275 -275
- data/lib/color_swatch_collection/version.rb +1 -1
- data/lib/color_swatch_collection.rb +26 -15
- metadata +4 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3c33e19ce756e2c40272172029ed87ba569bf679d94b2a5bec80e774e6ce2af9
|
|
4
|
+
data.tar.gz: 3b94a3508eebed24d44ae5ad90d37ea43333ccd1224998597ead949c1d01ab76
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 054ba29c6805fad880b80157e80769d3322359597c23af843f91db46a7c8bb89f4c2f3c853bcc173bbf755191f3807290f25d3f0b8c78e431f7f3a45a92d1e1e
|
|
7
|
+
data.tar.gz: dec2e013e68c65088d2410ca58113e890aade188ce6299754e8b05117d95ec9a92fc8c0623d465cb024f8e927876d1ae8d6b2a01d4efbfc6b705c54653273026
|
data/README.md
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
# ColorSwatchCollection
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
[](https://rubygems.org/gems/color_swatch_collection)
|
|
5
|
+
|
|
3
6
|
> Find a colour swatch from various collections.
|
|
4
7
|
|
|
5
8
|
ColorSwatchCollection is a ruby gem package for use in ruby or other projects that provides colour swatches with their name and hex code from various collections. You can find colour swatches by providing either the name or hex code you want to search against. You can also query collection colour lists directly.
|
|
@@ -75,7 +78,7 @@ ColorSwatchCollection.get_colours(pick: ['basic'])
|
|
|
75
78
|
|
|
76
79
|
### omit
|
|
77
80
|
|
|
78
|
-
The opposite of `options.pick
|
|
81
|
+
The opposite of `options.pick` and when used alongside the `pick` option the `omit` option has precedence.
|
|
79
82
|
It can be used for `get_from_hex`, `get_from_name`, or `get_colours`.
|
|
80
83
|
|
|
81
84
|
```ruby
|
|
@@ -84,6 +87,37 @@ ColorSwatchCollection.get_from_name('blue', omit: ['ntc'])
|
|
|
84
87
|
ColorSwatchCollection.get_colours(omit: ['ntc', 'basic'])
|
|
85
88
|
```
|
|
86
89
|
|
|
90
|
+
## Configuration
|
|
91
|
+
|
|
92
|
+
Create an initializer file to allow you to set the collections you want to always pick or omit rather than having to set them each time you call a method:
|
|
93
|
+
|
|
94
|
+
```ruby
|
|
95
|
+
# config/initializers/color_swatch_collection.rb
|
|
96
|
+
|
|
97
|
+
ColorSwatchCollection.configure do |config|
|
|
98
|
+
config.default_collection_picks = ['x11', 'css']
|
|
99
|
+
config.default_collection_omits = ['pantone']
|
|
100
|
+
end
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
There are reader and resetter methods that can be called to view the current configuration and to reset the values
|
|
104
|
+
|
|
105
|
+
```ruby
|
|
106
|
+
ColorSwatchCollection.configuration
|
|
107
|
+
=> <ColorSwatchCollection::Configuration @default_collection_omits=["pantone"], @default_collection_picks=["x11", "css"]>
|
|
108
|
+
|
|
109
|
+
ColorSwatchCollection.reset_configuration!
|
|
110
|
+
=> <ColorSwatchCollection::Configuration @default_collection_omits=[], @default_collection_picks=[]>
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
These defaults can be overridden if `pick` or `omit` are called explicitly in a method, as shown in the `Options` section.
|
|
114
|
+
To unset them in a way that provides the default behaviour, all collections in `pick` and no collection in `omit`, pass '[]'.
|
|
115
|
+
|
|
116
|
+
```ruby
|
|
117
|
+
ColorSwatchCollection.get_from_hex('#00FF00', pick: ['[]]'])
|
|
118
|
+
ColorSwatchCollection.get_from_hex('#00FF00', omit: ['[]]'])
|
|
119
|
+
```
|
|
120
|
+
|
|
87
121
|
## Development
|
|
88
122
|
|
|
89
123
|
After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module ColorSwatchCollection
|
|
4
|
+
class Configuration
|
|
5
|
+
attr_accessor :default_collection_picks, :default_collection_omits
|
|
6
|
+
|
|
7
|
+
def initialize
|
|
8
|
+
@default_collection_picks = [] # Empty by default
|
|
9
|
+
@default_collection_omits = [] # Empty by default
|
|
10
|
+
end
|
|
11
|
+
|
|
12
|
+
def reset!
|
|
13
|
+
@default_collection_picks = []
|
|
14
|
+
@default_collection_omits = []
|
|
15
|
+
end
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
class << self
|
|
19
|
+
attr_writer :configuration
|
|
20
|
+
|
|
21
|
+
def configuration
|
|
22
|
+
@configuration ||= Configuration.new
|
|
23
|
+
end
|
|
24
|
+
|
|
25
|
+
def configure
|
|
26
|
+
yield(configuration)
|
|
27
|
+
end
|
|
28
|
+
|
|
29
|
+
def reset_configuration!
|
|
30
|
+
@configuration = Configuration.new
|
|
31
|
+
end
|
|
32
|
+
end
|
|
33
|
+
end
|
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module ColorSwatchCollection
|
|
4
|
-
class TailwindV1
|
|
5
|
-
def self.colours
|
|
6
|
-
[
|
|
7
|
-
{ name: 'black', hex: '#000000' },
|
|
8
|
-
{ name: 'white', hex: '#FFFFFF' },
|
|
9
|
-
|
|
10
|
-
{ name: 'gray-100', hex: '#F7FAFC' },
|
|
11
|
-
{ name: 'gray-200', hex: '#EDF2F7' },
|
|
12
|
-
{ name: 'gray-300', hex: '#E2E8F0' },
|
|
13
|
-
{ name: 'gray-400', hex: '#CBD5E0' },
|
|
14
|
-
{ name: 'gray-500', hex: '#A0AEC0' },
|
|
15
|
-
{ name: 'gray-600', hex: '#718096' },
|
|
16
|
-
{ name: 'gray-700', hex: '#4A5568' },
|
|
17
|
-
{ name: 'gray-800', hex: '#2D3748' },
|
|
18
|
-
{ name: 'gray-900', hex: '#1A202C' },
|
|
19
|
-
|
|
20
|
-
{ name: 'red-100', hex: '#FFF5F5' },
|
|
21
|
-
{ name: 'red-200', hex: '#FED7D7' },
|
|
22
|
-
{ name: 'red-300', hex: '#FEB2B2' },
|
|
23
|
-
{ name: 'red-400', hex: '#FC8181' },
|
|
24
|
-
{ name: 'red-500', hex: '#F56565' },
|
|
25
|
-
{ name: 'red-600', hex: '#E53E3E' },
|
|
26
|
-
{ name: 'red-700', hex: '#C53030' },
|
|
27
|
-
{ name: 'red-800', hex: '#9B2C2C' },
|
|
28
|
-
{ name: 'red-900', hex: '#742A2A' },
|
|
29
|
-
|
|
30
|
-
{ name: 'orange-100', hex: '#FFFAF0' },
|
|
31
|
-
{ name: 'orange-200', hex: '#FEEBC8' },
|
|
32
|
-
{ name: 'orange-300', hex: '#FBD38D' },
|
|
33
|
-
{ name: 'orange-400', hex: '#F6AD55' },
|
|
34
|
-
{ name: 'orange-500', hex: '#ED8936' },
|
|
35
|
-
{ name: 'orange-600', hex: '#DD6B20' },
|
|
36
|
-
{ name: 'orange-700', hex: '#C05621' },
|
|
37
|
-
{ name: 'orange-800', hex: '#9C4221' },
|
|
38
|
-
{ name: 'orange-900', hex: '#7B341E' },
|
|
39
|
-
|
|
40
|
-
{ name: 'yellow-100', hex: '#FFFFF0' },
|
|
41
|
-
{ name: 'yellow-200', hex: '#FEFCBF' },
|
|
42
|
-
{ name: 'yellow-300', hex: '#FAF089' },
|
|
43
|
-
{ name: 'yellow-400', hex: '#F6E05E' },
|
|
44
|
-
{ name: 'yellow-500', hex: '#ECC94B' },
|
|
45
|
-
{ name: 'yellow-600', hex: '#D69E2E' },
|
|
46
|
-
{ name: 'yellow-700', hex: '#B7791F' },
|
|
47
|
-
{ name: 'yellow-800', hex: '#975A16' },
|
|
48
|
-
{ name: 'yellow-900', hex: '#744210' },
|
|
49
|
-
|
|
50
|
-
{ name: 'green-100', hex: '#F0FFF4' },
|
|
51
|
-
{ name: 'green-200', hex: '#C6F6D5' },
|
|
52
|
-
{ name: 'green-300', hex: '#9AE6B4' },
|
|
53
|
-
{ name: 'green-400', hex: '#68D391' },
|
|
54
|
-
{ name: 'green-500', hex: '#48BB78' },
|
|
55
|
-
{ name: 'green-600', hex: '#38A169' },
|
|
56
|
-
{ name: 'green-700', hex: '#2F855A' },
|
|
57
|
-
{ name: 'green-800', hex: '#276749' },
|
|
58
|
-
{ name: 'green-900', hex: '#22543D' },
|
|
59
|
-
|
|
60
|
-
{ name: 'teal-100', hex: '#E6FFFA' },
|
|
61
|
-
{ name: 'teal-200', hex: '#B2F5EA' },
|
|
62
|
-
{ name: 'teal-300', hex: '#81E6D9' },
|
|
63
|
-
{ name: 'teal-400', hex: '#4FD1C5' },
|
|
64
|
-
{ name: 'teal-500', hex: '#38B2AC' },
|
|
65
|
-
{ name: 'teal-600', hex: '#319795' },
|
|
66
|
-
{ name: 'teal-700', hex: '#2C7A7B' },
|
|
67
|
-
{ name: 'teal-800', hex: '#285E61' },
|
|
68
|
-
{ name: 'teal-900', hex: '#234E52' },
|
|
69
|
-
|
|
70
|
-
{ name: 'blue-100', hex: '#EBF8FF' },
|
|
71
|
-
{ name: 'blue-200', hex: '#BEE3F8' },
|
|
72
|
-
{ name: 'blue-300', hex: '#90CDF4' },
|
|
73
|
-
{ name: 'blue-400', hex: '#63B3ED' },
|
|
74
|
-
{ name: 'blue-500', hex: '#4299E1' },
|
|
75
|
-
{ name: 'blue-600', hex: '#3182CE' },
|
|
76
|
-
{ name: 'blue-700', hex: '#2B6CB0' },
|
|
77
|
-
{ name: 'blue-800', hex: '#2C5282' },
|
|
78
|
-
{ name: 'blue-900', hex: '#2A4365' },
|
|
79
|
-
|
|
80
|
-
{ name: 'indigo-100', hex: '#EBF4FF' },
|
|
81
|
-
{ name: 'indigo-200', hex: '#C3DAFE' },
|
|
82
|
-
{ name: 'indigo-300', hex: '#A3BFFA' },
|
|
83
|
-
{ name: 'indigo-400', hex: '#7F9CF5' },
|
|
84
|
-
{ name: 'indigo-500', hex: '#667EEA' },
|
|
85
|
-
{ name: 'indigo-600', hex: '#5A67D8' },
|
|
86
|
-
{ name: 'indigo-700', hex: '#4C51BF' },
|
|
87
|
-
{ name: 'indigo-800', hex: '#434190' },
|
|
88
|
-
{ name: 'indigo-900', hex: '#3C366B' },
|
|
89
|
-
|
|
90
|
-
{ name: 'purple-100', hex: '#FAF5FF' },
|
|
91
|
-
{ name: 'purple-200', hex: '#E9D8FD' },
|
|
92
|
-
{ name: 'purple-300', hex: '#D6BCFA' },
|
|
93
|
-
{ name: 'purple-400', hex: '#B794F4' },
|
|
94
|
-
{ name: 'purple-500', hex: '#9F7AEA' },
|
|
95
|
-
{ name: 'purple-600', hex: '#805AD5' },
|
|
96
|
-
{ name: 'purple-700', hex: '#6B46C1' },
|
|
97
|
-
{ name: 'purple-800', hex: '#553C9A' },
|
|
98
|
-
{ name: 'purple-900', hex: '#44337A' },
|
|
99
|
-
|
|
100
|
-
{ name: 'pink-100', hex: '#FFF5F7' },
|
|
101
|
-
{ name: 'pink-200', hex: '#FED7E2' },
|
|
102
|
-
{ name: 'pink-300', hex: '#FBB6CE' },
|
|
103
|
-
{ name: 'pink-400', hex: '#F687B3' },
|
|
104
|
-
{ name: 'pink-500', hex: '#ED64A6' },
|
|
105
|
-
{ name: 'pink-600', hex: '#D53F8C' },
|
|
106
|
-
{ name: 'pink-700', hex: '#B83280' },
|
|
107
|
-
{ name: 'pink-800', hex: '#97266D' },
|
|
108
|
-
{ name: 'pink-900', hex: '#702459' }
|
|
109
|
-
]
|
|
110
|
-
end
|
|
111
|
-
end
|
|
112
|
-
end
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module ColorSwatchCollection
|
|
4
|
+
class TailwindV1
|
|
5
|
+
def self.colours
|
|
6
|
+
[
|
|
7
|
+
{ name: 'black', hex: '#000000' },
|
|
8
|
+
{ name: 'white', hex: '#FFFFFF' },
|
|
9
|
+
|
|
10
|
+
{ name: 'gray-100', hex: '#F7FAFC' },
|
|
11
|
+
{ name: 'gray-200', hex: '#EDF2F7' },
|
|
12
|
+
{ name: 'gray-300', hex: '#E2E8F0' },
|
|
13
|
+
{ name: 'gray-400', hex: '#CBD5E0' },
|
|
14
|
+
{ name: 'gray-500', hex: '#A0AEC0' },
|
|
15
|
+
{ name: 'gray-600', hex: '#718096' },
|
|
16
|
+
{ name: 'gray-700', hex: '#4A5568' },
|
|
17
|
+
{ name: 'gray-800', hex: '#2D3748' },
|
|
18
|
+
{ name: 'gray-900', hex: '#1A202C' },
|
|
19
|
+
|
|
20
|
+
{ name: 'red-100', hex: '#FFF5F5' },
|
|
21
|
+
{ name: 'red-200', hex: '#FED7D7' },
|
|
22
|
+
{ name: 'red-300', hex: '#FEB2B2' },
|
|
23
|
+
{ name: 'red-400', hex: '#FC8181' },
|
|
24
|
+
{ name: 'red-500', hex: '#F56565' },
|
|
25
|
+
{ name: 'red-600', hex: '#E53E3E' },
|
|
26
|
+
{ name: 'red-700', hex: '#C53030' },
|
|
27
|
+
{ name: 'red-800', hex: '#9B2C2C' },
|
|
28
|
+
{ name: 'red-900', hex: '#742A2A' },
|
|
29
|
+
|
|
30
|
+
{ name: 'orange-100', hex: '#FFFAF0' },
|
|
31
|
+
{ name: 'orange-200', hex: '#FEEBC8' },
|
|
32
|
+
{ name: 'orange-300', hex: '#FBD38D' },
|
|
33
|
+
{ name: 'orange-400', hex: '#F6AD55' },
|
|
34
|
+
{ name: 'orange-500', hex: '#ED8936' },
|
|
35
|
+
{ name: 'orange-600', hex: '#DD6B20' },
|
|
36
|
+
{ name: 'orange-700', hex: '#C05621' },
|
|
37
|
+
{ name: 'orange-800', hex: '#9C4221' },
|
|
38
|
+
{ name: 'orange-900', hex: '#7B341E' },
|
|
39
|
+
|
|
40
|
+
{ name: 'yellow-100', hex: '#FFFFF0' },
|
|
41
|
+
{ name: 'yellow-200', hex: '#FEFCBF' },
|
|
42
|
+
{ name: 'yellow-300', hex: '#FAF089' },
|
|
43
|
+
{ name: 'yellow-400', hex: '#F6E05E' },
|
|
44
|
+
{ name: 'yellow-500', hex: '#ECC94B' },
|
|
45
|
+
{ name: 'yellow-600', hex: '#D69E2E' },
|
|
46
|
+
{ name: 'yellow-700', hex: '#B7791F' },
|
|
47
|
+
{ name: 'yellow-800', hex: '#975A16' },
|
|
48
|
+
{ name: 'yellow-900', hex: '#744210' },
|
|
49
|
+
|
|
50
|
+
{ name: 'green-100', hex: '#F0FFF4' },
|
|
51
|
+
{ name: 'green-200', hex: '#C6F6D5' },
|
|
52
|
+
{ name: 'green-300', hex: '#9AE6B4' },
|
|
53
|
+
{ name: 'green-400', hex: '#68D391' },
|
|
54
|
+
{ name: 'green-500', hex: '#48BB78' },
|
|
55
|
+
{ name: 'green-600', hex: '#38A169' },
|
|
56
|
+
{ name: 'green-700', hex: '#2F855A' },
|
|
57
|
+
{ name: 'green-800', hex: '#276749' },
|
|
58
|
+
{ name: 'green-900', hex: '#22543D' },
|
|
59
|
+
|
|
60
|
+
{ name: 'teal-100', hex: '#E6FFFA' },
|
|
61
|
+
{ name: 'teal-200', hex: '#B2F5EA' },
|
|
62
|
+
{ name: 'teal-300', hex: '#81E6D9' },
|
|
63
|
+
{ name: 'teal-400', hex: '#4FD1C5' },
|
|
64
|
+
{ name: 'teal-500', hex: '#38B2AC' },
|
|
65
|
+
{ name: 'teal-600', hex: '#319795' },
|
|
66
|
+
{ name: 'teal-700', hex: '#2C7A7B' },
|
|
67
|
+
{ name: 'teal-800', hex: '#285E61' },
|
|
68
|
+
{ name: 'teal-900', hex: '#234E52' },
|
|
69
|
+
|
|
70
|
+
{ name: 'blue-100', hex: '#EBF8FF' },
|
|
71
|
+
{ name: 'blue-200', hex: '#BEE3F8' },
|
|
72
|
+
{ name: 'blue-300', hex: '#90CDF4' },
|
|
73
|
+
{ name: 'blue-400', hex: '#63B3ED' },
|
|
74
|
+
{ name: 'blue-500', hex: '#4299E1' },
|
|
75
|
+
{ name: 'blue-600', hex: '#3182CE' },
|
|
76
|
+
{ name: 'blue-700', hex: '#2B6CB0' },
|
|
77
|
+
{ name: 'blue-800', hex: '#2C5282' },
|
|
78
|
+
{ name: 'blue-900', hex: '#2A4365' },
|
|
79
|
+
|
|
80
|
+
{ name: 'indigo-100', hex: '#EBF4FF' },
|
|
81
|
+
{ name: 'indigo-200', hex: '#C3DAFE' },
|
|
82
|
+
{ name: 'indigo-300', hex: '#A3BFFA' },
|
|
83
|
+
{ name: 'indigo-400', hex: '#7F9CF5' },
|
|
84
|
+
{ name: 'indigo-500', hex: '#667EEA' },
|
|
85
|
+
{ name: 'indigo-600', hex: '#5A67D8' },
|
|
86
|
+
{ name: 'indigo-700', hex: '#4C51BF' },
|
|
87
|
+
{ name: 'indigo-800', hex: '#434190' },
|
|
88
|
+
{ name: 'indigo-900', hex: '#3C366B' },
|
|
89
|
+
|
|
90
|
+
{ name: 'purple-100', hex: '#FAF5FF' },
|
|
91
|
+
{ name: 'purple-200', hex: '#E9D8FD' },
|
|
92
|
+
{ name: 'purple-300', hex: '#D6BCFA' },
|
|
93
|
+
{ name: 'purple-400', hex: '#B794F4' },
|
|
94
|
+
{ name: 'purple-500', hex: '#9F7AEA' },
|
|
95
|
+
{ name: 'purple-600', hex: '#805AD5' },
|
|
96
|
+
{ name: 'purple-700', hex: '#6B46C1' },
|
|
97
|
+
{ name: 'purple-800', hex: '#553C9A' },
|
|
98
|
+
{ name: 'purple-900', hex: '#44337A' },
|
|
99
|
+
|
|
100
|
+
{ name: 'pink-100', hex: '#FFF5F7' },
|
|
101
|
+
{ name: 'pink-200', hex: '#FED7E2' },
|
|
102
|
+
{ name: 'pink-300', hex: '#FBB6CE' },
|
|
103
|
+
{ name: 'pink-400', hex: '#F687B3' },
|
|
104
|
+
{ name: 'pink-500', hex: '#ED64A6' },
|
|
105
|
+
{ name: 'pink-600', hex: '#D53F8C' },
|
|
106
|
+
{ name: 'pink-700', hex: '#B83280' },
|
|
107
|
+
{ name: 'pink-800', hex: '#97266D' },
|
|
108
|
+
{ name: 'pink-900', hex: '#702459' }
|
|
109
|
+
]
|
|
110
|
+
end
|
|
111
|
+
end
|
|
112
|
+
end
|
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module ColorSwatchCollection
|
|
4
|
-
class TailwindV2
|
|
5
|
-
def self.colours
|
|
6
|
-
[
|
|
7
|
-
{ name: 'gray-50', hex: '#F9FAFB' },
|
|
8
|
-
{ name: 'gray-100', hex: '#F3F4F6' },
|
|
9
|
-
{ name: 'gray-200', hex: '#E5E7EB' },
|
|
10
|
-
{ name: 'gray-300', hex: '#D1D5DB' },
|
|
11
|
-
{ name: 'gray-400', hex: '#9CA3AF' },
|
|
12
|
-
{ name: 'gray-500', hex: '#6B7280' },
|
|
13
|
-
{ name: 'gray-600', hex: '#4B5563' },
|
|
14
|
-
{ name: 'gray-700', hex: '#374151' },
|
|
15
|
-
{ name: 'gray-800', hex: '#1F2937' },
|
|
16
|
-
{ name: 'gray-900', hex: '#111827' },
|
|
17
|
-
|
|
18
|
-
{ name: 'red-50', hex: '#FEF2F2' },
|
|
19
|
-
{ name: 'red-100', hex: '#FEE2E2' },
|
|
20
|
-
{ name: 'red-200', hex: '#FECACA' },
|
|
21
|
-
{ name: 'red-300', hex: '#FCA5A5' },
|
|
22
|
-
{ name: 'red-400', hex: '#F87171' },
|
|
23
|
-
{ name: 'red-500', hex: '#EF4444' },
|
|
24
|
-
{ name: 'red-600', hex: '#DC2626' },
|
|
25
|
-
{ name: 'red-700', hex: '#B91C1C' },
|
|
26
|
-
{ name: 'red-800', hex: '#991B1B' },
|
|
27
|
-
{ name: 'red-900', hex: '#7F1D1D' },
|
|
28
|
-
|
|
29
|
-
{ name: 'yellow-50', hex: '#FFFBEB' },
|
|
30
|
-
{ name: 'yellow-100', hex: '#FEF3C7' },
|
|
31
|
-
{ name: 'yellow-200', hex: '#FDE68A' },
|
|
32
|
-
{ name: 'yellow-300', hex: '#FCD34D' },
|
|
33
|
-
{ name: 'yellow-400', hex: '#FBBF24' },
|
|
34
|
-
{ name: 'yellow-500', hex: '#F59E0B' },
|
|
35
|
-
{ name: 'yellow-600', hex: '#D97706' },
|
|
36
|
-
{ name: 'yellow-700', hex: '#B45309' },
|
|
37
|
-
{ name: 'yellow-800', hex: '#92400E' },
|
|
38
|
-
{ name: 'yellow-900', hex: '#78350F' },
|
|
39
|
-
|
|
40
|
-
{ name: 'green-50', hex: '#ECFDF5' },
|
|
41
|
-
{ name: 'green-100', hex: '#D1FAE5' },
|
|
42
|
-
{ name: 'green-200', hex: '#A7F3D0' },
|
|
43
|
-
{ name: 'green-300', hex: '#6EE7B7' },
|
|
44
|
-
{ name: 'green-400', hex: '#34D399' },
|
|
45
|
-
{ name: 'green-500', hex: '#10B981' },
|
|
46
|
-
{ name: 'green-600', hex: '#059669' },
|
|
47
|
-
{ name: 'green-700', hex: '#047857' },
|
|
48
|
-
{ name: 'green-800', hex: '#065F46' },
|
|
49
|
-
{ name: 'green-900', hex: '#064E3B' },
|
|
50
|
-
|
|
51
|
-
{ name: 'blue-50', hex: '#EFF6FF' },
|
|
52
|
-
{ name: 'blue-100', hex: '#DBEAFE' },
|
|
53
|
-
{ name: 'blue-200', hex: '#BFDBFE' },
|
|
54
|
-
{ name: 'blue-300', hex: '#93C5FD' },
|
|
55
|
-
{ name: 'blue-400', hex: '#60A5FA' },
|
|
56
|
-
{ name: 'blue-500', hex: '#3B82F6' },
|
|
57
|
-
{ name: 'blue-600', hex: '#2563EB' },
|
|
58
|
-
{ name: 'blue-700', hex: '#1D4ED8' },
|
|
59
|
-
{ name: 'blue-800', hex: '#1E40AF' },
|
|
60
|
-
{ name: 'blue-900', hex: '#1E3A8A' },
|
|
61
|
-
|
|
62
|
-
{ name: 'indigo-50', hex: '#EEF2FF' },
|
|
63
|
-
{ name: 'indigo-100', hex: '#E0E7FF' },
|
|
64
|
-
{ name: 'indigo-200', hex: '#C7D2FE' },
|
|
65
|
-
{ name: 'indigo-300', hex: '#A5B4FC' },
|
|
66
|
-
{ name: 'indigo-400', hex: '#818CF8' },
|
|
67
|
-
{ name: 'indigo-500', hex: '#6366F1' },
|
|
68
|
-
{ name: 'indigo-600', hex: '#4F46E5' },
|
|
69
|
-
{ name: 'indigo-700', hex: '#4338CA' },
|
|
70
|
-
{ name: 'indigo-800', hex: '#3730A3' },
|
|
71
|
-
{ name: 'indigo-900', hex: '#312E81' },
|
|
72
|
-
|
|
73
|
-
{ name: 'purple-50', hex: '#F5F3FF' },
|
|
74
|
-
{ name: 'purple-100', hex: '#EDE9FE' },
|
|
75
|
-
{ name: 'purple-200', hex: '#DDD6FE' },
|
|
76
|
-
{ name: 'purple-300', hex: '#C4B5FD' },
|
|
77
|
-
{ name: 'purple-400', hex: '#A78BFA' },
|
|
78
|
-
{ name: 'purple-500', hex: '#8B5CF6' },
|
|
79
|
-
{ name: 'purple-600', hex: '#7C3AED' },
|
|
80
|
-
{ name: 'purple-700', hex: '#6D28D9' },
|
|
81
|
-
{ name: 'purple-800', hex: '#5B21B6' },
|
|
82
|
-
{ name: 'purple-900', hex: '#4C1D95' },
|
|
83
|
-
|
|
84
|
-
{ name: 'pink-50', hex: '#FDF2F8' },
|
|
85
|
-
{ name: 'pink-100', hex: '#FCE7F3' },
|
|
86
|
-
{ name: 'pink-200', hex: '#FBCFE8' },
|
|
87
|
-
{ name: 'pink-300', hex: '#F9A8D4' },
|
|
88
|
-
{ name: 'pink-400', hex: '#F472B6' },
|
|
89
|
-
{ name: 'pink-500', hex: '#EC4899' },
|
|
90
|
-
{ name: 'pink-600', hex: '#DB2777' },
|
|
91
|
-
{ name: 'pink-700', hex: '#BE185D' },
|
|
92
|
-
{ name: 'pink-800', hex: '#9D174D' },
|
|
93
|
-
{ name: 'pink-900', hex: '#831843' }
|
|
94
|
-
]
|
|
95
|
-
end
|
|
96
|
-
end
|
|
97
|
-
end
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module ColorSwatchCollection
|
|
4
|
+
class TailwindV2
|
|
5
|
+
def self.colours
|
|
6
|
+
[
|
|
7
|
+
{ name: 'gray-50', hex: '#F9FAFB' },
|
|
8
|
+
{ name: 'gray-100', hex: '#F3F4F6' },
|
|
9
|
+
{ name: 'gray-200', hex: '#E5E7EB' },
|
|
10
|
+
{ name: 'gray-300', hex: '#D1D5DB' },
|
|
11
|
+
{ name: 'gray-400', hex: '#9CA3AF' },
|
|
12
|
+
{ name: 'gray-500', hex: '#6B7280' },
|
|
13
|
+
{ name: 'gray-600', hex: '#4B5563' },
|
|
14
|
+
{ name: 'gray-700', hex: '#374151' },
|
|
15
|
+
{ name: 'gray-800', hex: '#1F2937' },
|
|
16
|
+
{ name: 'gray-900', hex: '#111827' },
|
|
17
|
+
|
|
18
|
+
{ name: 'red-50', hex: '#FEF2F2' },
|
|
19
|
+
{ name: 'red-100', hex: '#FEE2E2' },
|
|
20
|
+
{ name: 'red-200', hex: '#FECACA' },
|
|
21
|
+
{ name: 'red-300', hex: '#FCA5A5' },
|
|
22
|
+
{ name: 'red-400', hex: '#F87171' },
|
|
23
|
+
{ name: 'red-500', hex: '#EF4444' },
|
|
24
|
+
{ name: 'red-600', hex: '#DC2626' },
|
|
25
|
+
{ name: 'red-700', hex: '#B91C1C' },
|
|
26
|
+
{ name: 'red-800', hex: '#991B1B' },
|
|
27
|
+
{ name: 'red-900', hex: '#7F1D1D' },
|
|
28
|
+
|
|
29
|
+
{ name: 'yellow-50', hex: '#FFFBEB' },
|
|
30
|
+
{ name: 'yellow-100', hex: '#FEF3C7' },
|
|
31
|
+
{ name: 'yellow-200', hex: '#FDE68A' },
|
|
32
|
+
{ name: 'yellow-300', hex: '#FCD34D' },
|
|
33
|
+
{ name: 'yellow-400', hex: '#FBBF24' },
|
|
34
|
+
{ name: 'yellow-500', hex: '#F59E0B' },
|
|
35
|
+
{ name: 'yellow-600', hex: '#D97706' },
|
|
36
|
+
{ name: 'yellow-700', hex: '#B45309' },
|
|
37
|
+
{ name: 'yellow-800', hex: '#92400E' },
|
|
38
|
+
{ name: 'yellow-900', hex: '#78350F' },
|
|
39
|
+
|
|
40
|
+
{ name: 'green-50', hex: '#ECFDF5' },
|
|
41
|
+
{ name: 'green-100', hex: '#D1FAE5' },
|
|
42
|
+
{ name: 'green-200', hex: '#A7F3D0' },
|
|
43
|
+
{ name: 'green-300', hex: '#6EE7B7' },
|
|
44
|
+
{ name: 'green-400', hex: '#34D399' },
|
|
45
|
+
{ name: 'green-500', hex: '#10B981' },
|
|
46
|
+
{ name: 'green-600', hex: '#059669' },
|
|
47
|
+
{ name: 'green-700', hex: '#047857' },
|
|
48
|
+
{ name: 'green-800', hex: '#065F46' },
|
|
49
|
+
{ name: 'green-900', hex: '#064E3B' },
|
|
50
|
+
|
|
51
|
+
{ name: 'blue-50', hex: '#EFF6FF' },
|
|
52
|
+
{ name: 'blue-100', hex: '#DBEAFE' },
|
|
53
|
+
{ name: 'blue-200', hex: '#BFDBFE' },
|
|
54
|
+
{ name: 'blue-300', hex: '#93C5FD' },
|
|
55
|
+
{ name: 'blue-400', hex: '#60A5FA' },
|
|
56
|
+
{ name: 'blue-500', hex: '#3B82F6' },
|
|
57
|
+
{ name: 'blue-600', hex: '#2563EB' },
|
|
58
|
+
{ name: 'blue-700', hex: '#1D4ED8' },
|
|
59
|
+
{ name: 'blue-800', hex: '#1E40AF' },
|
|
60
|
+
{ name: 'blue-900', hex: '#1E3A8A' },
|
|
61
|
+
|
|
62
|
+
{ name: 'indigo-50', hex: '#EEF2FF' },
|
|
63
|
+
{ name: 'indigo-100', hex: '#E0E7FF' },
|
|
64
|
+
{ name: 'indigo-200', hex: '#C7D2FE' },
|
|
65
|
+
{ name: 'indigo-300', hex: '#A5B4FC' },
|
|
66
|
+
{ name: 'indigo-400', hex: '#818CF8' },
|
|
67
|
+
{ name: 'indigo-500', hex: '#6366F1' },
|
|
68
|
+
{ name: 'indigo-600', hex: '#4F46E5' },
|
|
69
|
+
{ name: 'indigo-700', hex: '#4338CA' },
|
|
70
|
+
{ name: 'indigo-800', hex: '#3730A3' },
|
|
71
|
+
{ name: 'indigo-900', hex: '#312E81' },
|
|
72
|
+
|
|
73
|
+
{ name: 'purple-50', hex: '#F5F3FF' },
|
|
74
|
+
{ name: 'purple-100', hex: '#EDE9FE' },
|
|
75
|
+
{ name: 'purple-200', hex: '#DDD6FE' },
|
|
76
|
+
{ name: 'purple-300', hex: '#C4B5FD' },
|
|
77
|
+
{ name: 'purple-400', hex: '#A78BFA' },
|
|
78
|
+
{ name: 'purple-500', hex: '#8B5CF6' },
|
|
79
|
+
{ name: 'purple-600', hex: '#7C3AED' },
|
|
80
|
+
{ name: 'purple-700', hex: '#6D28D9' },
|
|
81
|
+
{ name: 'purple-800', hex: '#5B21B6' },
|
|
82
|
+
{ name: 'purple-900', hex: '#4C1D95' },
|
|
83
|
+
|
|
84
|
+
{ name: 'pink-50', hex: '#FDF2F8' },
|
|
85
|
+
{ name: 'pink-100', hex: '#FCE7F3' },
|
|
86
|
+
{ name: 'pink-200', hex: '#FBCFE8' },
|
|
87
|
+
{ name: 'pink-300', hex: '#F9A8D4' },
|
|
88
|
+
{ name: 'pink-400', hex: '#F472B6' },
|
|
89
|
+
{ name: 'pink-500', hex: '#EC4899' },
|
|
90
|
+
{ name: 'pink-600', hex: '#DB2777' },
|
|
91
|
+
{ name: 'pink-700', hex: '#BE185D' },
|
|
92
|
+
{ name: 'pink-800', hex: '#9D174D' },
|
|
93
|
+
{ name: 'pink-900', hex: '#831843' }
|
|
94
|
+
]
|
|
95
|
+
end
|
|
96
|
+
end
|
|
97
|
+
end
|