cosmo: tweaked colors to match metro better

[bootswatch] / cosmo / bootswatch.less

diff --git a/cosmo/bootswatch.less b/cosmo/bootswatch.less
index 8bb63fa..bb9d3e4 100644 (file)
--- a/cosmo/bootswatch.less
+++ b/cosmo/bootswatch.less
@@ -6,7 +6,7 @@
 // TYPOGRAPHY
 // -----------------------------------------------------
 
-@import url('http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
 
 body {
        font-weight: 300;
@@ -38,6 +38,10 @@ blockquote {
                padding: 10px 15px;
                border-right-color: @gray;
        }
+
+       small {
+               color: @gray;
+       }
 }
 
 .muted {
@@ -88,12 +92,18 @@ blockquote {
 
        &-inverse {
 
+               .brand,
+               .nav > li > a {
+                       text-shadow: none;
+               }
 
+               .brand:hover,
                .nav > .active > a,
                .nav > .active > a:hover,
                .nav > .active > a:focus {
-                       .box-shadow(none);
                        background-color: @navbarInverseLinkBackgroundHover;
+                       .box-shadow(none);
+                       color: @white;
                }
 
                .navbar-search .search-query {
@@ -107,7 +117,7 @@ div.subnav {
        background-color: @grayLight;
        background-image: none;
        .box-shadow(none);
-       border: none;
+       border-color: transparent;
        .border-radius(0);
 
        .nav {
@@ -115,16 +125,20 @@ div.subnav {
        }
 
        .nav > li > a {
-               border: none;
+               border-color: transparent;
        }
 
-       .nav > .active > a,
-       .nav > .active > a:hover {
-               padding-left: 12px;
-               border: none;
+       .nav > .active > a {
+               border-color: transparent;
                background-color: transparent;
+               // border-left-width: 2px;
                .box-shadow(none);
                color: @grayDarker;
+
+               &:hover {
+                       background-color: @black;
+                       color: @white;
+               }
        }
 
        &-fixed {
@@ -305,6 +319,10 @@ div.subnav {
        &-large {
                padding: 22px 30px;
        }
+
+       &-mini {
+               padding: 2px 6px;
+       }
 }
 
 .btn-group {
@@ -444,7 +462,10 @@ legend {
 }
 
 .label {
+       min-width: 80px;
+       min-height: 80px;
        .border-radius(0);
+       font-weight: 300;
        text-shadow: none;
 
        &-success {
@@ -456,17 +477,19 @@ legend {
        }
 
        &-info {
-               background-color: @blue;
+               background-color: @purple;
        }
 
        &-inverse {
-               background-color: @gray;
+               background-color: @black;
        }
 }
 
 .badge {
 
        .border-radius(0);
+       font-weight: 300;
+       text-shadow: none;
 
        &-success {
                background-color: @green;
@@ -477,11 +500,11 @@ legend {
        }
 
        &-info {
-               background-color: @blue;
+               background-color: @purple;
        }
 
        &-inverse {
-               background-color: @gray;
+               background-color: @black;
        }
 }