From 8f6a15a323ce121df7a0d1ccec82648ab587de00 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Wed, 27 May 2015 15:06:12 -0400
Subject: [PATCH] Fix issues with inverted secondary/tertiary segment, adjust
 lightness of inverted #2306

---
 src/definitions/elements/segment.less         |  4 +--
 src/themes/default/elements/segment.variables | 36 +++++++++++++------
 src/themes/default/globals/site.variables     |  5 +--
 3 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less
index 35cb20ad6..08bba76c5 100755
--- a/src/definitions/elements/segment.less
+++ b/src/definitions/elements/segment.less
@@ -504,8 +504,6 @@
 
 .ui.inverted.segment {
   border: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
   box-shadow: none;
 }
 .ui.inverted.segment .segment {
@@ -536,7 +534,7 @@
 
 .ui.tertiary.segment {
   background: @tertiaryBackground;
-  color: @textColor;
+  color: @tertiaryColor;
 }
 
 .ui.secondary.inverted.segment {
diff --git a/src/themes/default/elements/segment.variables b/src/themes/default/elements/segment.variables
index 6454edd1b..61e777923 100644
--- a/src/themes/default/elements/segment.variables
+++ b/src/themes/default/elements/segment.variables
@@ -89,14 +89,28 @@
 @coloredBorderSize: 2px;
 
 /* Ordinality */
-@secondaryBackground: #FAF9FA;
-@secondaryColor: @textColor;
-
-@tertiaryBackground:  #EBEBEB;
-@tertiaryColor: @lightTextColor;
-
-@secondaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
-@secondaryInvertedColor: @offWhite;
-
-@tertiaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
-@tertiaryInvertedColor: @darkWhite;
+@secondaryBackground: @darkWhite;
+@secondaryColor: @mutedTextColor;
+
+@tertiaryBackground:  @midWhite;
+@tertiaryColor: @mutedTextColor;
+
+@secondaryInvertedLightness: 0.2;
+@secondaryInvertedBackground:
+  lighten(@black, (@secondaryInvertedLightness * 100))
+  linear-gradient(
+    rgba(255, 255, 255, @secondaryInvertedLightness) 0%,
+    rgba(255, 255, 255, @secondaryInvertedLightness) 100%
+  )
+;
+@secondaryInvertedColor: @invertedMutedTextColor;
+
+@tertiaryInvertedLightness: 0.35;
+@tertiaryInvertedBackground:
+  lighten(@black, (@tertiaryInvertedLightness * 100))
+  linear-gradient(
+    rgba(255, 255, 255, @tertiaryInvertedLightness) 0%,
+    rgba(255, 255, 255, @tertiaryInvertedLightness) 100%
+  )
+;
+@tertiaryInvertedColor: @invertedMutedTextColor;
diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables
index e646709e6..a11434c98 100644
--- a/src/themes/default/globals/site.variables
+++ b/src/themes/default/globals/site.variables
@@ -186,8 +186,9 @@
 
 /*---   Neutrals  ---*/
 @fullBlack        : #000000;
-@offWhite         : #FAFAFA;
-@darkWhite        : #F4F4F4;
+@offWhite         : #F9FAFB;
+@darkWhite        : #F3F4F5;
+@midWhite         : #DCDDDE;
 @white            : #FFFFFF;
 
 /*--- Colored Backgrounds ---*/