theme, new icon-logo.svg and switch orange #EA7105 with #D94F00 as an experiment.

src/opnsense/www/themes/opnsense/assets/stylesheets/bootstrap-dialog.less

@@ -48,7 +48,7 @@
 
     &.type-primary {
         .modal-header {
-            background-color: #EA7105;
+            background-color: #D94F00;
         }
     }
 

src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss

@@ -1,5 +1,5 @@
 $colors: (
-  orange: #EA7105,
+  orange: #D94F00,
   lightgrey: #F7F7F7,
   lightergrey: #FBFBFB,
   darkgrey: #000000,
@@ -670,7 +670,7 @@ table{
     }
 
     &:before{
-        background: #EA7105;
+        background: #D94F00;
         content: "";
         height: 42px;
         min-height: 100%;

src/opnsense/www/themes/opnsense/build/css/main.css

@@ -1193,11 +1193,11 @@ textarea {
 }
 
 a {
-  color: #EA7105;
+  color: #D94F00;
   text-decoration: none;
 }
 a:hover, a:focus {
-  color: #9f4d03;
+  color: #8d3300;
   text-decoration: underline;
 }
 a:focus {
@@ -1425,11 +1425,11 @@ mark,
 }
 
 .text-primary {
-  color: #EA7105;
+  color: #D94F00;
 }
 
 a.text-primary:hover {
-  color: #b85904;
+  color: #a63c00;
 }
 
 .text-success {
@@ -1469,11 +1469,11 @@ a.text-danger:hover {
 }
 
 .bg-primary {
-  background-color: #EA7105;
+  background-color: #D94F00;
 }
 
 a.bg-primary:hover {
-  background-color: #b85904;
+  background-color: #a63c00;
 }
 
 .bg-success {
@@ -3571,23 +3571,23 @@ select[multiple].input-lg,
 
 .btn-primary {
   color: #fff;
-  background-color: #EA7105;
+  background-color: #D94F00;
   border-color: #D95100;
 }
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
   color: #fff;
-  background-color: #b85904;
+  background-color: #a63c00;
   border-color: #9c3a00;
 }
 .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
   background-image: none;
 }
 .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
-  background-color: #EA7105;
+  background-color: #D94F00;
   border-color: #D95100;
 }
 .btn-primary .badge {
-  color: #EA7105;
+  color: #D94F00;
   background-color: #fff;
 }
 
@@ -3680,7 +3680,7 @@ select[multiple].input-lg,
 }
 
 .btn-link {
-  color: #EA7105;
+  color: #D94F00;
   font-weight: normal;
   cursor: pointer;
   border-radius: 0;
@@ -3694,7 +3694,7 @@ select[multiple].input-lg,
   border-color: transparent;
 }
 .btn-link:hover, .btn-link:focus {
-  color: #9f4d03;
+  color: #8d3300;
   text-decoration: underline;
   background-color: transparent;
 }
@@ -3843,7 +3843,7 @@ tbody.collapse.in {
   color: #fff;
   text-decoration: none;
   outline: 0;
-  background-color: #EA7105;
+  background-color: #D94F00;
 }
 
 .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
@@ -4282,7 +4282,7 @@ tbody.collapse.in {
 }
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   background-color: #eeeeee;
-  border-color: #EA7105;
+  border-color: #D94F00;
 }
 .nav .nav-divider {
   height: 1px;
@@ -4325,7 +4325,7 @@ tbody.collapse.in {
 }
 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
   color: #fff;
-  background-color: #EA7105;
+  background-color: #D94F00;
 }
 
 .nav-stacked > li {
@@ -4722,7 +4722,7 @@ tbody.collapse.in {
   color: #F7F7F7;
 }
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
-  color: #EA7105;
+  color: #D94F00;
   background-color: transparent;
 }
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
@@ -4755,7 +4755,7 @@ tbody.collapse.in {
     color: #F7F7F7;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #EA7105;
+    color: #D94F00;
     background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
@@ -4771,13 +4771,13 @@ tbody.collapse.in {
   color: #F7F7F7;
 }
 .navbar-default .navbar-link:hover {
-  color: #EA7105;
+  color: #D94F00;
 }
 .navbar-default .btn-link {
   color: #F7F7F7;
 }
 .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
-  color: #EA7105;
+  color: #D94F00;
 }
 .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
   color: #ccc;
@@ -4903,7 +4903,7 @@ tbody.collapse.in {
   padding: 6px 12px;
   line-height: 1.428571429;
   text-decoration: none;
-  color: #EA7105;
+  color: #D94F00;
   background-color: #fff;
   border: 1px solid #ddd;
   margin-left: -1px;
@@ -4922,7 +4922,7 @@ tbody.collapse.in {
 .pagination > li > a:hover, .pagination > li > a:focus,
 .pagination > li > span:hover,
 .pagination > li > span:focus {
-  color: #9f4d03;
+  color: #8d3300;
   background-color: #eeeeee;
   border-color: #ddd;
 }
@@ -4932,8 +4932,8 @@ tbody.collapse.in {
 .pagination > .active > span:focus {
   z-index: 2;
   color: #fff;
-  background-color: #EA7105;
-  border-color: #EA7105;
+  background-color: #D94F00;
+  border-color: #D94F00;
   cursor: default;
 }
 .pagination > .disabled > span,
@@ -5060,10 +5060,10 @@ a.label:hover, a.label:focus {
 }
 
 .label-primary {
-  background-color: #EA7105;
+  background-color: #D94F00;
 }
 .label-primary[href]:hover, .label-primary[href]:focus {
-  background-color: #b85904;
+  background-color: #a63c00;
 }
 
 .label-success {
@@ -5120,7 +5120,7 @@ a.label:hover, a.label:focus {
   padding: 1px 5px;
 }
 a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
-  color: #EA7105;
+  color: #D94F00;
   background-color: #fff;
 }
 .nav-pills > li > a > .badge {
@@ -5201,7 +5201,7 @@ a.badge:hover, a.badge:focus {
 a.thumbnail:hover,
 a.thumbnail:focus,
 a.thumbnail.active {
-  border-color: #EA7105;
+  border-color: #D94F00;
 }
 
 .alert {
@@ -5319,7 +5319,7 @@ a.thumbnail.active {
   line-height: 20px;
   color: #fff;
   text-align: center;
-  background-color: #EA7105;
+  background-color: #D94F00;
   position: relative;
   z-index: 2;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
@@ -5457,11 +5457,11 @@ a.list-group-item .list-group-item-heading {
 }
 a.list-group-item:hover, a.list-group-item:focus {
   text-decoration: none;
-  color: #EA7105;
+  color: #D94F00;
   background-color: #f5f5f5;
 }
 a.list-group-item:hover:before, a.list-group-item:focus:before {
-  background: #EA7105;
+  background: #D94F00;
   content: "";
   height: 42px;
   left: 0;
@@ -5484,7 +5484,7 @@ a.list-group-item:hover:before, a.list-group-item:focus:before {
   z-index: 2;
 }
 .list-group-item.active:before, .list-group-item.active:hover:before, .list-group-item.active:focus:before {
-  background: #EA7105;
+  background: #D94F00;
   content: "";
   height: 42px;
   left: 0;
@@ -5502,10 +5502,10 @@ a.list-group-item:hover:before, a.list-group-item:focus:before {
   color: inherit;
 }
 .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
-  color: #fedcbd;
+  color: #ffc6a6;
 }
 .list-group-item.active + .collapse > .list-group-item:before, .list-group-item.active:hover + .collapse > .list-group-item:before, .list-group-item.active:focus + .collapse > .list-group-item:before {
-  background: #EA7105;
+  background: #D94F00;
   content: "";
   height: 42px;
   left: 0;
@@ -5845,22 +5845,22 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g
 }
 
 .panel-primary {
-  border-color: #EA7105;
+  border-color: #D94F00;
 }
 .panel-primary > .panel-heading {
   color: #fff;
-  background-color: #EA7105;
-  border-color: #EA7105;
+  background-color: #D94F00;
+  border-color: #D94F00;
 }
 .panel-primary > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #EA7105;
+  border-top-color: #D94F00;
 }
 .panel-primary > .panel-heading .badge {
-  color: #EA7105;
+  color: #D94F00;
   background-color: #fff;
 }
 .panel-primary > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #EA7105;
+  border-bottom-color: #D94F00;
 }
 
 .panel-success {
@@ -6953,7 +6953,7 @@ body {
 
 .page-side-nav--active {
   background: #F7F7F7;
-  border-left: 3px solid #EA7105;
+  border-left: 3px solid #D94F00;
 }
 
 .page-foot {
@@ -7388,7 +7388,7 @@ table {
   padding-left: 44px;
 }
 .list-group-item:before {
-  background: #EA7105;
+  background: #D94F00;
   content: "";
   height: 42px;
   min-height: 100%;