From 40f1662c62ed5ad32fda7fee83f8486704b294ca Mon Sep 17 00:00:00 2001 From: Ad Schellevis Date: Sun, 24 Feb 2019 11:46:39 +0100 Subject: [PATCH] theme, new icon-logo.svg and switch orange #EA7105 with #D94F00 as an experiment. --- .../assets/stylesheets/bootstrap-dialog.less | 2 +- .../opnsense/assets/stylesheets/main.scss | 4 +- .../www/themes/opnsense/build/css/main.css | 82 +++++++++--------- .../opnsense/build/images/icon-logo.svg | 85 ++++++++++++++++++- 4 files changed, 128 insertions(+), 45 deletions(-) diff --git a/src/opnsense/www/themes/opnsense/assets/stylesheets/bootstrap-dialog.less b/src/opnsense/www/themes/opnsense/assets/stylesheets/bootstrap-dialog.less index 8fbd3f759..16a5a5806 100644 --- a/src/opnsense/www/themes/opnsense/assets/stylesheets/bootstrap-dialog.less +++ b/src/opnsense/www/themes/opnsense/assets/stylesheets/bootstrap-dialog.less @@ -48,7 +48,7 @@ &.type-primary { .modal-header { - background-color: #EA7105; + background-color: #D94F00; } } diff --git a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss index 256707aa3..b7546ffc8 100644 --- a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss +++ b/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%; diff --git a/src/opnsense/www/themes/opnsense/build/css/main.css b/src/opnsense/www/themes/opnsense/build/css/main.css index 0361ecd6d..22c0516bc 100644 --- a/src/opnsense/www/themes/opnsense/build/css/main.css +++ b/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%; diff --git a/src/opnsense/www/themes/opnsense/build/images/icon-logo.svg b/src/opnsense/www/themes/opnsense/build/images/icon-logo.svg index ec5e399e3..2e3ac8998 100644 --- a/src/opnsense/www/themes/opnsense/build/images/icon-logo.svg +++ b/src/opnsense/www/themes/opnsense/build/images/icon-logo.svg @@ -1 +1,84 @@ -icon_logo \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +