Fix border colors to match, add veryStrongTransparentBlack. Increase contrast on checkboxes

RELEASE-NOTES.md

@@ -104,7 +104,9 @@
 - **Input** - Fixed improper left padding on `transparent left icon input` **Thanks @zxfwinder**
 - **Input** - Fixed `placeholder` color not changing correctly on focus **Thanks @zxfwinder**
 - **Label** - Labels inside `header` now vertical align better by accounting for line height offset
+- **List** - Bullets and numbers are no longer selectable in `bulleted list` and `ordered list`
 - **List** - Fixed `inverted bulleted list` bullet color
+- **List** - Fix first element touches border on `ui horizontal celled list`
 - **Loader** - Fix position of `inline centered loader` to be centered correctly
 - **Message** - Message now uses `@lineHeight` from `site.variables`
 - **Message** - Updated all message colors for legibility

src/themes/default/collections/table.variables

@@ -188,7 +188,7 @@
 @invertedBorder: none;
 @invertedCellBorderColor: @whiteBorderColor;
 @invertedCellColor: @invertedTextColor;
-@invertedHeaderBackground: rgba(0, 0, 0, 0.15);
+@invertedHeaderBackground: @veryStrongTransparentBlack;
 @invertedHeaderColor: @invertedTextColor;
 
 @invertedDefinitionColumnBackground: @subtleTransparentWhite;

src/themes/default/elements/input.variables

@@ -18,7 +18,7 @@
 @textAlign: left;
 @background: #FFFFFF;
 @borderWidth: 1px;
-@border: @borderWidth solid rgba(0, 0, 0, 0.15);
+@border: @borderWidth solid @borderColor;
 @boxShadow: none;
 
 @borderRadius: @defaultBorderRadius;

src/themes/default/modules/checkbox.variables

@@ -65,7 +65,7 @@
 @checkboxRadioTop: 1px;
 @checkboxRadioLeft: 0px;
 
-@checkboxBulletScale: 0.428571428;
+@checkboxBulletScale: 0.428571428; /* 6px @ 14pxrem */
 @checkboxBulletColor: @textColor;
 @checkboxBulletRadius: @circularRadius;
 
@@ -84,7 +84,7 @@
 @sliderWidth: @sliderLineWidth;
 @sliderHeight: (@sliderHandleSize + @sliderHandleOffset);
 
-@sliderLineHeight: 0.25rem;
+@sliderLineHeight: 0.2142rem;
 @sliderLineVerticalOffset: 0.4rem;
 @sliderLineColor: @neutralCheckbox;
 @sliderLineRadius: @circularRadius;
@@ -94,11 +94,11 @@
 @sliderLabelDistance: @sliderLineWidth + 1rem;
 @sliderOffLabelColor: @unselectedTextColor;
 
-@sliderOnLineColor: @strongTransparentBlack;
+@sliderOnLineColor: @lightBlack;
 @sliderOnLabelColor: @selectedTextColor;
 @sliderLabelLineHeight: 1rem;
 
-@sliderHoverLaneBackground: @strongTransparentBlack;
+@sliderHoverLaneBackground: @veryStrongTransparentBlack;
 @sliderHoverLabelColor: @hoveredTextColor;
 
 
@@ -126,7 +126,7 @@
 @toggleLabelOffset: 0.15em;
 
 
-@toggleFocusColor: @strongTransparentBlack;
+@toggleFocusColor: @veryStrongTransparentBlack;
 @toggleHoverColor: @toggleFocusColor;
 
 @toggleOffLabelColor: @checkboxColor;