RubyGems - dvl-color - Versions diffs - 0.0.1 - Mend

dvl-color 0.0.1

Files changed (19) hide show

checksums.yaml +7 -0
data/.gitignore +15 -0
data/.ruby-version +1 -0
data/Gemfile +2 -0
data/LICENSE.md +20 -0
data/README.md +23 -0
data/Rakefile +127 -0
data/circle.yml +11 -0
data/dvl-color.gemspec +27 -0
data/lib/dvl/color/fake_rgba.rb +12 -0
data/lib/dvl/color/generator.rb +236 -0
data/lib/dvl/color/version.rb +5 -0
data/lib/dvl/color.rb +5 -0
data/script/cibuild +3 -0
data/script/deploy +16 -0
data/script/release +38 -0
data/spec/dvl/color/generator_spec.rb +34 -0
data/spec/spec_helper.rb +26 -0
metadata +119 -0

checksums.yaml ADDED Viewed

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7c2cd87354cf56ced0b0e053b069083e13e35b5b
+  data.tar.gz: d92487e19d66c3d41846b73e53b694cd51264ca0
+SHA512:
+  metadata.gz: b3187e6e01363291bde8e785d10d824024c6ef7b3ec22fbd944ebc7c39dbd902f6f88dd1d34ed53ecdd10ed0973fe6f43db5591837020517d05f3d2f360c32ed
+  data.tar.gz: dc36d86106c02bcb7095029241d651fb640f67ebed9c9362d13d5c3e858f071388fcd3d8df76c2406f787045f013a0c18b6e20b4a9077cb7e3944446b80a3233

data/.gitignore ADDED Viewed

@@ -0,0 +1,15 @@
+.bundle/
+log/*.log
+pkg/
+spec/dummy/config/database.yml
+spec/dummy/log/*.log
+spec/dummy/tmp/
+spec/dummy/.sass-cache
+spec/dummy/public/uploads/*
+tmp/*
+coverage/*
+*.gem
+Gemfile.lock
+spec/dummy/db/test.sqlite3
+gemfiles/*.lock
+.ruby-gemset

data/.ruby-version ADDED Viewed

	@@ -0,0 +1 @@
1	+ 2.3.0

data/Gemfile ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ source "https://rubygems.org"
2	+ gemspec

data/LICENSE.md ADDED Viewed

@@ -0,0 +1,20 @@
+Copyright 2014 Department of Better Technology
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md ADDED Viewed

@@ -0,0 +1,23 @@
+dvl-color
+=======
+[![RubyGem][gem]](http://rubygems.org/gems/dvl-color)
+Generate beautiful, accessible color schemes.
+[View some examples &rarr;](dobtco.github.io/dvl-color)
+## Usage
+#### 1. Install the gem
+```ruby
+gem 'dvl-color'
+```
+#### 2. Generate a color scheme
+```ruby
+generator = Dvl::Color::Generator.new('#fff') # white background
+generator.to_h # prints a bunch of variables
+```
+[gem]: https://img.shields.io/gem/v/dvl-color.svg

data/Rakefile ADDED Viewed

@@ -0,0 +1,127 @@
+require 'bundler/setup'
+require 'dvl/color'
+require_relative './spec/spec_helper'
+task :generate_preview do
+  require 'fortitude'
+  class PreviewView < Fortitude::Widget
+    doctype :html5
+    use_instance_variables_for_assigns true
+    format_output false
+    start_and_end_comments false
+    extra_assigns :use
+    def content
+      rawtext "<!doctype html>"
+      html {
+        head {
+          title 'Color Test'
+          script(src: 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js')
+          script %{
+            $(document).on('keydown', function(e){
+              if (e.keyCode == 192) $('.debug').toggle();
+              if (e.keyCode == 70) $('.input').toggle();
+            });
+          }.html_safe
+          style %{
+            body {
+              margin: 0;
+              font-size: 1.125rem;
+              line-height: 2rem;
+              font-family: sans-serif;
+              font-weight: 400;
+              -webkit-font-smoothing: antialiased;
+              -moz-osx-font-smoothing: grayscale;
+            }
+            h2 {
+              margin: 5px 0;
+              font-size: 4.29rem;
+              line-height: 5rem;
+              font-family: serif;
+              font-weight: 100;
+            }
+            * {
+              box-sizing: border-box;
+            }
+            .color_test_section {
+              width: 25%;
+              padding: 25px;
+              display: inline-block;
+            }
+            .input {
+              margin: 0 0 1rem;
+              padding: 0.5rem 1rem;
+              width: 100%;
+              border-radius: 4px;
+              border-style: solid;
+              border-width: 1px;
+            }
+            .error_bubble {
+              margin-top: 0.5rem;
+              padding: 0.5rem 1rem;
+              border-radius: 4px;
+            }
+            .debug {
+              margin-top: 10px;
+              font-size: 13px;
+            }
+          }.squish.html_safe
+        }
+        body {
+          test_color_array.each do |color|
+            render_section(color)
+          end
+        }
+      }
+    end
+    def render_section(color)
+      generator = Dvl::Color::Generator.new(color)
+      div(class: 'color_test_section', style: "background-color: #{generator.background_color.to_hex}") {
+        h2('Header', style: "color: #{generator.base_color.to_hex}")
+        label {
+          span 'Text ', style: "color: #{generator.base_color.to_hex}"
+          abbr '*', style: "color: #{generator.error_color.to_hex}"
+        }
+        div(
+          'This is my input', class: 'input',
+          style: "border-color: rgba(#{generator.base_color.to_hex},0.6);
+                  background-color: #{generator.input_background.to_hex};
+                  color: #{generator.input_color.to_hex};"
+        )
+        div(
+          'This is my input', class: 'input error_input error_input_focus',
+          style: "display: none;
+                  border-color: #{generator.error_color.to_hex};
+                  background-color: #{generator.input_background_focus.to_hex};
+                  color: #{generator.input_color.to_hex};"
+        )
+        div(
+          'Error!', class: 'error_bubble',
+          style: "background-color: #{generator.error_bubble_background.to_hex};
+                  color: #{generator.error_bubble_color.to_hex};"
+        )
+        div(
+          generator.to_debug_s.html_safe, class: 'debug',
+          style: "color: #{generator.base_color.to_hex}; display: none;"
+        )
+      }
+    end
+  end
+  html = PreviewView.new.to_html
+  File.write('./index.html', html)
+end

data/circle.yml ADDED Viewed

@@ -0,0 +1,11 @@
+test:
+  override:
+    - script/cibuild
+deployment:
+  github:
+    branch: master
+    commands:
+      - git config --global user.email "ops@dobt.co"
+      - git config --global user.name "CircleCI"
+      - script/deploy

data/dvl-color.gemspec ADDED Viewed

@@ -0,0 +1,27 @@
+$:.push File.expand_path("../lib", __FILE__)
+# Maintain your gem's version:
+require "dvl/color/version"
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |s|
+  s.name = "dvl-color"
+  s.version = Dvl::Color::VERSION
+  s.required_ruby_version = Gem::Requirement.new('>= 2.0.0')
+  s.authors = ['Adam Becker']
+  s.summary = 'Generate beautiful, accessible color schemes.'
+  s.email = 'adam@dobt.co'
+  s.license = 'MIT'
+  s.files = `git ls-files`.split("\n")
+  s.test_files = `git ls-files -- {features,spec}/*`.split("\n")
+  s.homepage = 'http://github.com/dobtco/dvl-color'
+  s.add_dependency 'chroma', '~> 0.0.1'
+  s.add_dependency 'chroma_wcag_contrast', '~> 0.0.1'
+  s.add_development_dependency 'fortitude'
+  s.add_development_dependency 'rspec'
+end

data/lib/dvl/color/fake_rgba.rb ADDED Viewed

@@ -0,0 +1,12 @@
+class Dvl::Color::FakeRgba
+  def self.calculate(background, foreground, alpha)
+    bg = background.rgb
+    fg = foreground.rgb
+    r = (fg.r * alpha) + (bg.r * (1 - alpha))
+    g = (fg.g * alpha) + (bg.g * (1 - alpha))
+    b = (fg.b * alpha) + (bg.b * (1 - alpha))
+    Chroma::Color.new(Chroma::ColorModes::Rgb.new(r, g,  b), :hex)
+  end
+end

data/lib/dvl/color/generator.rb ADDED Viewed

@@ -0,0 +1,236 @@
+class Dvl::Color::Generator
+  DARK_BACKGROUND_CUTOFF = 120
+  attr_accessor :background_color,
+                :input_color,
+                :input_background,
+                :input_background_focus,
+                :dropdown_background,
+                :dropdown_color
+  # @param background_color [Chroma::Color or String]
+  def initialize(background_color)
+    self.background_color = background_color
+    unless background_color.is_a?(Chroma::Color)
+      self.background_color = Chroma.paint(background_color)
+    end
+    self.input_background, self.input_background_focus, self.input_color = generate_input_colors
+    self.dropdown_background, self.dropdown_color = generate_dropdown_colors
+  end
+  def to_h
+    {
+      backgroundColor: background_color.to_hex,
+      baseColor: base_color.to_hex,
+      errorColor: error_color.to_hex,
+      errorBubbleBackground: error_bubble_background.to_hex,
+      errorBubbleColor: error_bubble_color.to_hex,
+      inputBackground: input_background.to_hex,
+      inputBackgroundFocus: input_background_focus.to_hex,
+      inputColor: input_color.to_hex,
+      dropdownBackground: dropdown_background.to_hex,
+      dropdownColor: dropdown_color.to_hex
+    }
+  end
+  def to_scss
+    ''.tap do |str|
+      to_h.each do |k, v|
+        str << "$#{k}:#{v};"
+      end
+    end
+  end
+  def to_debug_s
+    str = []
+    to_h.each do |k, v|
+      str << "#{k}: #{v}"
+    end
+    str << "Background brightness: #{background_color.brightness}"
+    str << "Ratio: #{contrast(background_color, base_color).round(2)}"
+    str << "Error Ratio: #{contrast(background_color, error_color).round(2)}"
+    str << "Error Bubble Ratio: #{contrast(error_bubble_background, error_bubble_color).round(2)}"
+    str << "Input ratio: #{contrast(input_background, input_color).round(2)}"
+    str << "Error satur: #{error_color.hsl.s.round(2)}"
+    str << "Conservative light: #{conservative_background_light?}"
+    str << "Conservative dark: #{conservative_background_dark?}"
+    str.join("<br>")
+  end
+  def conservative_background_dark?
+    background_color.brightness < 52
+  end
+  def conservative_background_light?
+    background_color.brightness > 229
+  end
+  def target_contrast_ratio
+    if conservative_background_dark?
+      13
+    elsif conservative_background_light?
+      10
+    else
+      7
+    end
+  end
+  def base_color
+    @base_color ||= begin
+      text = background_color.dup
+      # If the background is dark, we lighten it.
+      # If the background is light, we darken it.
+      amt = if background_color.brightness < DARK_BACKGROUND_CUTOFF # Dark
+              1
+            else
+              -1
+            end
+      target = target_contrast_ratio
+      while contrast(background_color, text) < target
+        new_text = text.lighten(amt)
+        # prevent infinite loop
+        break if text == new_text
+        text = new_text
+      end
+      # If the background is a conservative color, use a conservative
+      # (desaturated) text color.
+      if conservative_background_dark? || conservative_background_light?
+        hsl = text.hsl
+        hsl.s = hsl.s * 0.15
+        text = Chroma.paint(hsl)
+      end
+      text
+    end
+  end
+  def error_color
+    @error_color ||= begin
+      error = background_color.dup
+      # Spin the color wheel until we land on "red"
+      amt = if error.hsl.h > 180
+              15
+            else
+              -15
+            end
+      while !red?(error)
+        error = error.spin(amt)
+      end
+      # White
+      if background_color == white
+        error = Chroma.paint('d95b76')
+      # Black
+      elsif background_color == black
+        error = Chroma.paint('d95b76')
+      # Grayscale
+      elsif error.hsl.s == 0
+        error = error.saturate(100)
+      # Otherwise, ensure saturation is at least 0.4, or else it's not really red...
+      elsif error.hsl.s < 0.4
+        hsl = error.hsl
+        hsl.s = 0.4
+        error = Chroma.paint(hsl)
+      elsif conservative_background_light?
+        hsl = error.hsl
+        hsl.l = hsl.l - 0.4
+        error = Chroma.paint(hsl)
+      end
+      amt = if background_color.brightness < 100
+              2
+            else
+              -2
+            end
+      while contrast(error, background_color) < 2.5
+        new_error = error.lighten(amt)
+        break if error == new_error
+        error = new_error
+      end
+      error
+    end
+  end
+  def error_bubble_background
+    if error_color.brightness > 200
+      white
+    else
+      error_color
+    end
+  end
+  def error_bubble_color
+    if error_bubble_background == white
+      background_color
+    else
+      white
+    end
+  end
+  def generate_dropdown_colors
+    if background_color.brightness < DARK_BACKGROUND_CUTOFF
+      [base_color, background_color]
+    else
+      [background_color, base_color]
+    end
+  end
+  def black
+    Chroma.paint('#000')
+  end
+  def white
+    Chroma.paint('#fff')
+  end
+  private
+  def generate_input_colors
+    input_background = Dvl::Color::FakeRgba.calculate(background_color, white, 0.4)
+    input_background_focus = Dvl::Color::FakeRgba.calculate(background_color, white, 0.7)
+    input_color = base_color
+    if contrast(input_background, input_color) > 6
+      [input_background, input_background_focus, input_color]
+    else
+      alpha = 0.2
+      input_background = Dvl::Color::FakeRgba.calculate(background_color, black, alpha)
+      input_background_focus = Dvl::Color::FakeRgba.calculate(background_color, black, alpha + 0.4)
+      while contrast(input_background, input_color) < 6
+        alpha += 0.01
+        break if alpha == 1
+        input_background = Dvl::Color::FakeRgba.calculate(background_color, black, alpha)
+        input_background_focus = Dvl::Color::FakeRgba.calculate(background_color, black, alpha + 0.4)
+      end
+      [input_background, input_background_focus, input_color]
+    end
+  end
+  def red?(color)
+    color.hsl.h > 355 ||
+    color.hsl.h < 10
+  end
+  def contrast(c1, c2)
+    ChromaWcagContrast.ratio(c1, c2)
+  end
+end

data/lib/dvl/color/version.rb ADDED Viewed

@@ -0,0 +1,5 @@
+module Dvl
+  module Color
+    VERSION = '0.0.1'
+  end
+end

data/lib/dvl/color.rb ADDED Viewed

@@ -0,0 +1,5 @@
+require 'chroma'
+require 'chroma_wcag_contrast'
+require 'dvl/color/fake_rgba'
+require 'dvl/color/generator'

data/script/cibuild ADDED Viewed

@@ -0,0 +1,3 @@
+#! /bin/sh
+bundle exec rspec

data/script/deploy ADDED Viewed

@@ -0,0 +1,16 @@
+#! /bin/sh
+set -e
+(git branch | grep -q '* master') || {
+  echo "Only release from the master branch."
+  exit 1
+}
+init_branch=`git rev-parse --abbrev-ref HEAD`
+git branch -D gh-pages
+git checkout -b gh-pages
+rake generate_preview
+git commit -am 'deploy preview'
+git push origin gh-pages --force
+git checkout $init_branch

data/script/release ADDED Viewed

@@ -0,0 +1,38 @@
+#!/bin/sh
+# Tag and push a release.
+set -e
+# Make sure we're in the project root.
+cd $(dirname "$0")/..
+# Build a new gem archive.
+rm -rf dvl-color-*.gem
+gem build -q dvl-color.gemspec
+# Make sure we're on the master branch.
+(git branch | grep -q '* master') || {
+  echo "Only release from the master branch."
+  exit 1
+}
+# Figure out what version we're releasing.
+tag=v`ls dvl-color-*.gem | sed 's/^dvl-color-\(.*\)\.gem$/\1/'`
+# Make sure we haven't released this version before.
+git fetch -t origin
+(git tag -l | grep -q "$tag") && {
+  echo "Whoops, there's already a '${tag}' tag."
+  exit 1
+}
+# Tag it and bag it.
+gem push dvl-color-*.gem && git tag "$tag" &&
+  git push origin master && git push origin "$tag"

data/spec/dvl/color/generator_spec.rb ADDED Viewed

@@ -0,0 +1,34 @@
+require 'spec_helper'
+describe Dvl::Color::Generator do
+  expected_output = <<-RESULT
+f7f7f7: $backgroundColor:#f7f7f7;$baseColor:#3d3d3d;$errorColor:#ff6a6a;$errorBubbleBackground:#ff6a6a;$errorBubbleColor:#ffffff;$inputBackground:#fafafa;$inputBackgroundFocus:#fdfdfd;$inputColor:#3d3d3d;$dropdownBackground:#f7f7f7;$dropdownColor:#3d3d3d;
+c4c4c4: $backgroundColor:#c4c4c4;$baseColor:#353535;$errorColor:#ef0000;$errorBubbleBackground:#ef0000;$errorBubbleColor:#ffffff;$inputBackground:#dcdcdc;$inputBackgroundFocus:#ededed;$inputColor:#353535;$dropdownBackground:#c4c4c4;$dropdownColor:#353535;
+949494: $backgroundColor:#949494;$baseColor:#000000;$errorColor:#a30000;$errorBubbleBackground:#a30000;$errorBubbleColor:#ffffff;$inputBackground:#bfbfbf;$inputBackgroundFocus:#dfdfdf;$inputColor:#000000;$dropdownBackground:#949494;$dropdownColor:#000000;
+6e6e6e: $backgroundColor:#6e6e6e;$baseColor:#ffffff;$errorColor:#6c0000;$errorBubbleBackground:#6c0000;$errorBubbleColor:#ffffff;$inputBackground:#585858;$inputBackgroundFocus:#2c2c2c;$inputColor:#ffffff;$dropdownBackground:#ffffff;$dropdownColor:#6e6e6e;
+444444: $backgroundColor:#444444;$baseColor:#dddddd;$errorColor:#ff1818;$errorBubbleBackground:#ff1818;$errorBubbleColor:#ffffff;$inputBackground:#363636;$inputBackgroundFocus:#1b1b1b;$inputColor:#dddddd;$dropdownBackground:#dddddd;$dropdownColor:#444444;
+47141D: $backgroundColor:#47141d;$baseColor:#f3f1f1;$errorColor:#b63c33;$errorBubbleBackground:#b63c33;$errorBubbleColor:#ffffff;$inputBackground:#391017;$inputBackgroundFocus:#1c080c;$inputColor:#f3f1f1;$dropdownBackground:#f3f1f1;$dropdownColor:#47141d;
+333022: $backgroundColor:#333022;$baseColor:#fefefe;$errorColor:#ae514a;$errorBubbleBackground:#ae514a;$errorBubbleColor:#ffffff;$inputBackground:#29261b;$inputBackgroundFocus:#14130e;$inputColor:#fefefe;$dropdownBackground:#fefefe;$dropdownColor:#333022;
+073329: $backgroundColor:#073329;$baseColor:#f2f4f4;$errorColor:#d4201d;$errorBubbleBackground:#d4201d;$errorBubbleColor:#ffffff;$inputBackground:#062921;$inputBackgroundFocus:#031410;$inputColor:#f2f4f4;$dropdownBackground:#f2f4f4;$dropdownColor:#073329;
+072333: $backgroundColor:#072333;$baseColor:#e4e7e9;$errorColor:#b92c1a;$errorBubbleBackground:#b92c1a;$errorBubbleColor:#ffffff;$inputBackground:#061c29;$inputBackgroundFocus:#030e14;$inputColor:#e4e7e9;$dropdownBackground:#e4e7e9;$dropdownColor:#072333;
+2E0D33: $backgroundColor:#2e0d33;$baseColor:#e8e5e9;$errorColor:#a5382a;$errorBubbleBackground:#a5382a;$errorBubbleColor:#ffffff;$inputBackground:#250a29;$inputBackgroundFocus:#120514;$inputColor:#e8e5e9;$dropdownBackground:#e8e5e9;$dropdownColor:#2e0d33;
+D12A6D: $backgroundColor:#d12a6d;$baseColor:#ffffff;$errorColor:#edaea7;$errorBubbleBackground:#edaea7;$errorBubbleColor:#ffffff;$inputBackground:#a72257;$inputBackgroundFocus:#54112c;$inputColor:#ffffff;$dropdownBackground:#ffffff;$dropdownColor:#d12a6d;
+FF7F4C: $backgroundColor:#ff7f4c;$baseColor:#2d0d00;$errorColor:#bc0600;$errorBubbleBackground:#bc0600;$errorBubbleColor:#ffffff;$inputBackground:#ffb294;$inputBackgroundFocus:#ffd9c9;$inputColor:#2d0d00;$dropdownBackground:#ff7f4c;$dropdownColor:#2d0d00;
+1BC7A2: $backgroundColor:#1bc7a2;$baseColor:#062922;$errorColor:#c7211b;$errorBubbleBackground:#c7211b;$errorBubbleColor:#ffffff;$inputBackground:#76ddc7;$inputBackgroundFocus:#bbeee3;$inputColor:#062922;$dropdownBackground:#1bc7a2;$dropdownColor:#062922;
+37A6E6: $backgroundColor:#37a6e6;$baseColor:#03121a;$errorColor:#ac2715;$errorBubbleBackground:#ac2715;$errorBubbleColor:#ffffff;$inputBackground:#87caf0;$inputBackgroundFocus:#c3e4f8;$inputColor:#03121a;$dropdownBackground:#37a6e6;$dropdownColor:#03121a;
+AF45BF: $backgroundColor:#af45bf;$baseColor:#ffffff;$errorColor:#57251e;$errorBubbleBackground:#57251e;$errorBubbleColor:#ffffff;$inputBackground:#8c3799;$inputBackgroundFocus:#461c4c;$inputColor:#ffffff;$dropdownBackground:#ffffff;$dropdownColor:#af45bf;
+FFF7F5: $backgroundColor:#fff7f5;$baseColor:#463834;$errorColor:#ff2934;$errorBubbleBackground:#ff2934;$errorBubbleColor:#ffffff;$inputBackground:#fffaf9;$inputBackgroundFocus:#fffdfc;$inputColor:#463834;$dropdownBackground:#fff7f5;$dropdownColor:#463834;
+FCF9F2: $backgroundColor:#fcf9f2;$baseColor:#34322c;$errorColor:#d64c53;$errorBubbleBackground:#d64c53;$errorBubbleColor:#ffffff;$inputBackground:#fdfbf7;$inputBackgroundFocus:#fefdfb;$inputColor:#34322c;$dropdownBackground:#fcf9f2;$dropdownColor:#34322c;
+F8FFF5: $backgroundColor:#f8fff5;$baseColor:#21291e;$errorColor:#ff2934;$errorBubbleBackground:#ff2934;$errorBubbleColor:#ffffff;$inputBackground:#fbfff9;$inputBackgroundFocus:#fdfffc;$inputColor:#21291e;$dropdownBackground:#f8fff5;$dropdownColor:#21291e;
+F5FDFF: $backgroundColor:#f5fdff;$baseColor:#252f32;$errorColor:#ff2934;$errorBubbleBackground:#ff2934;$errorBubbleColor:#ffffff;$inputBackground:#f9feff;$inputBackgroundFocus:#fcfeff;$inputColor:#252f32;$dropdownBackground:#f5fdff;$dropdownColor:#252f32;
+F7E6FF: $backgroundColor:#f7e6ff;$baseColor:#433649;$errorColor:#ff1a29;$errorBubbleBackground:#ff1a29;$errorBubbleColor:#ffffff;$inputBackground:#faf0ff;$inputBackgroundFocus:#fdf8ff;$inputColor:#433649;$dropdownBackground:#f7e6ff;$dropdownColor:#433649;
+  RESULT
+  it 'calculates properly' do
+    calculations = test_color_array.map do |x|
+      "#{x}: #{described_class.new(x).to_scss}"
+    end.join("\n")
+    expect(calculations.strip).to eq(expected_output.strip)
+  end
+end

data/spec/spec_helper.rb ADDED Viewed

@@ -0,0 +1,26 @@
+require 'dvl/color'
+def test_color_array
+  %w(
+    f7f7f7
+    c4c4c4
+    949494
+    6e6e6e
+    444444
+    47141D
+    333022
+    073329
+    072333
+    2E0D33
+    D12A6D
+    FF7F4C
+    1BC7A2
+    37A6E6
+    AF45BF
+    FFF7F5
+    FCF9F2
+    F8FFF5
+    F5FDFF
+    F7E6FF
+  )
+end

metadata ADDED Viewed

@@ -0,0 +1,119 @@
+--- !ruby/object:Gem::Specification
+name: dvl-color
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Adam Becker
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2016-03-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: chroma
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.0.1
+- !ruby/object:Gem::Dependency
+  name: chroma_wcag_contrast
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.0.1
+- !ruby/object:Gem::Dependency
+  name: fortitude
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description:
+email: adam@dobt.co
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".ruby-version"
+- Gemfile
+- LICENSE.md
+- README.md
+- Rakefile
+- circle.yml
+- dvl-color.gemspec
+- lib/dvl/color.rb
+- lib/dvl/color/fake_rgba.rb
+- lib/dvl/color/generator.rb
+- lib/dvl/color/version.rb
+- script/cibuild
+- script/deploy
+- script/release
+- spec/dvl/color/generator_spec.rb
+- spec/spec_helper.rb
+homepage: http://github.com/dobtco/dvl-color
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.0.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project:
+rubygems_version: 2.5.1
+signing_key:
+specification_version: 4
+summary: Generate beautiful, accessible color schemes.
+test_files:
+- spec/dvl/color/generator_spec.rb
+- spec/spec_helper.rb
+has_rdoc: