Sha256: 1b5795b8b0b6d1c084442a67fcc92b30ae86a0dba472814bdf1b703224dc8b2f

Contents?: true

Size: 1.62 KB

Versions: 2

Compression:

Stored size: 1.62 KB

Contents

// In theory the lightness and saturation values of corresponding colors should not change.
// In reality, these values should be adjusted to create a more pleasant color combination.
// There is not any mathematical formula for this, but you can use the lighten, darken,
// saturate and desaturate functions to adjust your main colors.
!base_color ||= red
!complement_support_color = adjust_hue(!base_color, 180 + 30)
!complement_accent_color  = adjust_hue(!base_color, 180 - 30)

!base_dark_color     = darken(!base_color, 50)
!base_darker_color   = darken(!base_color, 70)
!base_darkest_color  = darken(!base_color, 90)
!base_light_color    = lighten(!base_color, 50)
!base_lighter_color  = lighten(!base_color, 70)
!base_lightest_color = lighten(!base_color, 90)

!dark_complement_support_color     = darken(!complement_support_color, 50)
!darker_complement_support_color   = darken(!complement_support_color, 70)
!darkest_complement_support_color  = darken(!complement_support_color, 90)
!light_complement_support_color    = lighten(!complement_support_color, 50)
!lighter_complement_support_color  = lighten(!complement_support_color, 70)
!lightest_complement_support_color = lighten(!complement_support_color, 90)

!dark_complement_accent_color     = darken(!complement_accent_color, 50)
!darker_complement_accent_color   = darken(!complement_accent_color, 70)
!darkest_complement_accent_color  = darken(!complement_accent_color, 90)
!light_complement_accent_color    = lighten(!complement_accent_color, 50)
!lighter_complement_accent_color  = lighten(!complement_accent_color, 70)
!lightest_complement_accent_color = lighten(!complement_accent_color, 90)

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
chriseppstein-compass-colors-0.1.1 example/src/_split_compliment_theme.sass
chriseppstein-compass-colors-0.1.3 example/src/_split_compliment_theme.sass