web/static-src/variables.less at master · TK-IT/web · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
//== Colors
//
//##

@brand-primary:        #bbc;
@body-bg:              #080808;
@text-color:           @gray-lighter;
@link-hover-color:     #fff;

@tkweb-border-color:   lighten(@body-bg, 10%);

//== Navbar
//
//##

@grid-float-breakpoint:                     @screen-md-min;

@navbar-inverse-color:                      @text-color;
@navbar-inverse-bg:                         @body-bg;
@navbar-inverse-border:                     @tkweb-border-color;

// Inverted navbar links
@navbar-inverse-link-color:                 @text-color;
@navbar-inverse-link-hover-color:           @gray-light;
@navbar-inverse-link-active-color:          @navbar-inverse-link-color;
@navbar-inverse-link-active-bg:             @navbar-inverse-border;

// Inverted navbar brand label
@navbar-inverse-brand-color:                #fff;
@navbar-inverse-brand-hover-color:          #fff;


//== Dropdowns
//
//## Dropdown menu container and contents.

@dropdown-bg:                    @body-bg;
@dropdown-border:                @tkweb-border-color;
@dropdown-fallback-border:       @tkweb-border-color;
@dropdown-divider-bg:            @tkweb-border-color;

@dropdown-link-color:            @navbar-inverse-link-color;

@dropdown-link-hover-color:      @navbar-inverse-link-hover-color;
@dropdown-link-hover-bg:         inherit;

@dropdown-link-active-color:     @dropdown-link-color;
@dropdown-link-active-bg:        @dropdown-border;


//== Panels
//
//##

@panel-bg:                    @body-bg;
@panel-default-text:          @text-color;
@panel-default-border:        @tkweb-border-color;
@panel-default-heading-bg:    @tkweb-border-color;


//== Jumbotron
//
//##

@jumbotron-bg:                @body-bg;

//== Thumbnails
//
//##

//** Thumbnail background color
@thumbnail-bg:                @body-bg;
//** Thumbnail border color
@thumbnail-border:            @tkweb-border-color;

//== Type
//
//##
//** Page header border color
@page-header-border-color:    @tkweb-border-color;
//** Horizontal line color.
@hr-border:                   @tkweb-border-color;

//== Table
//
//##
@table-border-color:          @tkweb-border-color;


//== Buttons
//
//##

@btn-default-color:              @text-color;
@btn-default-bg:                 @body-bg;

//== Forms
//
//##

//** `<input>` background color
@input-bg:                       @body-bg;

//** Text color for `<input>`s
@input-color:                    @text-color;

//== Iconography
//
//##

@icon-font-path: "bootstrap/fonts/";