Adjust stripe color

examples/bootstrap.html

@@ -376,37 +376,48 @@
       <div class="ui three column grid">
         <div class="column">
           <div class="ui segments">
-            <div class="ui top attached error message">Error</div>
-            <div class="ui segment">Panel content</div>
+            <div class="ui red segment">One</div>
+            <div class="ui blue segment">Two</div>
+            <div class="ui green segment">Three</div>
           </div>
         </div>
         <div class="column">
-          <div class="ui segments">
-            <div class="ui top attached info message">Info</div>
-            <div class="ui segment">Panel content</div>
+          <div class="ui raised segments">
+            <div class="ui segment">One</div>
+            <div class="ui segment">Two</div>
+            <div class="ui segment">Three</div>
           </div>
         </div>
         <div class="column">
-          <div class="ui segments">
-            <div class="ui top attached success message">Success</div>
-            <div class="ui segment">Panel content</div>
+          <div class="ui stacked segments">
+            <div class="ui segment">One</div>
+            <div class="ui segment">Two</div>
+            <div class="ui segment">Three</div>
           </div>
         </div>
+        <div class="column">
+          <div class="ui top attached error message">Error</div>
+          <div class="ui bottom attached segment">Panel content</div>
+        </div>
+        <div class="column">
+          <div class="ui top attached info message">Info</div>
+          <div class="ui bottom attached segment">Panel content</div>
+        </div>
+        <div class="column">
+          <div class="ui top attached success message">Success</div>
+          <div class="ui bottom attached segment">Panel content</div>
+        </div>
         <div class="column">
           <h4 class="ui top attached inverted header">Header</h4>
           <div class="ui buttom attached segment">Panel content</div>
         </div>
         <div class="column">
-          <div class="ui segments">
           <h4 class="ui top attached block header">Header</h4>
-          <div class="ui buttom attached segment">Panel content</div>
-          </div>
+          <div class="ui bottom attached segment">Panel content</div>
         </div>
         <div class="column">
-          <div class="ui segments">
           <h4 class="ui top attached header">Header</h4>
-          <div class="ui buttom attached segment">Panel content</div>
-          </div>
+          <div class="ui bottom attached segment">Panel content</div>
         </div>
       </div>
     </div>

src/themes/default/collections/table.variables

@@ -147,8 +147,8 @@
 @attachedTableWidth: ~"calc(100% + "@attachedHorizontalOffset * -2~")";
 
 /* Striped */
-@stripedBackground: rgba(0, 0, 50, 0.03);
-@invertedStripedBackground: rgba(255, 255, 255, 0.06);
+@stripedBackground: rgba(0, 0, 50, 0.02);
+@invertedStripedBackground: rgba(255, 255, 255, 0.05);
 
 /* Selectable */
 @selectableBackground: @transparentBlack;