themes/theme3.less


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

@import "../node_modules/bootstrap/less/variables";

@brand-primary:         #f19224;
@brand-success:         #39AB50;
@brand-info:            #6618F9;
@brand-warning:         #DAD216;
@brand-danger:          #DA1639;

@state-success-text:             @brand-success;
@state-success-bg:               lighten(@brand-success,40%);
@state-success-border:           @brand-success;

@state-info-text:                @brand-info;
@state-info-bg:                  lighten(@brand-info,40%);
@state-info-border:              @brand-info;

@state-warning-text:             @brand-warning;
@state-warning-bg:               lighten(@brand-warning,40%);
@state-warning-border:           @brand-warning;

@state-danger-text:              @brand-danger;
@state-danger-bg:                lighten(@brand-danger,40%);
@state-danger-border:            @brand-danger;

@navbar-default-color:  #fff;
@navbar-default-bg:     #000;
@navbar-default-border: #000;

@navbar-default-link-color:         #fff;
@navbar-default-link-hover-color:   #ddd;
@navbar-default-link-hover-bg:      #222;

@navbar-default-link-active-color:  @brand-primary;
@navbar-default-link-active-bg:     #000;
@navbar-default-link-disabled-color:#777;
@navbar-default-link-disabled-bg:   #000;

@navbar-default-brand-color:        #fff;
@navbar-default-brand-hover-color:  @brand-primary;
@navbar-default-brand-hover-bg:     #000;

.navbar {
	.bg-info {
    background-color: darken(@brand-info, 30%);
	}
  .bg-danger {
	  background-color: darken(@brand-danger, 30%);
  }
}

#shifts td a {
  color: #000;
}

@import "base.less";