Browse code
button colors
Ed Langley authored on 09/04/2019 05:45:24
Showing 2 changed files
Showing 2 changed files
... | ... |
@@ -99,18 +99,12 @@ |
99 | 99 |
|
100 | 100 |
// Set text color |
101 | 101 |
// ------------------------- |
102 |
-.btn-primary, |
|
103 |
-.btn-primary:hover, |
|
104 |
-.btn-warning, |
|
105 |
-.btn-warning:hover, |
|
106 |
-.btn-danger, |
|
107 |
-.btn-danger:hover, |
|
108 |
-.btn-success, |
|
109 |
-.btn-success:hover, |
|
110 |
-.btn-info, |
|
111 |
-.btn-info:hover, |
|
112 |
-.btn-inverse, |
|
113 |
-.btn-inverse:hover { |
|
102 |
+.btn-primary, .btn-primary:hover, |
|
103 |
+.btn-warning, .btn-warning:hover, |
|
104 |
+.btn-danger, .btn-danger:hover, |
|
105 |
+.btn-success, .btn-success:hover, |
|
106 |
+.btn-info, .btn-info:hover, |
|
107 |
+.btn-inverse, .btn-inverse:hover { |
|
114 | 108 |
color: @white; |
115 | 109 |
text-shadow: 0 -1pt 0 rgba(0,0,0,.25); |
116 | 110 |
} |
... | ... |
@@ -128,8 +122,7 @@ |
128 | 122 |
// ------------------------- |
129 | 123 |
.btn { |
130 | 124 |
// reset here as of 2.0.3 due to Recess property order |
131 |
- border-color: #ccc; |
|
132 |
- border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); |
|
125 |
+ border-color: @zenburnBgLight; |
|
133 | 126 |
} |
134 | 127 |
.btn-primary { |
135 | 128 |
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight); |
... | ... |
@@ -87,17 +87,17 @@ |
87 | 87 |
@btnPrimaryBackground: @linkColor; |
88 | 88 |
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 10%); |
89 | 89 |
|
90 |
-@btnInfoBackground: #5bc0de; |
|
91 |
-@btnInfoBackgroundHighlight: #2f96b4; |
|
90 |
+@btnInfoBackground: @blueDark; |
|
91 |
+@btnInfoBackgroundHighlight: @blue; |
|
92 | 92 |
|
93 |
-@btnSuccessBackground: #62c462; |
|
94 |
-@btnSuccessBackgroundHighlight: #51a351; |
|
93 |
+@btnSuccessBackground: @green; |
|
94 |
+@btnSuccessBackgroundHighlight: lighten(@green, 15%); |
|
95 | 95 |
|
96 | 96 |
@btnWarningBackground: lighten(@orange, 15%); |
97 | 97 |
@btnWarningBackgroundHighlight: @orange; |
98 | 98 |
|
99 |
-@btnDangerBackground: #ee5f5b; |
|
100 |
-@btnDangerBackgroundHighlight: #bd362f; |
|
99 |
+@btnDangerBackground: @red; |
|
100 |
+@btnDangerBackgroundHighlight: darken(@red, 15%); |
|
101 | 101 |
|
102 | 102 |
@btnInverseBackground: @gray; |
103 | 103 |
@btnInverseBackgroundHighlight: @grayDarker; |