github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Updated color palette

pull/556/head^2
Abdullah Almsaeed 2015-02-16 00:32:31 -05:00
parent 279ad811ee
commit 5f18b60e56
5 changed files with 78 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
build/less/miscellaneous.less
View File

@ -147,28 +147,28 @@
background-color: darken(@green , 5%)!important;
}
.bg-navy-active {
background-color: darken(@navy , 10%)!important;
background-color: darken(@navy , 2%)!important;
}
.bg-teal-active {
background-color: darken(@teal , 10%)!important;
background-color: darken(@teal , 5%)!important;
}
.bg-olive-active {
background-color: darken(@olive , 10%)!important;
background-color: darken(@olive , 5%)!important;
}
.bg-lime-active {
background-color: darken(@lime , 10%)!important;
background-color: darken(@lime , 5%)!important;
}
.bg-orange-active {
background-color: darken(@orange , 10%)!important;
background-color: darken(@orange , 5%)!important;
}
.bg-fuchsia-active {
background-color: darken(@fuchsia , 10%)!important;
background-color: darken(@fuchsia , 5%)!important;
}
.bg-purple-active {
background-color: darken(@purple , 10%)!important;
background-color: darken(@purple , 5%)!important;
}
.bg-maroon-active {
background-color: darken(@maroon , 10%)!important;
background-color: darken(@maroon , 3%)!important;
}
//Disabled!

2
build/less/variables.less
View File

@ -18,7 +18,7 @@
@fuchsia: #F012BE;
@purple: #605ca8;
@maroon: #D81B60;
@black: #222;
@black: #111;
@gray: #d2d6de;
//LAYOUT

34
dist/css/AdminLTE.css vendored
View File

@ -3704,7 +3704,7 @@ fieldset[disabled] .btn-vk.active {
background-color: #d2d6de !important;
}
.bg-black {
background-color: #222222 !important;
background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
@ -3772,7 +3772,7 @@ fieldset[disabled] .btn-vk.active {
background-color: #b5bbc8 !important;
}
.bg-black-active {
background-color: #080808 !important;
background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
@ -3803,28 +3803,28 @@ fieldset[disabled] .btn-vk.active {
background-color: #008d4c !important;
}
.bg-navy-active {
background-color: #00060c !important;
background-color: #001a35 !important;
}
.bg-teal-active {
background-color: #2ba7a7 !important;
background-color: #30bbbb !important;
}
.bg-olive-active {
background-color: #2e7555 !important;
background-color: #368763 !important;
}
.bg-lime-active {
background-color: #00cd5a !important;
background-color: #00e765 !important;
}
.bg-orange-active {
background-color: #e76b00 !important;
background-color: #ff7701 !important;
}
.bg-fuchsia-active {
background-color: #c30c9a !important;
background-color: #db0ead !important;
}
.bg-purple-active {
background-color: #4c4988 !important;
background-color: #555299 !important;
}
.bg-maroon-active {
background-color: #ab154c !important;
background-color: #ca195a !important;
}
[class^="bg-"].disabled {
opacity: 0.65;
@ -3844,7 +3844,7 @@ fieldset[disabled] .btn-vk.active {
color: #0073b7 !important;
}
.text-black {
color: #222222 !important;
color: #111111 !important;
}
.text-light-blue {
color: #3c8dbc !important;
@ -4000,12 +4000,12 @@ Gradient Background colors
color: #fff;
}
.bg-black-gradient {
background: #222222 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
background: -o-linear-gradient(#3c3c3c, #222222) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
background: #111111 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
background: -o-linear-gradient(#2b2b2b, #111111) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
color: #fff;
}
.bg-maroon-gradient {

2
dist/css/AdminLTE.min.css vendored
View File

File diff suppressed because one or more lines are too long

51
pages/UI/general.html
View File

@ -463,6 +463,7 @@
<!-- Main content -->
<section class="content">
<!-- COLOR PALETTE -->
<div class='box box-default'>
<div class='box-header with-border'>
<h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3>
@ -518,6 +519,56 @@
</div>
</div><!-- /.col -->
</div><!-- /.row -->
<div class='row'>
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Purple</h4>
<div class='color-palette-set'>
<div class='bg-purple disabled color-palette'><span>Disabled</span></div>
<div class='bg-purple color-palette'><span>#605ca8</span></div>
<div class='bg-purple-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Maroon</h4>
<div class='color-palette-set'>
<div class='bg-maroon disabled color-palette'><span>Disabled</span></div>
<div class='bg-maroon color-palette'><span>#D81B60</span></div>
<div class='bg-maroon-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Orange</h4>
<div class='color-palette-set'>
<div class='bg-orange disabled color-palette'><span>Disabled</span></div>
<div class='bg-orange color-palette'><span>#00a65a</span></div>
<div class='bg-orange-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Teal</h4>
<div class='color-palette-set'>
<div class='bg-teal disabled color-palette'><span>Disabled</span></div>
<div class='bg-teal color-palette'><span>#39CCCC</span></div>
<div class='bg-teal-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Navy</h4>
<div class='color-palette-set'>
<div class='bg-navy disabled color-palette'><span>Disabled</span></div>
<div class='bg-navy color-palette'><span>#001F3F</span></div>
<div class='bg-navy-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Black</h4>
<div class='color-palette-set'>
<div class='bg-black disabled color-palette'><span>Disabled</span></div>
<div class='bg-black color-palette'><span>#111111</span></div>
<div class='bg-black-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
<!-- START ALERTS AND CALLOUTS -->