active_frontend 5.0.1 → 6.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ab0ac99ddeececfab9ad30b6c947b8d55109d3fb
-  data.tar.gz: 05937e773bb8a0a7702108b5b06ea7481029af28
+  metadata.gz: 87e50c4d22f26c7a306a560dee6a21942303765e
+  data.tar.gz: c86c51e8c87a93483876d46b20d0e2e0a02069e1
 SHA512:
-  metadata.gz: 260260606189561785b24c4df008e5c7e27cc0b8cf230b43b1c192bdf5105b854b2a11d6f655b4a39cfde3f211dbdc755f2b9074733e247b28b5ceda1e5cb103
-  data.tar.gz: d5177a3525a33f0489c19c561299d8f4fe1c003a87e571e647957fc65b5fa3e4c11f949757042589ca963cbdc7354ea61289b0da011ec4dab1d72c2f5ec3b299
+  metadata.gz: 58f768a00cad8e43d03da1f8c88a5d1f76a7d53efb6160b8f55c29f7c96c480a721fcceca6c4100323bcd24271ecf08a41f43551d17bb2422509b4bd3d7e16d6
+  data.tar.gz: d8062190d10447db760c27146a5b72c033e3ed3b1450aa1ca40fe0286ec4aef215cfaf70914c0963db57562c853f4e1e1201099cffab7b98559bac977c08de27

data/README.md

@@ -25,6 +25,7 @@ Or install it yourself as:
 Add the CSS files you want to include:
 
 ```ruby
+*= require _activefrontend.css (place before any files)
 *= require reset.css (place before any files)
 *= require ad.css
 *= require affix.css

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "5.0.1"
+  VERSION = "6.0.0"
 end

data/vendor/assets/javascripts/chart.js

@@ -76,7 +76,7 @@
       scaleFontStyle: "bold",
 
       // String - Scale label font colour
-      scaleFontColor: "rgba(42,44,48,1)",
+      scaleFontColor: "rgba(35,41,55,1)",
 
       // Boolean - whether or not the chart should be responsive and resize when the browser does.
       responsive: true,
@@ -91,7 +91,7 @@
       tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
 
       // String - Tooltip background colour
-      tooltipFillColor: "rgba(42,44,48,1)",
+      tooltipFillColor: "rgba(35,41,55,1)",
 
       // String - Tooltip label font declaration for the scale label
       tooltipFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
@@ -3007,7 +3007,7 @@
       pointLabelFontSize : 11,
 
       //String - Point label font colour
-      pointLabelFontColor : "rgba(42,44,48,1)",
+      pointLabelFontColor : "rgba(35,41,55,1)",
 
       //Boolean - Whether to show a dot for each point
       pointDot : true,

data/vendor/assets/javascripts/typeahead.js

@@ -337,7 +337,7 @@
   $.fn.typeahead.defaults = {
     source: []
   , items: 8
-  , menu: '<ul class="typeahead dropdown-menu"></ul>'
+  , menu: '<ul class="typeahead dropdown-menu dropdown-caret"></ul>'
   , item: '<li><a href="#"></a></li>'
   , minLength: 1
   , scrollHeight: 0

data/vendor/assets/stylesheets/_activefrontend.scss

@@ -0,0 +1,7 @@
+/* Table of Contents
+==================================================
+# ActiveFrontend */
+
+/* # ActiveFrontend
+================================================== */
+$primary-color: rgba(0,102,255,1);

data/vendor/assets/stylesheets/ad.scss

@@ -6,7 +6,8 @@
 ================================================== */
 .ad {
   background: rgba(245,248,250,1);
-  border: 2px solid rgba(235,242,247,1);
+  border: 1px solid rgba(225,232,237,1);
+  box-sizing: border-box;
   height: 220px;
   width: 220px;
 }

data/vendor/assets/stylesheets/alert.scss

@@ -47,14 +47,14 @@
 /* # Colors
 ================================================== */
 .alert-green,
-.alert-success { background: rgba(117,210,24,1); }
+.alert-success { background: rgba(0,200,0,1); }
 .alert-orange,
-.alert-warning { background: rgba(255,131,0,1); }
+.alert-warning { background: rgba(255,82,0,1); }
 .alert-red,
 .alert-error,
 .alert-alert { background: rgba(240,35,17,1); }
 .alert-black,
-.alert-system { background: rgba(52,64,68,1); }
+.alert-system { background: rgba(35,41,55,1); }
 
 /* # Media Queries
 ================================================== */

data/vendor/assets/stylesheets/aside.scss

@@ -45,7 +45,7 @@
   right: initial;
 }
 .aside-header {
-  background: rgba(0,153,255,1);
+  background: rgba(35,41,55,1);
   border-bottom: 2px solid rgba(0,0,0,0.2);
   margin: 0;
   padding: 21px 0px 19px 0px;
@@ -93,15 +93,13 @@ input.aside-footer-btn {
   background: rgba(255,255,255,1);
   border-radius: 0;
   border: 0;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
-  color: rgba(42,44,48,1) !important;
+  color: rgba(35,41,55,1) !important;
   cursor: pointer;
   float: left;
   -webkit-font-smoothing: antialiased;
   font-weight: bold;
   font-size: 11px;
-  letter-spacing: 1px;
   line-height: 11px;
   margin: 0;
   padding: 22px 0;

data/vendor/assets/stylesheets/breadcrumb.scss

@@ -1,7 +1,12 @@
 /* Table of Contents
 ==================================================
+# Import
 # Breadcrumb */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Breadcrumb
 ================================================== */
 .breadcrumb {
@@ -14,10 +19,10 @@
   font-weight: bold;
   font-size: 13px;
 }
-.breadcrumb > li > a { color: rgba(42,44,48,1); }
-.breadcrumb > li > a:hover { color: rgba(0,153,255,1); }
+.breadcrumb > li > a { color: rgba(35,41,55,1); }
+.breadcrumb > li > a:hover { color: $primary-color; }
 .breadcrumb > li > .divider {
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   padding: 0 5px;
 }
-.breadcrumb > .active { color: rgba(0,153,255,1); }
+.breadcrumb > .active { color: $primary-color; }

data/vendor/assets/stylesheets/button.scss

@@ -20,15 +20,14 @@
   background: rgba(245,248,250,1);
   border: 1px solid rgba(245,248,250,1);
   border-radius: 2px;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
   font-size: 11px;
   font-weight: bold;
-  letter-spacing: 1px;
+  letter-spacing: 0;
   line-height: 11px;
   margin: 0;
   padding: 15px 20px;
@@ -76,8 +75,6 @@
 .btn-block,
 button.btn-block,
 input.btn-block {
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
   display: block;
   min-width: 100%;
   padding-right: 0;
@@ -88,8 +85,8 @@ input.btn-block {
 /* # Colors
 ================================================== */
 .btn-black {
-  background: rgba(42,44,48,1);
-  border-color: rgba(42,44,48,1);
+  background: rgba(35,41,55,1);
+  border-color: rgba(35,41,55,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-black[disabled],
@@ -99,12 +96,12 @@ input.btn-block {
 .btn-black:hover,
 .btn-black:focus,
 .open > .dropdown-toggle.btn.btn-black {
-  background: rgba(32,34,38,1);
-  border-color: rgba(32,34,38,1);
+  background: rgba(25,31,45,1);
+  border-color: rgba(25,31,45,1);
 }
 .btn-blue {
-  background: rgba(0,153,255,1);
-  border-color: rgba(0,153,255,1);
+  background: rgba(0,102,255,1);
+  border-color: rgba(0,102,255,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-blue[disabled],
@@ -114,12 +111,12 @@ input.btn-block {
 .btn-blue:hover,
 .btn-blue:focus,
 .open > .dropdown-toggle.btn.btn-blue {
-  background: rgba(0,143,245,1);
-  border-color: rgba(0,143,245,1);
+  background: rgba(0,92,245,1);
+  border-color: rgba(0,92,245,1);
 }
 .btn-green {
-  background: rgba(117,210,24,1);
-  border-color: rgba(117,210,24,1);
+  background: rgba(0,200,0,1);
+  border-color: rgba(0,200,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-green[disabled],
@@ -129,12 +126,12 @@ input.btn-block {
 .btn-green:hover,
 .btn-green:focus,
 .open > .dropdown-toggle.btn.btn-green {
-  background: rgba(107,200,14,1);
-  border-color: rgba(107,200,14,1);
+  background: rgba(0,190,0,1);
+  border-color: rgba(0,190,0,1);
 }
 .btn-orange {
-  background: rgba(255,131,0,1);
-  border-color: rgba(255,131,0,1);
+  background: rgba(255,82,0,1);
+  border-color: rgba(255,82,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-orange[disabled],
@@ -144,12 +141,12 @@ input.btn-block {
 .btn-orange:hover,
 .btn-orange:focus,
 .open > .dropdown-toggle.btn.btn-orange {
-  background: rgba(245,121,0,1);
-  border-color: rgba(245,121,0,1);
+  background: rgba(245,72,0,1);
+  border-color: rgba(245,72,0,1);
 }
 .btn-purple {
-  background: rgba(126,78,194,1);
-  border-color: rgba(126,78,194,1);
+  background: rgba(128,0,255,1);
+  border-color: rgba(128,0,255,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-purple[disabled],
@@ -159,8 +156,8 @@ input.btn-block {
 .btn-purple:hover,
 .btn-purple:focus,
 .open > .dropdown-toggle.btn.btn-purple {
-  background: rgba(116,68,184,1);
-  border-color: rgba(116,68,184,1);
+  background: rgba(118,0,255,1);
+  border-color: rgba(118,0,255,1);
 }
 .btn-red {
   background: rgba(240,35,17,1);
@@ -290,61 +287,61 @@ input.btn-block {
 .btn-outline:focus,
 .open > .dropdown-toggle.btn.btn-outline {
   background: rgba(240,243,245,1);
-  color: rgba(42,44,48,1) !important;
+  color: rgba(35,41,55,1) !important;
 }
 .btn-outline.btn-black,
 .btn-outline.btn-black[disabled],
-.btn-outline.btn-black[disabled]:hover { color: rgba(42,44,48,1) !important; }
+.btn-outline.btn-black[disabled]:hover { color: rgba(35,41,55,1) !important; }
 .btn-outline.btn-black:active,
 .btn-outline.btn-black.active,
 .btn-outline.btn-black:hover,
 .btn-outline.btn-black:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-black {
-  background: rgba(32,34,38,1);
+  background: rgba(25,31,45,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
-.btn-outline.btn-blue[disabled]:hover { color: rgba(0,153,255,1) !important; }
+.btn-outline.btn-blue[disabled]:hover { color: rgba(0,102,255,1) !important; }
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
 .btn-outline.btn-blue:hover,
 .btn-outline.btn-blue:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-blue {
-  background: rgba(0,143,245,1);
+  background: rgba(0,92,245,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-green,
 .btn-outline.btn-green[disabled],
-.btn-outline.btn-green[disabled]:hover { color: rgba(117,210,24,1) !important; }
+.btn-outline.btn-green[disabled]:hover { color: rgba(0,204,0,1) !important; }
 .btn-outline.btn-green:active,
 .btn-outline.btn-green.active,
 .btn-outline.btn-green:hover,
 .btn-outline.btn-green:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-green {
-  background: rgba(107,200,14,1);
+  background: rgba(0,190,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-orange,
 .btn-outline.btn-orange[disabled],
-.btn-outline.btn-orange[disabled]:hover { color: rgba(255,131,0,1) !important; }
+.btn-outline.btn-orange[disabled]:hover { color: rgba(255,82,0,1) !important; }
 .btn-outline.btn-orange:active,
 .btn-outline.btn-orange.active,
 .btn-outline.btn-orange:hover,
 .btn-outline.btn-orange:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-orange {
-  background: rgba(245,121,0,1);
+  background: rgba(245,72,0,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-purple,
 .btn-outline.btn-purple[disabled],
-.btn-outline.btn-purple[disabled]:hover { color: rgba(126,78,194,1) !important; }
+.btn-outline.btn-purple[disabled]:hover { color: rgba(128,0,255,1) !important; }
 .btn-outline.btn-purple:active,
 .btn-outline.btn-purple.active,
 .btn-outline.btn-purple:hover,
 .btn-outline.btn-purple:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-purple {
-  background: rgba(116,68,184,1);
+  background: rgba(118,0,255,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-red,
@@ -378,7 +375,7 @@ input.btn-block {
 .btn-outline.btn-white:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-white {
   background: rgba(240,243,245,1);
-  color: rgba(42,44,48,1) !important;
+  color: rgba(35,41,55,1) !important;
 }
 .btn-outline.btn-yellow,
 .btn-outline.btn-yellow[disabled],

data/vendor/assets/stylesheets/code.scss

@@ -9,8 +9,8 @@
 code {
   background: rgba(245,248,250,1);
   border: 1px solid rgba(225,232,237,1);
-  border-radius: 2px;
-  color: rgba(42,44,48,1);
+  border-radius: 0;
+  color: rgba(35,41,55,1);
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
   font-weight: normal;
@@ -31,8 +31,8 @@ code {
 pre {
   background: rgba(245,248,250,1);
   border: 1px solid rgba(225,232,237,1);
-  border-radius: 3px;
-  color: rgba(42,44,48,1);
+  border-radius: 0;
+  color: rgba(35,41,55,1);
   display: block;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
@@ -60,82 +60,82 @@ pre {
 } /* Comment */
 .err {
   color: rgba(240,35,17,1);
-  background: rgba(42,44,48,1);
+  background: rgba(35,41,55,1);
 } /* Error */
-.k { color: rgba(0,153,255,1); } /* Keyword */
+.k { color: rgba(0,102,255,1); } /* Keyword */
 .cm {
   color: rgba(136,153,166,1);
   font-style: italic;
 } /* Comment.Multiline */
-.cp { color: rgba(117,210,24,1); } /* Comment.Preproc */
+.cp { color: rgba(0,200,0,1); } /* Comment.Preproc */
 .c1 {
   color: rgba(136,153,166,1);
   font-style: italic;
 } /* Comment.Single */
 .cs {
-  color: rgba(0,153,255,1);
+  color: rgba(0,102,255,1);
   font-style: italic;
 } /* Comment.Special */
 .gd { color: rgba(240,35,17,1); } /* Generic.Deleted */
 .ge { font-style: italic; } /* Generic.Emph */
 .gr { color: rgba(240,35,17,1) } /* Generic.Error */
 .gh {
-  color: rgba(0,153,255,1);
+  color: rgba(0,102,255,1);
   font-weight: bold;
 } /* Generic.Heading */
-.gi { color: rgba(117,210,24,1); } /* Generic.Inserted */
+.gi { color: rgba(0,200,0,1); } /* Generic.Inserted */
 .go { color: rgba(136,153,166,1); } /* Generic.Output */
-.gp { color: rgba(42,44,48,1); } /* Generic.Prompt */
+.gp { color: rgba(35,41,55,1); } /* Generic.Prompt */
 .gs { font-weight: bold; } /* Generic.Strong */
 .gu {
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   font-weight: bold;
 } /* Generic.Subheading */
 .gt { color: rgba(240,35,17,1); } /* Generic.Traceback */
-.kc { color: rgba(0,153,255,1); } /* Keyword.Constant */
-.kd { color: rgba(0,153,255,1); } /* Keyword.Declaration */
-.kn { color: rgba(0,153,255,1); } /* Keyword.Namespace */
-.kp { color: rgba(0,153,255,1); } /* Keyword.Pseudo */
-.kr { color: rgba(0,153,255,1); } /* Keyword.Reserved */
-.kt { color: rgba(117,210,24,1); } /* Keyword.Type */
-.m { color: rgba(117,210,24,1); } /* Literal.Number */
-.s { color: rgba(0,153,255,1); } /* Literal.String */
-.sa { color: rgba(117,210,24,1); } /* Literal.String.Alternate */
-.na { color: rgba(0,153,255,1); } /* Name.Attribute */
-.nb { color: rgba(117,210,24,1); } /* Name.Builtin */
-.nc { color: rgba(117,210,24,1); } /* Name.Class */
+.kc { color: rgba(0,102,255,1); } /* Keyword.Constant */
+.kd { color: rgba(0,102,255,1); } /* Keyword.Declaration */
+.kn { color: rgba(0,102,255,1); } /* Keyword.Namespace */
+.kp { color: rgba(0,102,255,1); } /* Keyword.Pseudo */
+.kr { color: rgba(0,102,255,1); } /* Keyword.Reserved */
+.kt { color: rgba(0,200,0,1); } /* Keyword.Type */
+.m { color: rgba(0,200,0,1); } /* Literal.Number */
+.s { color: rgba(0,102,255,1); } /* Literal.String */
+.sa { color: rgba(0,200,0,1); } /* Literal.String.Alternate */
+.na { color: rgba(0,102,255,1); } /* Name.Attribute */
+.nb { color: rgba(0,200,0,1); } /* Name.Builtin */
+.nc { color: rgba(0,200,0,1); } /* Name.Class */
 .no { color: rgba(240,35,17,1); } /* Name.Constant */
 .nd { color: rgba(136,153,166,1); } /* Name.Decorator */
 .ni {
   color: rgba(240,35,17,1);
   font-weight: bold;
 } /* Name.Entity */
-.nf { color: rgba(117,210,24,1); } /* Name.Function */
-.nn { color: rgba(117,210,24,1); } /* Name.Namespace */
+.nf { color: rgba(0,200,0,1); } /* Name.Function */
+.nn { color: rgba(0,200,0,1); } /* Name.Namespace */
 .nt   {
-  color: rgba(0,153,255,1);
+  color: rgba(0,102,255,1);
   font-weight: bold;
 } /* Name.Tag */
 .nv { color: rgba(240,35,17,1); } /* Name.Variable */
-.ow { color: rgba(0,153,255,1); } /* Operator.Word */
+.ow { color: rgba(0,102,255,1); } /* Operator.Word */
 .w { color: rgba(136,153,166,1); } /* Text.Whitespace */
-.mf { color: rgba(117,210,24,1); } /* Literal.Number.Float */
-.mh { color: rgba(117,210,24,1); } /* Literal.Number.Hex */
-.mi { color: rgba(117,210,24,1); } /* Literal.Number.Integer */
-.mo { color: rgba(117,210,24,1); } /* Literal.Number.Oct */
-.sb { color: rgba(0,153,255,1); } /* Literal.String.Backtick */
-.sc { color: rgba(0,153,255,1); } /* Literal.String.Char */
-.sd { color: rgba(0,153,255,1); } /* Literal.String.Doc */
-.s2 { color: rgba(0,153,255,1); } /* Literal.String.Double */
-.se { color: rgba(0,153,255,1); } /* Literal.String.Escape */
-.sh { color: rgba(0,153,255,1); } /* Literal.String.Heredoc */
-.si { color: rgba(0,153,255,1); } /* Literal.String.Interpol */
-.sx { color: rgba(0,153,255,1); } /* Literal.String.Other */
-.sr { color: rgba(117,210,24,1); } /* Literal.String.Regex */
-.s1 { color: rgba(0,153,255,1); } /* Literal.String.Single */
-.ss { color: rgba(0,153,255,1); } /* Literal.String.Symbol */
-.bp { color: rgba(117,210,24,1); } /* Name.Builtin.Pseudo */
+.mf { color: rgba(0,200,0,1); } /* Literal.Number.Float */
+.mh { color: rgba(0,200,0,1); } /* Literal.Number.Hex */
+.mi { color: rgba(0,200,0,1); } /* Literal.Number.Integer */
+.mo { color: rgba(0,200,0,1); } /* Literal.Number.Oct */
+.sb { color: rgba(0,102,255,1); } /* Literal.String.Backtick */
+.sc { color: rgba(0,102,255,1); } /* Literal.String.Char */
+.sd { color: rgba(0,102,255,1); } /* Literal.String.Doc */
+.s2 { color: rgba(0,102,255,1); } /* Literal.String.Double */
+.se { color: rgba(0,102,255,1); } /* Literal.String.Escape */
+.sh { color: rgba(0,102,255,1); } /* Literal.String.Heredoc */
+.si { color: rgba(0,102,255,1); } /* Literal.String.Interpol */
+.sx { color: rgba(0,102,255,1); } /* Literal.String.Other */
+.sr { color: rgba(0,200,0,1); } /* Literal.String.Regex */
+.s1 { color: rgba(0,102,255,1); } /* Literal.String.Single */
+.ss { color: rgba(0,102,255,1); } /* Literal.String.Symbol */
+.bp { color: rgba(0,200,0,1); } /* Name.Builtin.Pseudo */
 .vc { color: rgba(240,35,17,1); } /* Name.Variable.Class */
 .vg { color: rgba(240,35,17,1); } /* Name.Variable.Global */
 .vi { color: rgba(240,35,17,1); } /* Name.Variable.Instance */
-.il { color: rgba(117,210,24,1); } /* Literal.Number.Integer.Long */
+.il { color: rgba(0,200,0,1); } /* Literal.Number.Integer.Long */

data/vendor/assets/stylesheets/datepicker.scss

@@ -1,7 +1,12 @@
 /* Table of Contents
 ==================================================
+# Import
 # Datepicker */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Datepicker
 ================================================== */
 .datepicker {
@@ -68,7 +73,7 @@
   width: 20px;
 }
 .datepicker td.day:hover {
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   border-radius: 2px;
   color: rgba(255,255,255,1);
   cursor: pointer;
@@ -90,7 +95,7 @@
 .datepicker td.active:hover.disabled,
 .datepicker td.active[disabled],
 .datepicker td.active:hover[disabled] {
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   border-radius: 2px;
   color: rgba(255,255,255,1);
 }
@@ -104,7 +109,7 @@
   width: 46px;
 }
 .datepicker td span:hover {
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   color: rgba(255,255,255,1);
   cursor: pointer;
 }
@@ -115,7 +120,7 @@
 .datepicker td span.active.active,
 .datepicker td span.active.disabled,
 .datepicker td span.active[disabled] {
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   color: rgba(255,255,255,1);
 }
 .datepicker th.switch {
@@ -125,7 +130,7 @@
 .datepicker th.next,
 .datepicker th.prev { font-size: 17px; }
 .datepicker thead tr:first-child th:hover {
-  background: rgba(0,153,255,1);
+  background: $primary-color;
   border-radius: 2px;
   color: rgba(255,255,255,1);
   cursor: pointer;

data/vendor/assets/stylesheets/dropdown.scss

@@ -1,8 +1,13 @@
 /* Table of Contents
 ==================================================
+# Import
 # Dropdown
 # Submenu */
 
+/* # Import
+================================================== */
+@import 'activefrontend';
+
 /* # Dropdown
 ================================================== */
 .dropup,
@@ -15,7 +20,7 @@
   border: 2px solid rgba(230,237,242,1);
   box-shadow: 0 0 3px rgba(220,220,220,1);
   box-sizing: border-box;
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   display: none;
   float: left;
   font-weight: bold;
@@ -44,7 +49,7 @@
 }
 .dropdown-menu > li > a {
   clear: both;
-  color: rgba(42,44,48,1);
+  color: rgba(35,41,55,1);
   cursor: pointer;
   display: block;
   padding: 8px 15px;
@@ -58,14 +63,17 @@
 .dropdown-submenu:active > a,
 .dropdown-submenu.active > a,
 .dropdown-submenu:hover > a,
-.dropdown-submenu:focus > a { color: rgba(0,153,255,1); }
-.dropdown-menu > li > a > i:first-child {
+.dropdown-submenu:focus > a { color: $primary-color; }
+.dropdown-menu > li > a i:first-child {
   display: inline-block;
   min-width: 14px;
   text-align: center;
 }
 .dropdown-menu > li .badge,
-.dropdown-menu > li .label { margin: -8px 0 -7px 0; }
+.dropdown-menu > li .label {
+  margin: -10px 0;
+  padding: 4px;
+}
 .open > .dropdown-menu { display: block; }
 .pull-right > .dropdown-menu {
   left: auto;

data/vendor/assets/stylesheets/footer.scss

@@ -15,7 +15,7 @@
   z-index: 1030;
 }
 .footer {
-  background: rgba(52,64,68,1);
+  background: rgba(35,41,55,1);
   border-top: 2px solid rgba(0,0,0,0.2);
   box-sizing: border-box;
   width: 100%;
@@ -50,7 +50,7 @@
 .footer > .footer-nav > li > a.active,
 .footer > .footer-nav > li > a:active,
 .footer > .footer-nav > li > a:hover,
-.footer > .footer-nav > li > a:focus { color: rgba(0,153,255,1); }
+.footer > .footer-nav > li > a:focus { color: rgba(136,153,166,1); }
 .footer-footnote {
   float: left;
   color: rgba(255,255,255,1);