summaryrefslogtreecommitdiffstats
path: root/client/components/boards/colors.styl
blob: 2b60dde358ccc894e536577cfac23d8664abc872 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
// We define a set of six board colors that we took from the FlatUI palette.
// http://flatuicolors.com

setBoardColor(color)
  &#header,
  &.sk-spinner div,
  .board-backgrounds-list &.background-box,
  .board-list & a
    background-color: color

  & .minicard.is-selected .minicard-details
    border-left: 3px solid color

  &.pop-over .pop-over-list li a:hover,
  button[type=submit].primary, input[type=submit].primary
    background-color: darken(color, 20%)

  &#header #header-quick-access ul li.current
    border-bottom: 2px solid lighten(color, 10%)

  &#header #header-main-bar .board-header-btn.emphasis
    background: complement(color)

    &:hover,
    .board-header-btn-close
      background: darken(complement(color), 10%)

    &:hover .board-header-btn-close
      background: darken(complement(color), 20%)

.board-color-nephritis
  setBoardColor(#27AE60)

.board-color-pomegranate
  setBoardColor(#C0392B)

.board-color-belize
  setBoardColor(#2980B9)

.board-color-wisteria
  setBoardColor(#8E44AD)

.board-color-midnight
  setBoardColor(#2C3E50)

.board-color-pumpkin
  setBoardColor(#E67E22)