chroma-sass 1.0.0.alpha.5 → 1.0.0.beta.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cb36b676551138964c229945e811261ea436f152
-  data.tar.gz: 40511de621e5059aebc7b0bf27ee7f9d00559ec5
+  metadata.gz: 54e376ee67d2b82ac4cb331e0e53d57847da5ef4
+  data.tar.gz: 5d0b0134a9f7627338c32a6f74d6528eeba3d5f2
 SHA512:
-  metadata.gz: af4eb5a017b45b290e96e31d0640e67acfbaeae343713405699d7c72f7ad2e25a57b83da1e5bf546890e1ad03e20a3f9433add16b5cf34e9ccbd73a40581c303
-  data.tar.gz: a463b2746e734f247fff4d06537c203c142bb38b8b73a20aeae1e9f01dcf5cad84d8889c242695451ca119cd7b73199246908b9e2ccadcc07aea7872fd5227c9
+  metadata.gz: a230b25168e748fdc06d8e05ea4381561e081ac3914686af70a208745ab4527a3b48e96f548ff32f25ccdc0282982d41f4ed53a1c9adeb0d6651b5c0ec909d8c
+  data.tar.gz: 3450e20a9a7e430f16aa6e3b3ac3ef617fbab647c2e9b0188a988c29c74942ff4e05cc2c54c7d3115b2be01bdbfc48e66a99877c0b9e92f15b531ca58704ec43

data/README.md

@@ -1,7 +1,5 @@
 # About Chroma
 
-WARNING: This is alpha-quality software, so the API is guaranteed to change. But you can always pin your Gemfile to the specific version number you are using.
-
 Chroma is a Sass library that manages a project's color names, color variations, and color schemes.
 
 ## USAGE
@@ -17,13 +15,11 @@ $chroma: define-default-color-scheme('Descriptive color names for use in "functi
 
 // Add colors to the default color scheme.
 $chroma: add-colors((
-  white:                  #fff,
-  off-white:              #eaeaea,
-  grey-medium:            #706e6c,
-  black:                  #000,
-
-  blue:                   #0e71b8,
-  blue-dark:              shade(#0e71b8, 25%),
+  white:       #fff,
+  grey-medium: #706e6c,
+  black:       #000,
+  blue:        #0e71b8,
+  red:         #c00,
 ));
 
 // Create a "functional" color scheme that inherits from the default color scheme.
@@ -31,21 +27,19 @@ $chroma: define-color-scheme('functional', 'Colors used by functional parts of t
 
 // Add colors to the functional color scheme.
 $chroma: add-colors('functional', (
+  // Define a primary highlight color.
+  primary:     'blue',
+
   // Have the "text" color use the hex value given to the "black" color. Even
   // though the "functional" color scheme doesn't define "black", it inherits
   // from the "default" color scheme where "black" is defined.
-  text:                   'black',
-  text-subdued:           'grey-medium',
+  text:        'black',
 
-  // The primary highlight color.
-  primary:                'blue',
+  // Colors can inherit from colors named earlier in the call to add-colors().
+  heading:     'text',
 
   // Have the link color use the primary color.
-  link:                   'primary',
-  link-active:            'blue-dark',
-
-  site-name:              'primary',
-  heading:                'text',
+  link:        'primary',
 ));
 
 // Create an "alternate" color scheme that inherits from the "functional" color scheme.
@@ -53,8 +47,7 @@ $chroma: define-color-scheme('alternate', 'Alternate colors for the site.', 'fun
 
 // Add colors to the alternate color scheme.
 $chroma: add-colors('alternate', (
-  red:                    #c00,
-  primary:                'red',
+  primary:     'red',
 ));
 
 // Set which color scheme should be used by default when calling the color()
@@ -72,10 +65,7 @@ $chroma-active-scheme: 'functional';
 
     .alternate-color-section & {
       // Outputs #c00.
-      color: color(link, alternate);
-      // @TODO: Whoops! This doesn't work yet because it finds the "link" color
-      // value in the functional color scheme and never sees that the primary
-      // color has changed.
+      color: color(alternate, link);
     }
   }
 }
@@ -92,7 +82,7 @@ gem install chroma-sass
 If you are using Bundler (and you should!) then you can add it to an existing project by editing the project's Gemfile and adding this line:
 
 ```ruby
-gem 'chroma-sass',  '~> 1.0.0.alpha.5'
+gem 'chroma-sass',  '~> 1.0.0.beta.1'
 ```
 
 If you are using Compass, edit your project's config.rb and add this line:
@@ -114,3 +104,5 @@ You can then start using Chroma in your Sass files. Just add this line to one of
 ## LICENSE
 
 Available under the GPL v2 license. See [LICENSE.txt](https://github.com/JohnAlbin/chroma/blob/master/LICENSE.txt).
+
+[![Build Status](https://travis-ci.org/JohnAlbin/chroma.png?branch=master)](https://travis-ci.org/JohnAlbin/chroma)

data/chroma-sass.gemspec

@@ -9,8 +9,8 @@ Gem::Specification.new do |spec|
   spec.homepage     = 'http://github.com/JohnAlbin/chroma'
   spec.rubyforge_project =
 
-  spec.version      = '1.0.0.alpha.5'
-  spec.date         = '2015-04-30'
+  spec.version      = '1.0.0.beta.1'
+  spec.date         = '2015-05-05'
   spec.licenses     = ['GPL-2']
 
   spec.authors      = ['John Albin Wilkins']

data/sass/chroma/_colour.scss

@@ -1,20 +1,19 @@
+// Colour module
 //
-// Colour module for Chroma.
+// An optional module for Chroma that uses "colour" instead of "color" in all
+// its variables and functions.
 //
+// Style guide: colour
 
 // Import the main module of Chroma.
 @import './functions';
 
 // The one true spelling.
-$chroma-spelling  : 'colour';
-
+$_chroma-spelling: 'colour';
 
 // is-dangerous-colour-keyword($name)
 //
-// Checks if the given name is a colour keyword. Returns false or a string
-// containing the name of the colour keyword.
-//
-// $name - The name of the colour to check.
+// See `is-dangerous-color-keyword()` for the documentation.
 //
 // Style guide: colour.is-dangerous-colour-keyword
 @function is-dangerous-colour-keyword($name) {
@@ -23,10 +22,7 @@ $chroma-spelling  : 'colour';
 
 // is-colour-keyword($name)
 //
-// Checks if the given name is a colour keyword. Returns false or a string
-// containing the name of the colour keyword.
-//
-// $name - The name of the colour to check.
+// See `is-color-keyword()` for the documentation.
 //
 // Style guide: colour.is-colour-keyword
 @function is-colour-keyword($name) {
@@ -35,21 +31,7 @@ $chroma-spelling  : 'colour';
 
 // colour([$scheme,] $name)
 //
-// Returns a colour value given a key word and optional colour scheme. If the
-// named colour is not in the colour scheme, the colour scheme's parent scheme will
-// be searched.
-//
-// Usage:
-// ```scss
-// .ex {
-//   background-color: colour(body-bg);
-//   border: 1px solid colour(grace, border);
-// }
-// ```
-//
-// $name   - The name of the requested colour.
-// $scheme - Optional colour scheme to choose from; defaults to
-//           `$chroma-active-scheme`.
+// See `color()` for the documentation.
 //
 // Style guide: colour.colour
 @function colour($scheme, $name: null) {
@@ -58,27 +40,7 @@ $chroma-spelling  : 'colour';
 
 // define-colour-scheme($scheme [, $description] [, $parent])
 //
-// Define a new colour scheme and, optionally, set its description and parent
-// colour scheme.
-//
-// When searching for a colour and the colour scheme does not define that
-// particular colour, the parent colour scheme will be checked to see if it
-// defines that colour.
-//
-// By default, all colour schemes inherit their colours from the default colour
-// scheme. Optionally, a colour scheme can choose to inherit from a different
-// colour scheme by specifying the `$parent` parameter.
-//
-// Usage:
-// ```scss
-// $chroma: define-colour-scheme(taiwan, "Taiwan's colours");
-// $chroma: define-colour-scheme(taipei, "Taipei's colours", $parent: taiwan);
-// ```
-//
-// $scheme      - The name of the new colour scheme.
-// $description - Optional description of the colour scheme.
-// $parent      - The parent colour scheme to inherit colours from; defaults to
-//                `default` (i.e. `$CHROMA_DEFAULT_SCHEME`).
+// See `define-color-scheme()` for the documentation.
 //
 // Style guide: colour.define-colour-scheme
 @function define-colour-scheme($scheme, $description: '', $parent: $CHROMA_DEFAULT_SCHEME) {
@@ -87,14 +49,7 @@ $chroma-spelling  : 'colour';
 
 // define-default-colour-scheme($description)
 //
-// Sets the description of the default colour scheme.
-//
-// Usage:
-// ```scss
-// $chroma: define-default-colour-scheme('Default colours');
-// ```
-//
-// $description - Description of the default colour scheme.
+// See `define-default-color-scheme()` for the documentation.
 //
 // Style guide: colour.define-default-colour-scheme
 @function define-default-colour-scheme($description) {
@@ -103,28 +58,7 @@ $chroma-spelling  : 'colour';
 
 // add-colours([$scheme,] $colours)
 //
-// Add the colours to an existing colour scheme.
-//
-// Usage:
-// ```scss
-// $my-colours: add-colours('admiral', (
-//  nav:             'link',
-//  nav-visited:     colour(link-visited),
-//  nav-focus:       colour(link-focus),
-// ));
-// ```
-//
-// If you wish to add colours to the active scheme, you can just use:
-// ```scss
-// $my-colours: add-colours((
-//  nav:             'link',
-//  nav-visited:     colour(link-visited),
-//  nav-focus:       colour(link-focus),
-// ));
-// ```
-//
-// $colours  - A Sass map containing the new colours.
-// $scheme  - The name of an existing colour scheme.
+// See `add-colors()` for the documentation.
 //
 // Style guide: functions.add-colours
 @function add-colours($scheme, $colours: null) {

data/sass/chroma/_functions.scss

@@ -1,6 +1,8 @@
+// Functions module
 //
-// Main module for Chroma.
+// The main module for Chroma.
 //
+// Style guide: functions
 
 // Import the global variables and internal functions needed by all of Chroma.
 @import './variables';
@@ -12,71 +14,47 @@ $chroma: _chroma-init();
 
 // is-dangerous-color-keyword($name)
 //
+// This function is used by color(), add-colors() and others to check if the
+// given color name is a "dangerous" color keyword. Returns false or causes the
+// Sass compilation to die with an error message containing the name of the
+// dangerous color keyword.
+//
 // If a real Sass color is given as a color name to Chroma, it is in danger of
-// being converted to a hexadecimal value before Chroma can read the name. And
-// some hex values map to more than one keyword (e.g. gray and grey), so the
+// being converted to a hexadecimal value before Chroma can read the name. (This
+// happens when Sass' "compressed" output style is used.) And some hex values
+// map to more than one keyword (e.g. gray/grey and fuchsia/magenta), so the
 // original name would be irretrievable.
 //
-// Checks if the given name is one of those dangerous color keywords. Returns
-// false or causes the Sass compilation to die with an error message containing
-// the name of the ambiguous color keywords.
+// Since Chroma will confuse fuchsia and magenta (among others) under Sass'
+// "compressed" output style, it would generate confusing results. To prevent
+// this, Chroma halts Sass compilation when it detects an ambiguous color
+// keyword. While the error only occurs under Sass' "compressed" output style,
+// Chroma halts under all output styles. Otherwise, Chroma could behave
+// differently on production vs. development environments. If you are really
+// sure Chroma will never be run with Sass' "compressed" output style, you can
+// disable this feature by setting `$chroma-die-on-dangerous-keyword: false;`.
 //
 // $name - The name of the color to check.
 //
 // Style guide: functions.is-dangerous-color-keyword
 @function is-dangerous-color-keyword($name) {
-  $ambiguous-keywords: (
-    'aqua': 'aqua or cyan',
-    'cyan': 'aqua or cyan',
-    'fuchsia': 'fuchsia or magenta',
-    'magenta': 'fuchsia or magenta',
-    'darkgray': 'darkgray or darkgrey',
-    'darkgrey': 'darkgray or darkgrey',
-    'darkslategray': 'darkslategray or darkslategrey',
-    'darkslategrey': 'darkslategray or darkslategrey',
-    'dimgray': 'dimgray or dimgrey',
-    'dimgrey': 'dimgray or dimgrey',
-    'gray': 'gray or grey',
-    'grey': 'gray or grey',
-    'lightgray': 'lightgray or lightgrey',
-    'lightgrey': 'lightgray or lightgrey',
-    'lightslategray': 'lightslategray or lightslategrey',
-    'lightslategrey': 'lightslategray or lightslategrey',
-    'slategray': 'slategray or slategrey',
-    'slategrey': 'slategray or slategrey',
-  );
-  $converted-keywords: (
-    '#00ffff': 'aqua or cyan',
-    '#0ff': 'aqua or cyan',
-    '#ff00ff': 'fuchsia or magenta',
-    '#f0f': 'fuchsia or magenta',
-    '#a9a9a9': 'darkgray or darkgrey',
-    '#2f4f4f': 'darkslategray or darkslategrey',
-    '#696969': 'dimgray or dimgrey',
-    '#808080': 'gray or grey',
-    '#d3d3d3': 'lightgray or lightgrey',
-    '#778899': 'lightslategray or lightslategrey',
-    '#789': 'lightslategray or lightslategrey',
-    '#708090': 'slategray or slategrey',
-  );
-
   @if type-of($name) == 'color' {
     // Convert the color to a string.
     $name: inspect($name);
     // Check if Sass will convert the color into a hex value that we can't
     // convert back to a keyword.
-    @if map-has-key($ambiguous-keywords, $name) {
-      @if $chroma-die-on-ambiguous-keyword {
-        @error "Sass will convert #{$name} into a hexidecimal value when it uses the \"compressed\" output style and Chroma will not be able to determine if the original name was #{map-get($ambiguous-keywords, $name)}. To prevent this error, quote the keyword like this: '#{$name}'.";
+    @if map-has-key($_chroma-dangerous-keywords, $name) {
+      @if $chroma-die-on-dangerous-keyword {
+        @error "Sass will convert #{$name} into a hexidecimal value when it uses the \"compressed\" output style and Chroma will not be able to determine if the original name was #{map-get($_chroma-dangerous-keywords, $name)}. To prevent this error, quote the keyword like this: '#{$name}'.";
       }
       @else {
-        @return map-get($ambiguous-keywords, $name);
+        @return map-get($_chroma-dangerous-keywords, $name);
       }
     }
     // Check if Sass _has_ converted the color into a hex value that we can't
     // convert back to a keyword.
-    @else if map-has-key($converted-keywords, $name) {
-      @error "Sass has converted a color keyword into the hexidecimal value, #{$name}, and Chroma was not be able to determine if the original name was #{map-get($ambiguous-keywords, $name)}. To prevent this error, use quotes around the keyword.";
+    @else if map-has-key($_chroma-dangerous-converted-keywords, $name) {
+      @error "Sass has converted a color keyword into the hexidecimal value, #{$name}, and Chroma was not be able to determine if the original name was #{map-get($_chroma-dangerous-converted-keywords, $name)}. To prevent this error, use quotes around the keyword.";
     }
   }
   @return false;
@@ -99,311 +77,10 @@ $chroma: _chroma-init();
     // If true, the is-dangerous-color-keyword() would @die before it returned.
   }
 
-  // CSS4 color keyword are from
-  // http://dev.w3.org/csswg/css-color-4/#named-colors
-  $css4-color-keywords: (
-    'aliceblue': 'aliceblue',
-    '#f0f8ff': 'aliceblue',
-    'antiquewhite': 'antiquewhite',
-    '#faebd7': 'antiquewhite',
-    'aqua': 'aqua',
-    'aquamarine': 'aquamarine',
-    '#7fffd4': 'aquamarine',
-    'azure': 'azure',
-    '#f0ffff': 'azure',
-    'beige': 'beige',
-    '#f5f5dc': 'beige',
-    'bisque': 'bisque',
-    '#ffe4c4': 'bisque',
-    'black': 'black',
-    '#000000': 'black',
-    '#000': 'black',
-    'blanchedalmond': 'blanchedalmond',
-    '#ffebcd': 'blanchedalmond',
-    'blue': 'blue',
-    '#0000ff': 'blue',
-    '#00f': 'blue',
-    'blueviolet': 'blueviolet',
-    '#8a2be2': 'blueviolet',
-    'brown': 'brown',
-    '#a52a2a': 'brown',
-    'burlywood': 'burlywood',
-    '#deb887': 'burlywood',
-    'cadetblue': 'cadetblue',
-    '#5f9ea0': 'cadetblue',
-    'chartreuse': 'chartreuse',
-    '#7fff00': 'chartreuse',
-    'chocolate': 'chocolate',
-    '#d2691e': 'chocolate',
-    'coral': 'coral',
-    '#ff7f50': 'coral',
-    'cornflowerblue': 'cornflowerblue',
-    '#6495ed': 'cornflowerblue',
-    'cornsilk': 'cornsilk',
-    '#fff8dc': 'cornsilk',
-    'crimson': 'crimson',
-    '#dc143c': 'crimson',
-    'cyan': 'cyan',
-    '#00ffff': 'cyan',
-    '#0ff': 'cyan',
-    'darkblue': 'darkblue',
-    '#00008b': 'darkblue',
-    'darkcyan': 'darkcyan',
-    '#008b8b': 'darkcyan',
-    'darkgoldenrod': 'darkgoldenrod',
-    '#b8860b': 'darkgoldenrod',
-    'darkgray': 'darkgray',
-    '#a9a9a9': 'darkgray',
-    'darkgreen': 'darkgreen',
-    '#006400': 'darkgreen',
-    'darkgrey': 'darkgrey',
-    'darkkhaki': 'darkkhaki',
-    '#bdb76b': 'darkkhaki',
-    'darkmagenta': 'darkmagenta',
-    '#8b008b': 'darkmagenta',
-    'darkolivegreen': 'darkolivegreen',
-    '#556b2f': 'darkolivegreen',
-    'darkorange': 'darkorange',
-    '#ff8c00': 'darkorange',
-    'darkorchid': 'darkorchid',
-    '#9932cc': 'darkorchid',
-    'darkred': 'darkred',
-    '#8b0000': 'darkred',
-    'darksalmon': 'darksalmon',
-    '#e9967a': 'darksalmon',
-    'darkseagreen': 'darkseagreen',
-    '#8fbc8f': 'darkseagreen',
-    'darkslateblue': 'darkslateblue',
-    '#483d8b': 'darkslateblue',
-    'darkslategray': 'darkslategray',
-    '#2f4f4f': 'darkslategray',
-    'darkslategrey': 'darkslategrey',
-    'darkturquoise': 'darkturquoise',
-    '#00ced1': 'darkturquoise',
-    'darkviolet': 'darkviolet',
-    '#9400d3': 'darkviolet',
-    'deeppink': 'deeppink',
-    '#ff1493': 'deeppink',
-    'deepskyblue': 'deepskyblue',
-    '#00bfff': 'deepskyblue',
-    'dimgray': 'dimgray',
-    '#696969': 'dimgray',
-    'dimgrey': 'dimgrey',
-    'dodgerblue': 'dodgerblue',
-    '#1e90ff': 'dodgerblue',
-    'firebrick': 'firebrick',
-    '#b22222': 'firebrick',
-    'floralwhite': 'floralwhite',
-    '#fffaf0': 'floralwhite',
-    'forestgreen': 'forestgreen',
-    '#228b22': 'forestgreen',
-    'fuchsia': 'fuchsia',
-    'gainsboro': 'gainsboro',
-    '#dcdcdc': 'gainsboro',
-    'ghostwhite': 'ghostwhite',
-    '#f8f8ff': 'ghostwhite',
-    'gold': 'gold',
-    '#ffd700': 'gold',
-    'goldenrod': 'goldenrod',
-    '#daa520': 'goldenrod',
-    'gray': 'gray',
-    '#808080': 'gray',
-    'green': 'green',
-    '#008000': 'green',
-    'greenyellow': 'greenyellow',
-    '#adff2f': 'greenyellow',
-    'grey': 'grey',
-    'honeydew': 'honeydew',
-    '#f0fff0': 'honeydew',
-    'hotpink': 'hotpink',
-    '#ff69b4': 'hotpink',
-    'indianred': 'indianred',
-    '#cd5c5c': 'indianred',
-    'indigo': 'indigo',
-    '#4b0082': 'indigo',
-    'ivory': 'ivory',
-    '#fffff0': 'ivory',
-    'khaki': 'khaki',
-    '#f0e68c': 'khaki',
-    'lavender': 'lavender',
-    '#e6e6fa': 'lavender',
-    'lavenderblush': 'lavenderblush',
-    '#fff0f5': 'lavenderblush',
-    'lawngreen': 'lawngreen',
-    '#7cfc00': 'lawngreen',
-    'lemonchiffon': 'lemonchiffon',
-    '#fffacd': 'lemonchiffon',
-    'lightblue': 'lightblue',
-    '#add8e6': 'lightblue',
-    'lightcoral': 'lightcoral',
-    '#f08080': 'lightcoral',
-    'lightcyan': 'lightcyan',
-    '#e0ffff': 'lightcyan',
-    'lightgoldenrodyellow': 'lightgoldenrodyellow',
-    '#fafad2': 'lightgoldenrodyellow',
-    'lightgray': 'lightgray',
-    '#d3d3d3': 'lightgray',
-    'lightgreen': 'lightgreen',
-    '#90ee90': 'lightgreen',
-    'lightgrey': 'lightgrey',
-    'lightpink': 'lightpink',
-    '#ffb6c1': 'lightpink',
-    'lightsalmon': 'lightsalmon',
-    '#ffa07a': 'lightsalmon',
-    'lightseagreen': 'lightseagreen',
-    '#20b2aa': 'lightseagreen',
-    'lightskyblue': 'lightskyblue',
-    '#87cefa': 'lightskyblue',
-    'lightslategray': 'lightslategray',
-    '#778899': 'lightslategray',
-    '#789': 'lightslategray',
-    'lightslategrey': 'lightslategrey',
-    'lightsteelblue': 'lightsteelblue',
-    '#b0c4de': 'lightsteelblue',
-    'lightyellow': 'lightyellow',
-    '#ffffe0': 'lightyellow',
-    'lime': 'lime',
-    '#00ff00': 'lime',
-    '#0f0': 'lime',
-    'limegreen': 'limegreen',
-    '#32cd32': 'limegreen',
-    'linen': 'linen',
-    '#faf0e6': 'linen',
-    'magenta': 'magenta',
-    '#ff00ff': 'magenta',
-    '#f0f': 'magenta',
-    'maroon': 'maroon',
-    '#800000': 'maroon',
-    'mediumaquamarine': 'mediumaquamarine',
-    '#66cdaa': 'mediumaquamarine',
-    'mediumblue': 'mediumblue',
-    '#0000cd': 'mediumblue',
-    'mediumorchid': 'mediumorchid',
-    '#ba55d3': 'mediumorchid',
-    'mediumpurple': 'mediumpurple',
-    '#9370db': 'mediumpurple',
-    'mediumseagreen': 'mediumseagreen',
-    '#3cb371': 'mediumseagreen',
-    'mediumslateblue': 'mediumslateblue',
-    '#7b68ee': 'mediumslateblue',
-    'mediumspringgreen': 'mediumspringgreen',
-    '#00fa9a': 'mediumspringgreen',
-    'mediumturquoise': 'mediumturquoise',
-    '#48d1cc': 'mediumturquoise',
-    'mediumvioletred': 'mediumvioletred',
-    '#c71585': 'mediumvioletred',
-    'midnightblue': 'midnightblue',
-    '#191970': 'midnightblue',
-    'mintcream': 'mintcream',
-    '#f5fffa': 'mintcream',
-    'mistyrose': 'mistyrose',
-    '#ffe4e1': 'mistyrose',
-    'moccasin': 'moccasin',
-    '#ffe4b5': 'moccasin',
-    'navajowhite': 'navajowhite',
-    '#ffdead': 'navajowhite',
-    'navy': 'navy',
-    '#000080': 'navy',
-    'oldlace': 'oldlace',
-    '#fdf5e6': 'oldlace',
-    'olive': 'olive',
-    '#808000': 'olive',
-    'olivedrab': 'olivedrab',
-    '#6b8e23': 'olivedrab',
-    'orange': 'orange',
-    '#ffa500': 'orange',
-    'orangered': 'orangered',
-    '#ff4500': 'orangered',
-    'orchid': 'orchid',
-    '#da70d6': 'orchid',
-    'palegoldenrod': 'palegoldenrod',
-    '#eee8aa': 'palegoldenrod',
-    'palegreen': 'palegreen',
-    '#98fb98': 'palegreen',
-    'paleturquoise': 'paleturquoise',
-    '#afeeee': 'paleturquoise',
-    'palevioletred': 'palevioletred',
-    '#db7093': 'palevioletred',
-    'papayawhip': 'papayawhip',
-    '#ffefd5': 'papayawhip',
-    'peachpuff': 'peachpuff',
-    '#ffdab9': 'peachpuff',
-    'peru': 'peru',
-    '#cd853f': 'peru',
-    'pink': 'pink',
-    '#ffc0cb': 'pink',
-    'plum': 'plum',
-    '#dda0dd': 'plum',
-    'powderblue': 'powderblue',
-    '#b0e0e6': 'powderblue',
-    'purple': 'purple',
-    '#800080': 'purple',
-    'rebeccapurple': 'rebeccapurple',
-    '#663399': 'rebeccapurple',
-    'red': 'red',
-    '#ff0000': 'red',
-    '#f00': 'red',
-    'rosybrown': 'rosybrown',
-    '#bc8f8f': 'rosybrown',
-    'royalblue': 'royalblue',
-    '#4169e1': 'royalblue',
-    'saddlebrown': 'saddlebrown',
-    '#8b4513': 'saddlebrown',
-    'salmon': 'salmon',
-    '#fa8072': 'salmon',
-    'sandybrown': 'sandybrown',
-    '#f4a460': 'sandybrown',
-    'seagreen': 'seagreen',
-    '#2e8b57': 'seagreen',
-    'seashell': 'seashell',
-    '#fff5ee': 'seashell',
-    'sienna': 'sienna',
-    '#a0522d': 'sienna',
-    'silver': 'silver',
-    '#c0c0c0': 'silver',
-    'skyblue': 'skyblue',
-    '#87ceeb': 'skyblue',
-    'slateblue': 'slateblue',
-    '#6a5acd': 'slateblue',
-    'slategray': 'slategray',
-    '#708090': 'slategray',
-    'slategrey': 'slategrey',
-    'snow': 'snow',
-    '#fffafa': 'snow',
-    'springgreen': 'springgreen',
-    '#00ff7f': 'springgreen',
-    'steelblue': 'steelblue',
-    '#4682b4': 'steelblue',
-    'tan': 'tan',
-    '#d2b48c': 'tan',
-    'teal': 'teal',
-    '#008080': 'teal',
-    'thistle': 'thistle',
-    '#d8bfd8': 'thistle',
-    'tomato': 'tomato',
-    '#ff6347': 'tomato',
-    'turquoise': 'turquoise',
-    '#40e0d0': 'turquoise',
-    'violet': 'violet',
-    '#ee82ee': 'violet',
-    'wheat': 'wheat',
-    '#f5deb3': 'wheat',
-    'white': 'white',
-    '#ffffff': 'white',
-    '#fff': 'white',
-    'whitesmoke': 'whitesmoke',
-    '#f5f5f5': 'whitesmoke',
-    'yellow': 'yellow',
-    '#ffff00': 'yellow',
-    '#ff0': 'yellow',
-    'yellowgreen': 'yellowgreen',
-    '#9acd32': 'yellowgreen',
-  );
-
   // Convert the color to a string.
   $name: inspect($name);
 
-  @return if(map-has-key($css4-color-keywords, $name), map-get($css4-color-keywords, $name), false);
+  @return if(map-has-key($_chroma-css4-color-keywords, $name), map-get($_chroma-css4-color-keywords, $name), false);
 }
 
 // chroma-to-string($name)
@@ -449,7 +126,7 @@ $chroma: _chroma-init();
 
   // Confirm the scheme exists.
   @if not chroma-has-scheme($scheme) {
-    @error 'The #{$chroma-spelling} scheme "#{$scheme}" was not found.';
+    @error 'The #{$_chroma-spelling} scheme "#{$scheme}" was not found.';
   }
   // Cast the color name to a string to ensure color keywords do not cause
   // problems as map keys.
@@ -457,9 +134,24 @@ $chroma: _chroma-init();
   // Find the actual scheme used by the named color.
   $actual-scheme: chroma-has-color($name, $scheme);
   @if not $actual-scheme {
-    @error 'The #{$chroma-spelling} "#{$name}" was not found.';
+    @error 'The #{$_chroma-spelling} "#{$name}" was not found.';
+  }
+  $color: map-get(map-get($chroma, 'names'), "#{$actual-scheme}::#{$name}");
+  @if $actual-scheme == $scheme {
+    @return map-get($color, 'value');
+  }
+  @else {
+    // The value of $actual-scheme::$name is based on parents in $actual-scheme.
+    // But one or more of the parents may be defined in $scheme too, so we need
+    // to check the full reference chain.
+    $ref: map-get($color, 'reference');
+    @while $ref {
+      $actual-scheme: chroma-has-color($ref, $scheme);
+      $color: map-get(map-get($chroma, 'names'), "#{$actual-scheme}::#{$ref}");
+      $ref: map-get($color, 'reference');
+    }
+    @return map-get($color, 'value');
   }
-  @return map-get(map-get(map-get($chroma, 'names'), "#{$actual-scheme}::#{$name}"), 'value');
 }
 
 // define-color-scheme($scheme [, $description] [, $parent])
@@ -495,7 +187,7 @@ $chroma: _chroma-init();
 
   // Check parent reference exists.
   @if $parent and not chroma-has-scheme($parent) {
-    @error 'Cannot set the parent of #{scheme} to "#{$parent}" because the #{$chroma-spelling} scheme "#{$parent}" was not found.';
+    @error 'Cannot set the parent of #{scheme} to "#{$parent}" because the #{$_chroma-spelling} scheme "#{$parent}" was not found.';
   }
 
   $schemes: map-merge(
@@ -564,7 +256,7 @@ $chroma: _chroma-init();
     $scheme: $chroma-active-scheme;
   }
   @if not chroma-has-scheme($scheme) {
-    @error 'The #{$chroma-spelling} scheme "#{$scheme}" was not found.';
+    @error 'The #{$_chroma-spelling} scheme "#{$scheme}" was not found.';
   }
   @each $color-name, $color-value in $colors {
     // Cast the color name to a string to ensure color keywords do not cause
@@ -584,7 +276,7 @@ $chroma: _chroma-init();
       // Find the referenced color.
       $scheme-of-reference: chroma-has-color($ref, $scheme);
       @if not $scheme-of-reference {
-        @error 'The #{$chroma-spelling} "#{$ref}" was not found.';
+        @error 'The #{$_chroma-spelling} "#{$ref}" was not found.';
       }
       $referenced-color: map-get(map-get($chroma, 'names'), "#{$scheme-of-reference}::#{$ref}");
       // Add the new color.
@@ -605,7 +297,7 @@ $chroma: _chroma-init();
         ) !global;
         $ref: map-get($referenced-color, 'reference');
         @if $ref {
-          $scheme-of-reference: chroma-has-color($ref, $scheme-of-reference);
+          $scheme-of-reference: chroma-has-color($ref, $scheme);
           $referenced-color: map-get(map-get($chroma, 'names'), "#{$scheme-of-reference}::#{$ref}");
         }
       }