chriseppstein-compass-colors 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- data/VERSION.yml +1 -1
- data/example/src/_split_compliment_theme.sass +18 -18
- data/templates/analogous/_theme.sass +19 -19
- data/templates/basic/_theme.sass +7 -7
- data/templates/complementary/_theme.sass +13 -13
- data/templates/split_complement/_theme.sass +19 -19
- data/templates/triadic/_theme.sass +19 -19
- metadata +2 -2
data/VERSION.yml
CHANGED
@@ -6,23 +6,23 @@
|
|
6
6
|
!complement_support_color = adjust_hue(!base_color, 180 + 30)
|
7
7
|
!complement_accent_color = adjust_hue(!base_color, 180 - 30)
|
8
8
|
|
9
|
-
!base_dark_color = darken(!base_color,
|
10
|
-
!base_darker_color = darken(!base_color,
|
11
|
-
!base_darkest_color = darken(!base_color,
|
12
|
-
!base_light_color = lighten(!base_color,
|
13
|
-
!base_lighter_color = lighten(!base_color,
|
14
|
-
!base_lightest_color = lighten(!base_color,
|
9
|
+
!base_dark_color = darken(!base_color, 25)
|
10
|
+
!base_darker_color = darken(!base_color, 50)
|
11
|
+
!base_darkest_color = darken(!base_color, 75)
|
12
|
+
!base_light_color = lighten(!base_color, 25)
|
13
|
+
!base_lighter_color = lighten(!base_color, 50)
|
14
|
+
!base_lightest_color = lighten(!base_color, 75)
|
15
15
|
|
16
|
-
!dark_complement_support_color = darken(!complement_support_color,
|
17
|
-
!darker_complement_support_color = darken(!complement_support_color,
|
18
|
-
!darkest_complement_support_color = darken(!complement_support_color,
|
19
|
-
!light_complement_support_color = lighten(!complement_support_color,
|
20
|
-
!lighter_complement_support_color = lighten(!complement_support_color,
|
21
|
-
!lightest_complement_support_color = lighten(!complement_support_color,
|
16
|
+
!dark_complement_support_color = darken(!complement_support_color, 25)
|
17
|
+
!darker_complement_support_color = darken(!complement_support_color, 50)
|
18
|
+
!darkest_complement_support_color = darken(!complement_support_color, 75)
|
19
|
+
!light_complement_support_color = lighten(!complement_support_color, 25)
|
20
|
+
!lighter_complement_support_color = lighten(!complement_support_color, 50)
|
21
|
+
!lightest_complement_support_color = lighten(!complement_support_color, 75)
|
22
22
|
|
23
|
-
!dark_complement_accent_color = darken(!complement_accent_color,
|
24
|
-
!darker_complement_accent_color = darken(!complement_accent_color,
|
25
|
-
!darkest_complement_accent_color = darken(!complement_accent_color,
|
26
|
-
!light_complement_accent_color = lighten(!complement_accent_color,
|
27
|
-
!lighter_complement_accent_color = lighten(!complement_accent_color,
|
28
|
-
!lightest_complement_accent_color = lighten(!complement_accent_color,
|
23
|
+
!dark_complement_accent_color = darken(!complement_accent_color, 25)
|
24
|
+
!darker_complement_accent_color = darken(!complement_accent_color, 50)
|
25
|
+
!darkest_complement_accent_color = darken(!complement_accent_color, 75)
|
26
|
+
!light_complement_accent_color = lighten(!complement_accent_color, 25)
|
27
|
+
!lighter_complement_accent_color = lighten(!complement_accent_color, 50)
|
28
|
+
!lightest_complement_accent_color = lighten(!complement_accent_color, 75)
|
@@ -2,27 +2,27 @@
|
|
2
2
|
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
3
|
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
4
|
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color
|
5
|
+
!base_color ||= red
|
6
6
|
!support_color = adjust_hue(!base_color, 30)
|
7
7
|
!accent_color = adjust_hue(!base_color, -30)
|
8
8
|
|
9
|
-
!base_dark_color = darken(!base_color,
|
10
|
-
!base_darker_color = darken(!base_color,
|
11
|
-
!base_darkest_color = darken(!base_color,
|
12
|
-
!base_light_color = lighten(!base_color,
|
13
|
-
!base_lighter_color = lighten(!base_color,
|
14
|
-
!base_lightest_color = lighten(!base_color,
|
9
|
+
!base_dark_color = darken(!base_color, 25)
|
10
|
+
!base_darker_color = darken(!base_color, 50)
|
11
|
+
!base_darkest_color = darken(!base_color, 75)
|
12
|
+
!base_light_color = lighten(!base_color, 25)
|
13
|
+
!base_lighter_color = lighten(!base_color, 50)
|
14
|
+
!base_lightest_color = lighten(!base_color, 75)
|
15
15
|
|
16
|
-
!dark_support_color = darken(!support_color,
|
17
|
-
!darker_support_color = darken(!support_color,
|
18
|
-
!darkest_support_color = darken(!support_color,
|
19
|
-
!light_support_color = lighten(!support_color,
|
20
|
-
!lighter_support_color = lighten(!support_color,
|
21
|
-
!lightest_support_color = lighten(!support_color,
|
16
|
+
!dark_support_color = darken(!support_color, 25)
|
17
|
+
!darker_support_color = darken(!support_color, 50)
|
18
|
+
!darkest_support_color = darken(!support_color, 75)
|
19
|
+
!light_support_color = lighten(!support_color, 25)
|
20
|
+
!lighter_support_color = lighten(!support_color, 50)
|
21
|
+
!lightest_support_color = lighten(!support_color, 75)
|
22
22
|
|
23
|
-
!dark_accent_color = darken(!accent_color,
|
24
|
-
!darker_accent_color = darken(!accent_color,
|
25
|
-
!darkest_accent_color = darken(!accent_color,
|
26
|
-
!light_accent_color = lighten(!accent_color,
|
27
|
-
!lighter_accent_color = lighten(!accent_color,
|
28
|
-
!lightest_accent_color = lighten(!accent_color,
|
23
|
+
!dark_accent_color = darken(!accent_color, 25)
|
24
|
+
!darker_accent_color = darken(!accent_color, 50)
|
25
|
+
!darkest_accent_color = darken(!accent_color, 75)
|
26
|
+
!light_accent_color = lighten(!accent_color, 25)
|
27
|
+
!lighter_accent_color = lighten(!accent_color, 50)
|
28
|
+
!lightest_accent_color = lighten(!accent_color, 75)
|
data/templates/basic/_theme.sass
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
!base_color
|
2
|
-
!dark_base_color = darken(!base_color,
|
3
|
-
!darker_base_color = darken(!base_color,
|
4
|
-
!darkest_base_color = darken(!base_color,
|
5
|
-
!light_base_color = lighten(!base_color,
|
6
|
-
!lighter_base_color = lighten(!base_color,
|
7
|
-
!lightest_base_color = lighten(!base_color,
|
1
|
+
!base_color ||= red
|
2
|
+
!dark_base_color = darken(!base_color, 25)
|
3
|
+
!darker_base_color = darken(!base_color, 50)
|
4
|
+
!darkest_base_color = darken(!base_color, 75)
|
5
|
+
!light_base_color = lighten(!base_color, 25)
|
6
|
+
!lighter_base_color = lighten(!base_color, 75)
|
7
|
+
!lightest_base_color = lighten(!base_color, 50)
|
@@ -2,19 +2,19 @@
|
|
2
2
|
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
3
|
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
4
|
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color
|
5
|
+
!base_color ||= red
|
6
6
|
!complementary_color = complement(!base_color)
|
7
7
|
|
8
|
-
!base_dark_color = darken(!base_color,
|
9
|
-
!base_darker_color = darken(!base_color,
|
10
|
-
!base_darkest_color = darken(!base_color,
|
11
|
-
!base_light_color = lighten(!base_color,
|
12
|
-
!base_lighter_color = lighten(!base_color,
|
13
|
-
!base_lightest_color = lighten(!base_color,
|
8
|
+
!base_dark_color = darken(!base_color, 25)
|
9
|
+
!base_darker_color = darken(!base_color, 50)
|
10
|
+
!base_darkest_color = darken(!base_color, 75)
|
11
|
+
!base_light_color = lighten(!base_color, 25)
|
12
|
+
!base_lighter_color = lighten(!base_color, 50)
|
13
|
+
!base_lightest_color = lighten(!base_color, 75)
|
14
14
|
|
15
|
-
!dark_complementary_color = darken(!complementary_color,
|
16
|
-
!darker_complementary_color = darken(!complementary_color,
|
17
|
-
!darkest_complementary_color = darken(!complementary_color,
|
18
|
-
!light_complementary_color = lighten(!complementary_color,
|
19
|
-
!lighter_complementary_color = lighten(!complementary_color,
|
20
|
-
!lightest_complementary_color = lighten(!complementary_color,
|
15
|
+
!dark_complementary_color = darken(!complementary_color, 25)
|
16
|
+
!darker_complementary_color = darken(!complementary_color, 50)
|
17
|
+
!darkest_complementary_color = darken(!complementary_color, 75)
|
18
|
+
!light_complementary_color = lighten(!complementary_color, 25)
|
19
|
+
!lighter_complementary_color = lighten(!complementary_color, 50)
|
20
|
+
!lightest_complementary_color = lighten(!complementary_color, 75)
|
@@ -2,27 +2,27 @@
|
|
2
2
|
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
3
|
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
4
|
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color
|
5
|
+
!base_color ||= red
|
6
6
|
!complement_support_color = adjust_hue(!base_color, 180 + 30)
|
7
7
|
!complement_accent_color = adjust_hue(!base_color, 180 - 30)
|
8
8
|
|
9
|
-
!base_dark_color = darken(!base_color,
|
10
|
-
!base_darker_color = darken(!base_color,
|
11
|
-
!base_darkest_color = darken(!base_color,
|
12
|
-
!base_light_color = lighten(!base_color,
|
13
|
-
!base_lighter_color = lighten(!base_color,
|
14
|
-
!base_lightest_color = lighten(!base_color,
|
9
|
+
!base_dark_color = darken(!base_color, 25)
|
10
|
+
!base_darker_color = darken(!base_color, 50)
|
11
|
+
!base_darkest_color = darken(!base_color, 75)
|
12
|
+
!base_light_color = lighten(!base_color, 25)
|
13
|
+
!base_lighter_color = lighten(!base_color, 50)
|
14
|
+
!base_lightest_color = lighten(!base_color, 75)
|
15
15
|
|
16
|
-
!dark_complement_support_color = darken(!complement_support_color,
|
17
|
-
!darker_complement_support_color = darken(!complement_support_color,
|
18
|
-
!darkest_complement_support_color = darken(!complement_support_color,
|
19
|
-
!light_complement_support_color = lighten(!complement_support_color,
|
20
|
-
!lighter_complement_support_color = lighten(!complement_support_color,
|
21
|
-
!lightest_complement_support_color = lighten(!complement_support_color,
|
16
|
+
!dark_complement_support_color = darken(!complement_support_color, 25)
|
17
|
+
!darker_complement_support_color = darken(!complement_support_color, 50)
|
18
|
+
!darkest_complement_support_color = darken(!complement_support_color, 75)
|
19
|
+
!light_complement_support_color = lighten(!complement_support_color, 25)
|
20
|
+
!lighter_complement_support_color = lighten(!complement_support_color, 50)
|
21
|
+
!lightest_complement_support_color = lighten(!complement_support_color, 75)
|
22
22
|
|
23
|
-
!dark_complement_accent_color = darken(!complement_accent_color,
|
24
|
-
!darker_complement_accent_color = darken(!complement_accent_color,
|
25
|
-
!darkest_complement_accent_color = darken(!complement_accent_color,
|
26
|
-
!light_complement_accent_color = lighten(!complement_accent_color,
|
27
|
-
!lighter_complement_accent_color = lighten(!complement_accent_color,
|
28
|
-
!lightest_complement_accent_color = lighten(!complement_accent_color,
|
23
|
+
!dark_complement_accent_color = darken(!complement_accent_color, 25)
|
24
|
+
!darker_complement_accent_color = darken(!complement_accent_color, 50)
|
25
|
+
!darkest_complement_accent_color = darken(!complement_accent_color, 75)
|
26
|
+
!light_complement_accent_color = lighten(!complement_accent_color, 25)
|
27
|
+
!lighter_complement_accent_color = lighten(!complement_accent_color, 50)
|
28
|
+
!lightest_complement_accent_color = lighten(!complement_accent_color, 75)
|
@@ -2,27 +2,27 @@
|
|
2
2
|
// In reality, these values should be adjusted to create a more pleasant color combination.
|
3
3
|
// There is not any mathematical formula for this, but you can use the lighten, darken,
|
4
4
|
// saturate and desaturate functions to adjust your main colors.
|
5
|
-
!base_color
|
5
|
+
!base_color ||= red
|
6
6
|
!support_color = adjust_hue(!base_color, 120)
|
7
7
|
!accent_color = adjust_hue(!base_color, -120)
|
8
8
|
|
9
|
-
!base_dark_color = darken(!base_color,
|
10
|
-
!base_darker_color = darken(!base_color,
|
11
|
-
!base_darkest_color = darken(!base_color,
|
12
|
-
!base_light_color = lighten(!base_color,
|
13
|
-
!base_lighter_color = lighten(!base_color,
|
14
|
-
!base_lightest_color = lighten(!base_color,
|
9
|
+
!base_dark_color = darken(!base_color, 25)
|
10
|
+
!base_darker_color = darken(!base_color, 50)
|
11
|
+
!base_darkest_color = darken(!base_color, 75)
|
12
|
+
!base_light_color = lighten(!base_color, 25)
|
13
|
+
!base_lighter_color = lighten(!base_color, 50)
|
14
|
+
!base_lightest_color = lighten(!base_color, 75)
|
15
15
|
|
16
|
-
!dark_support_color = darken(!support_color,
|
17
|
-
!darker_support_color = darken(!support_color,
|
18
|
-
!darkest_support_color = darken(!support_color,
|
19
|
-
!light_support_color = lighten(!support_color,
|
20
|
-
!lighter_support_color = lighten(!support_color,
|
21
|
-
!lightest_support_color = lighten(!support_color,
|
16
|
+
!dark_support_color = darken(!support_color, 25)
|
17
|
+
!darker_support_color = darken(!support_color, 50)
|
18
|
+
!darkest_support_color = darken(!support_color, 75)
|
19
|
+
!light_support_color = lighten(!support_color, 25)
|
20
|
+
!lighter_support_color = lighten(!support_color, 50)
|
21
|
+
!lightest_support_color = lighten(!support_color, 75)
|
22
22
|
|
23
|
-
!dark_accent_color = darken(!accent_color,
|
24
|
-
!darker_accent_color = darken(!accent_color,
|
25
|
-
!darkest_accent_color = darken(!accent_color,
|
26
|
-
!light_accent_color = lighten(!accent_color,
|
27
|
-
!lighter_accent_color = lighten(!accent_color,
|
28
|
-
!lightest_accent_color = lighten(!accent_color,
|
23
|
+
!dark_accent_color = darken(!accent_color, 25)
|
24
|
+
!darker_accent_color = darken(!accent_color, 50)
|
25
|
+
!darkest_accent_color = darken(!accent_color, 75)
|
26
|
+
!light_accent_color = lighten(!accent_color, 25)
|
27
|
+
!lighter_accent_color = lighten(!accent_color, 50)
|
28
|
+
!lightest_accent_color = lighten(!accent_color, 75)
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: chriseppstein-compass-colors
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Chris Eppstein
|
@@ -9,7 +9,7 @@ autorequire:
|
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
11
|
|
12
|
-
date: 2009-08-
|
12
|
+
date: 2009-08-03 00:00:00 -07:00
|
13
13
|
default_executable:
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|