From b65742f81ea89b525956833ec719adcab9f2673c Mon Sep 17 00:00:00 2001
From: Sarabveer Singh <me@sarabveer.me>
Date: Mon, 2 Apr 2018 18:38:32 -0400
Subject: [PATCH] Flatly: Change Text color to black, background #F5F5F5

---
 dist/bootstrap-flatly.css     | 38 +++++++++++++++++------------------
 dist/bootstrap-flatly.min.css | 36 ++++++++++++++++-----------------
 src/bootstrap-flatly.less     |  4 ++--
 3 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/dist/bootstrap-flatly.css b/dist/bootstrap-flatly.css
index 7c83b47..599eb75 100644
--- a/dist/bootstrap-flatly.css
+++ b/dist/bootstrap-flatly.css
@@ -1077,8 +1077,8 @@ body {
   font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 15px;
   line-height: 1.42857143;
-  color: #2c3e50;
-  background-color: #ecf0f1;
+  color: #000000;
+  background-color: #f5f5f5;
 }
 input,
 button,
@@ -1122,7 +1122,7 @@ img {
 .img-thumbnail {
   padding: 4px;
   line-height: 1.42857143;
-  background-color: #ecf0f1;
+  background-color: #f5f5f5;
   border: 1px solid #ecf0f1;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
@@ -2282,7 +2282,7 @@ th {
   border-top: 2px solid #ecf0f1;
 }
 .table .table {
-  background-color: #ecf0f1;
+  background-color: #f5f5f5;
 }
 .table-condensed > thead > tr > th,
 .table-condensed > tbody > tr > th,
@@ -2491,7 +2491,7 @@ legend {
   margin-bottom: 21px;
   font-size: 22.5px;
   line-height: inherit;
-  color: #2c3e50;
+  color: #000000;
   border: 0;
   border-bottom: 1px solid transparent;
 }
@@ -2534,7 +2534,7 @@ output {
   padding-top: 11px;
   font-size: 15px;
   line-height: 1.42857143;
-  color: #2c3e50;
+  color: #000000;
 }
 .form-control {
   display: block;
@@ -2543,7 +2543,7 @@ output {
   padding: 10px 15px;
   font-size: 15px;
   line-height: 1.42857143;
-  color: #2c3e50;
+  color: #000000;
   background-color: #ffffff;
   background-image: none;
   border: 1px solid #dce4ec;
@@ -2900,7 +2900,7 @@ select[multiple].input-lg {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
-  color: #597ea2;
+  color: #404040;
 }
 @media (min-width: 768px) {
   .form-inline .form-group {
@@ -3885,7 +3885,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   font-size: 15px;
   font-weight: normal;
   line-height: 1;
-  color: #2c3e50;
+  color: #000000;
   text-align: center;
   background-color: #ecf0f1;
   border: 1px solid #dce4ec;
@@ -4020,7 +4020,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
   color: #2c3e50;
-  background-color: #ecf0f1;
+  background-color: #f5f5f5;
   border: 1px solid #ecf0f1;
   border-bottom-color: transparent;
   cursor: default;
@@ -4066,7 +4066,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   .nav-tabs.nav-justified > .active > a,
   .nav-tabs.nav-justified > .active > a:hover,
   .nav-tabs.nav-justified > .active > a:focus {
-    border-bottom-color: #ecf0f1;
+    border-bottom-color: #f5f5f5;
   }
 }
 .nav-pills > li {
@@ -4134,7 +4134,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   .nav-tabs-justified > .active > a,
   .nav-tabs-justified > .active > a:hover,
   .nav-tabs-justified > .active > a:focus {
-    border-bottom-color: #ecf0f1;
+    border-bottom-color: #f5f5f5;
   }
 }
 .tab-content > .tab-pane {
@@ -4985,7 +4985,7 @@ a.badge:focus {
   padding: 4px;
   margin-bottom: 21px;
   line-height: 1.42857143;
-  background-color: #ecf0f1;
+  background-color: #f5f5f5;
   border: 1px solid #ecf0f1;
   border-radius: 4px;
   -webkit-transition: border 0.2s ease-in-out;
@@ -5004,7 +5004,7 @@ a.thumbnail.active {
 }
 .thumbnail .caption {
   padding: 9px;
-  color: #2c3e50;
+  color: #000000;
 }
 .alert {
   padding: 15px;
@@ -5659,7 +5659,7 @@ button.list-group-item-danger.active:focus {
   border-color: #ecf0f1;
 }
 .panel-default > .panel-heading {
-  color: #2c3e50;
+  color: #000000;
   background-color: #ecf0f1;
   border-color: #ecf0f1;
 }
@@ -5668,7 +5668,7 @@ button.list-group-item-danger.active:focus {
 }
 .panel-default > .panel-heading .badge {
   color: #ecf0f1;
-  background-color: #2c3e50;
+  background-color: #000000;
 }
 .panel-default > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: #ecf0f1;
@@ -6981,11 +6981,11 @@ a.list-group-item-danger.active:focus {
   background-color: #e43725;
 }
 .panel-default .close {
-  color: #2c3e50;
+  color: #000000;
 }
 .modal .close {
-  color: #2c3e50;
+  color: #000000;
 }
 .popover {
-  color: #2c3e50;
+  color: #000000;
 }
diff --git a/dist/bootstrap-flatly.min.css b/dist/bootstrap-flatly.min.css
index bb75bf4..cdbc7a9 100644
--- a/dist/bootstrap-flatly.min.css
+++ b/dist/bootstrap-flatly.min.css
@@ -1,5 +1,6 @@
 /*! Generated by Live LESS Theme Customizer */
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
+body,mark{color:#000}
 body,figure{margin:0}
 .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
@@ -12,7 +13,7 @@ a:active,a:hover{outline:0}
 b,optgroup,strong{font-weight:700}
 dfn{font-style:italic}
 h1{margin:.67em 0}
-mark{background:#ff0;color:#000}
+mark{background:#ff0}
 sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 sup{top:-.5em}
 sub{bottom:-.25em}
@@ -50,7 +51,7 @@ h2,h3{page-break-after:avoid}
 .table td,.table th{background-color:#fff!important}
 .table-bordered td,.table-bordered th{border:1px solid #ddd!important}
 }
-.img-thumbnail,body{background-color:#ecf0f1}
+.img-thumbnail,body{background-color:#f5f5f5}
 .btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}
 @font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
 .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@@ -313,7 +314,7 @@ h2,h3{page-break-after:avoid}
 .glyphicon-menu-down:before{content:"\e259"}
 .glyphicon-menu-up:before{content:"\e260"}
 *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-body{font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.42857143;color:#2c3e50}
+body{font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.42857143}
 button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
 a{color:#3498db;text-decoration:none}
 a:focus,a:hover{color:#3498db;text-decoration:underline}
@@ -627,7 +628,7 @@ caption{padding-top:8px;padding-bottom:8px;color:#b4bcc2}
 .table>thead>tr>th{vertical-align:bottom}
 .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}
 .table>tbody+tbody{border-top:2px solid #ecf0f1}
-.table .table{background-color:#ecf0f1}
+.table .table{background-color:#f5f5f5}
 .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}
 .table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ecf0f1}
 .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}
@@ -654,11 +655,11 @@ table td[class*=col-],table th[class*=col-]{position:static;float:none;display:t
 }
 fieldset,legend{padding:0;border:0}
 fieldset{margin:0;min-width:0}
-legend{display:block;width:100%;margin-bottom:21px;font-size:22.5px;line-height:inherit;color:#2c3e50;border-bottom:1px solid transparent}
+legend{display:block;width:100%;margin-bottom:21px;font-size:22.5px;line-height:inherit;color:#000;border-bottom:1px solid transparent}
 label{display:inline-block;max-width:100%;margin-bottom:5px}
 input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
 input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
-.form-control,output{display:block;font-size:15px;line-height:1.42857143;color:#2c3e50}
+.form-control,output{display:block;font-size:15px;line-height:1.42857143;color:#000}
 input[type=file]{display:block}
 input[type=range]{display:block;width:100%}
 select[multiple],select[size]{height:auto}
@@ -720,7 +721,7 @@ select[multiple].input-lg,textarea.input-lg{height:auto}
 .has-error .input-group-addon{color:#fff;background-color:#e74c3c}
 .has-feedback label~.form-control-feedback{top:26px}
 .has-feedback label.sr-only~.form-control-feedback{top:0}
-.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#597ea2}
+.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#404040}
 @media (min-width:768px){.form-inline .form-control-static,.form-inline .form-group{display:inline-block}
 .form-inline .control-label,.form-inline .form-group{margin-bottom:0;vertical-align:middle}
 .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
@@ -869,7 +870,7 @@ select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.i
 .nav>li,.nav>li>a{position:relative;display:block}
 .input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
 .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
-.input-group-addon{padding:10px 15px;font-size:15px;font-weight:400;line-height:1;color:#2c3e50;text-align:center;background-color:#ecf0f1;border:1px solid #dce4ec;border-radius:4px}
+.input-group-addon{padding:10px 15px;font-size:15px;font-weight:400;line-height:1;color:#000;text-align:center;background-color:#ecf0f1;border:1px solid #dce4ec;border-radius:4px}
 .badge,.label{text-align:center;font-weight:700;white-space:nowrap}
 .input-group-addon.input-sm{padding:6px 9px;font-size:13px;border-radius:3px}
 .input-group-addon.input-lg{padding:18px 27px;font-size:19px;border-radius:6px}
@@ -895,14 +896,14 @@ select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.i
 .nav-tabs>li{float:left;margin-bottom:-1px}
 .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
 .nav-tabs>li>a:hover{border-color:#ecf0f1}
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#2c3e50;background-color:#ecf0f1;border:1px solid #ecf0f1;border-bottom-color:transparent;cursor:default}
+.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#2c3e50;background-color:#f5f5f5;border:1px solid #ecf0f1;border-bottom-color:transparent;cursor:default}
 .nav-tabs.nav-justified{width:100%;border-bottom:0}
 .nav-tabs.nav-justified>li{float:none}
 .nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:4px}
 .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ecf0f1}
 @media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}
 .nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid #ecf0f1;border-radius:4px 4px 0 0}
-.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#ecf0f1}
+.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#f5f5f5}
 }
 .nav-pills>li{float:left}
 .nav-justified>li,.nav-stacked>li{float:none}
@@ -918,7 +919,7 @@ select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.i
 @media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}
 .nav-justified>li>a{margin-bottom:0}
 .nav-tabs-justified>li>a{border-bottom:1px solid #ecf0f1;border-radius:4px 4px 0 0}
-.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#ecf0f1}
+.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#f5f5f5}
 }
 .tab-content>.tab-pane{display:none}
 .tab-content>.active{display:block}
@@ -1086,12 +1087,11 @@ a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
 .btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}
 a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}
 .list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#2c3e50;background-color:#fff}
-.jumbotron,.thumbnail{background-color:#ecf0f1}
 .jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}
 .list-group-item>.badge{float:right}
 .list-group-item>.badge+.badge{margin-right:5px}
 .nav-pills>li>a>.badge{margin-left:3px}
-.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px}
+.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#ecf0f1}
 .jumbotron p{margin-bottom:15px;font-size:23px;font-weight:200}
 .alert .alert-link,.close{font-weight:700}
 .alert,.thumbnail{margin-bottom:21px}
@@ -1102,10 +1102,10 @@ a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}
 .container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}
 .jumbotron .h1,.jumbotron h1{font-size:68px}
 }
-.thumbnail{padding:4px;line-height:1.42857143;border:1px solid #ecf0f1;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
+.thumbnail{padding:4px;line-height:1.42857143;background-color:#f5f5f5;border:1px solid #ecf0f1;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
 .thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}
 a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#3498db}
-.thumbnail .caption{padding:9px;color:#2c3e50}
+.thumbnail .caption{padding:9px;color:#000}
 .alert{padding:15px;border:1px solid transparent;border-radius:4px}
 .alert h4{margin-top:0;color:inherit}
 .alert>p,.alert>ul{margin-bottom:0}
@@ -1223,9 +1223,9 @@ a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-gro
 .panel-group .panel-footer{border-top:0}
 .panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ecf0f1}
 .panel-default{border-color:#ecf0f1}
-.panel-default>.panel-heading{color:#2c3e50;background-color:#ecf0f1;border-color:#ecf0f1}
+.panel-default>.panel-heading{color:#000;background-color:#ecf0f1;border-color:#ecf0f1}
 .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ecf0f1}
-.panel-default>.panel-heading .badge{color:#ecf0f1;background-color:#2c3e50}
+.panel-default>.panel-heading .badge{color:#ecf0f1;background-color:#000}
 .panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ecf0f1}
 .panel-primary{border-color:#2c3e50}
 .panel-primary>.panel-heading{color:#fff;background-color:#2c3e50;border-color:#2c3e50}
@@ -1477,4 +1477,4 @@ a.list-group-item-warning.active{background-color:#f39c12}
 a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{background-color:#e08e0b}
 a.list-group-item-danger.active{background-color:#e74c3c}
 a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{background-color:#e43725}
-.modal .close,.panel-default .close,.popover{color:#2c3e50}
\ No newline at end of file
+.modal .close,.panel-default .close,.popover{color:#000}
\ No newline at end of file
diff --git a/src/bootstrap-flatly.less b/src/bootstrap-flatly.less
index 2cdbd21..7981397 100644
--- a/src/bootstrap-flatly.less
+++ b/src/bootstrap-flatly.less
@@ -11,8 +11,8 @@
 @brand-info: rgb(52, 152, 219);
 @brand-warning: rgb(243, 156, 18);
 @brand-danger: rgb(231, 76, 60);
-@body-bg: @gray-lighter;
-@text-color: @brand-primary;
+@body-bg: #F5F5F5;
+@text-color: @gray-base;
 @link-color: @brand-info;
 @link-hover-color: @link-color;
 @link-hover-decoration: underline;