From ded08e39f77da048bfb774f0f0f0affb78e75cbc Mon Sep 17 00:00:00 2001 From: jlukic Date: Tue, 7 Apr 2015 19:04:44 -0400 Subject: [PATCH] Fix border colors to match, add veryStrongTransparentBlack. Increase contrast on checkboxes --- RELEASE-NOTES.md | 2 ++ src/themes/default/collections/table.variables | 2 +- src/themes/default/elements/input.variables | 2 +- src/themes/default/modules/checkbox.variables | 10 +++++----- 4 files changed, 9 insertions(+), 7 deletions(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 80dc9f7fe8..ef277cacb0 100644 --- a/RELEASE-NOTES.md +++ b/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 diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables index 36dc175872..6394393e9e 100644 --- a/src/themes/default/collections/table.variables +++ b/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; diff --git a/src/themes/default/elements/input.variables b/src/themes/default/elements/input.variables index 488a818de4..3b29bc787d 100644 --- a/src/themes/default/elements/input.variables +++ b/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; diff --git a/src/themes/default/modules/checkbox.variables b/src/themes/default/modules/checkbox.variables index 644f735d27..5168e05a03 100644 --- a/src/themes/default/modules/checkbox.variables +++ b/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;