Skip to content
This repository has been archived by the owner on Apr 13, 2019. It is now read-only.

Commit

Permalink
Flatly: Change Text color to black, background #F5F5F5
Browse files Browse the repository at this point in the history
  • Loading branch information
@sarabveer
sarabveer committed Apr 2, 2018
1 parent bef436a commit b65742f
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 39 deletions.
38 changes: 19 additions & 19 deletions dist/bootstrap-flatly.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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,
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -2534,7 +2534,7 @@ output {
padding-top: 11px;
font-size: 15px;
line-height: 1.42857143;
color: #2c3e50;
color: #000000;
}
.form-control {
display: block;
Expand All @@ -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;
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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;
Expand All @@ -5004,7 +5004,7 @@ a.thumbnail.active {
}
.thumbnail .caption {
padding: 9px;
color: #2c3e50;
color: #000000;
}
.alert {
padding: 15px;
Expand Down Expand Up @@ -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;
}
Expand All @@ -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;
Expand Down Expand Up @@ -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;
}
36 changes: 18 additions & 18 deletions dist/bootstrap-flatly.min.css
View file
Original file line number Diff line number Diff line change
@@ -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}
Expand All @@ -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}
Expand Down Expand Up @@ -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}
Expand Down Expand Up @@ -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}
Expand Down Expand Up @@ -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}
Expand All @@ -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}
Expand Down Expand Up @@ -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}
Expand Down Expand Up @@ -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}
Expand All @@ -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}
Expand All @@ -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}
Expand Down Expand Up @@ -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}
Expand All @@ -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}
Expand Down Expand Up @@ -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}
Expand Down Expand Up @@ -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}
.modal .close,.panel-default .close,.popover{color:#000}
4 changes: 2 additions & 2 deletions src/bootstrap-flatly.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit b65742f

Please sign in to comment.