less-theme/theme.less at master · timothyausten/less-theme · GitHub

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/* Color themes defined here.
   Choose theme at the end of this file. */


// Saturated theme

.saturated {
    @headerbackground: #a3c6e4;
    @headeraccent: #fff500;

    @footerbackground: hsla(0, 0, 0, 0%);
    @footertext: #fff;
    @contentbackground: hsla(0, 100%, 74%, 100%);
    @footertopbordercolor: hsla(100%, 100%, 100%, .5);
    @contentheadertext: #fff;
    @contenttext: #fff;
    @sidebarbackground: #fac5c5;


    @nav-list-item1: #fac5c5, #ff6a6a, #ff3434;
    @nav-list-item2: #a0dda0, #55db55, #00b900;
    @nav-list-item3: #7ab3e4, #2d8de0, #0065bc;
    @nav-list-item4: #81c8b5, #43cca7, #00986f;
    @nav-list-item5: #cb9de0, #c478e6, #a932de;
}

// Accented gray theme

.grayaccented {
    @headerbackground: #999;
    @headeraccent: #f0f;

    @footerbackground: #fff;
    @footertext: #777;
    @contentbackground: hsla(0, 100%, 50%, 0);
    @footertopbordercolor: hsla(0, 0, 0, .2);
    @contenttext: #777;
    @contentheadertext: #666;
    @sidebarbackground: #bbb;

    @nav-list-item-a: #bbb, #aaa, #999;
    @nav-list-item-b: #aaa, #999, #777;

    @nav-list-item1: @nav-list-item-a;
    @nav-list-item2: @nav-list-item-a;
    @nav-list-item3: @nav-list-item-a;
    @nav-list-item4: @nav-list-item-a;
    @nav-list-item5: @nav-list-item-a;
}

.grayaccentedmore {
    @headerbackground: #999;
    @headeraccent: #f0f;

    @footerbackground: #fff;
    @footertext: #777;
    @contentbackground: hsla(0, 100%, 50%, 0);
    @footertopbordercolor: hsla(0, 0, 0, .2);
    @contenttext: #777;
    @contentheadertext: #666;
    @sidebarbackground: #bbb;

    @nav-list-item1: #fac5c5, #ff6a6a, #ff3434;
    @nav-list-item2: #a0dda0, #55db55, #00b900;
    @nav-list-item3: #7ab3e4, #2d8de0, #0065bc;
    @nav-list-item4: #81c8b5, #43cca7, #00986f;
    @nav-list-item5: #cb9de0, #c478e6, #a932de;
}

// Choose theme

.grayaccented();