git.fiddlerwoaroof.com
Browse code

button colors

Ed Langley authored on 09/04/2019 05:45:24
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;