Module: ActiveFrontendHelper

Defined in:
app/helpers/active_frontend_helper.rb

Instance Method Summary collapse

Instance Method Details

#colors(opacity = 1) ⇒ Object 



49
50
51
52
 
# File 'app/helpers/active_frontend_helper.rb', line 49

def colors(opacity = 1)
  colors_global(opacity).merge(colors_brand(opacity))
                        .merge(colors_grayscale(opacity))
end

#colors_brand(opacity = 1) ⇒ Object

rubocop:disable Metrics/MethodLength



4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
# File 'app/helpers/active_frontend_helper.rb', line 4

def colors_brand(opacity = 1)
  {
    lime: { rgba: "rgba(161,215,77,#{opacity})", hex: '#A1D74D' },
    green: { rgba: "rgba(27,185,51,#{opacity})", hex: '#1BB933' },
    teal: { rgba: "rgba(46,207,221,#{opacity})", hex: '#2ECFDD' },
    sky: { rgba: "rgba(0,170,255,#{opacity})", hex: '#00AAFF' },
    blue: { rgba: "rgba(13,134,246,#{opacity})", hex: '#0D86F6' },
    indigo: { rgba: "rgba(126,99,226,#{opacity})", hex: '#7E63E2' },
    purple: { rgba: "rgba(186,91,206,#{opacity})", hex: '#BA5BCE' },
    pink: { rgba: "rgba(239,76,136,#{opacity})", hex: '#EA4C88' },
    red: { rgba: "rgba(235,60,34,#{opacity})", hex: '#EB3C22' },
    brown: { rgba: "rgba(133,97,25,#{opacity})", hex: '#856119' },
    orange: { rgba: "rgba(253,163,13,#{opacity})", hex: '#FDA30D' },
    yellow: { rgba: "rgba(246,209,35,#{opacity})", hex: '#F6D123' }
  }
end

#colors_global(opacity = 1) ⇒ Object

rubocop:enable Metrics/MethodLength



38
39
40
41
42
43
44
45
46
47
 
# File 'app/helpers/active_frontend_helper.rb', line 38

def colors_global(opacity = 1)
  available_colors = colors_brand(opacity)

  {
    primary: available_colors[:blue],
    secondary: available_colors[:green],
    tertiary: available_colors[:red],
    quaditiary: available_colors[:yellow]
  }
end

#colors_grayscale(opacity = 1) ⇒ Object 



21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
# File 'app/helpers/active_frontend_helper.rb', line 21

def colors_grayscale(opacity = 1)
  {
    transparent: { rgba: 'rgba(0,0,0,0)', hex: '#FFFFFF' },
    dark_black: { rgba: "rgba(37,49,62,#{opacity})", hex: '#25313E' },
    black: { rgba: "rgba(44,58,73,#{opacity})", hex: '#2C3A49' },
    light_black: { rgba: "rgba(51,67,83,#{opacity})", hex: '#334353' },
    dark_gray: { rgba: "rgba(110,128,150,#{opacity})", hex: '#6E8096' },
    gray: { rgba: "rgba(130,146,164,#{opacity})", hex: '#8292A4' },
    light_gray: { rgba: "rgba(153,166,183,#{opacity})", hex: '#99A6B7' },
    dark_haze: { rgba: "rgba(229,232,241,#{opacity})", hex: '#E5E8F1' },
    haze: { rgba: "rgba(238,240,246,#{opacity})", hex: '#EEF0F6' },
    light_haze: { rgba: "rgba(249,250,252,#{opacity})", hex: '#F9FAFC' },
    white: { rgba: "rgba(255,255,255,#{opacity})", hex: '#FFFFFF' }
  }
end