diff --git a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss index 9a8a1afe7..256707aa3 100644 --- a/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss +++ b/src/opnsense/www/themes/opnsense/assets/stylesheets/main.scss @@ -2,7 +2,7 @@ $colors: ( orange: #EA7105, lightgrey: #F7F7F7, lightergrey: #FBFBFB, - darkgrey: #3C3C3B, + darkgrey: #000000, bordergrey: #E5E5E5, ); diff --git a/src/opnsense/www/themes/opnsense/build/css/main.css b/src/opnsense/www/themes/opnsense/build/css/main.css index 4c44ad1d6..0361ecd6d 100644 --- a/src/opnsense/www/themes/opnsense/build/css/main.css +++ b/src/opnsense/www/themes/opnsense/build/css/main.css @@ -1,7 +1,7 @@ @charset "UTF-8"; .widgetdiv .content-box-head { background: #E8E8E8 !important; - color: #3C3C3B !important; + color: #000000 !important; padding-bottom: 1px !important; padding-top: 1px !important; padding-right: 1px !important; @@ -9,12 +9,12 @@ min-height: 25px !important; } .widgetdiv .content-box-head .btn-group .btn { - color: #3C3C3B !important; + color: #000000 !important; background: #E8E8E8 !important; border: 0px; } .widgetdiv .content-box-head .btn-group .btn .glyphicon { - color: #3C3C3B !important; + color: #000000 !important; } .widgetdiv .content-box-head .list-inline li > h3 { padding-top: 4px; @@ -1179,7 +1179,7 @@ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; - color: #3C3C3B; + color: #000000; background-color: #fff; } @@ -1216,7 +1216,7 @@ img { .img-responsive { display: block; - width: 100% \9; + width: 100% \9 ; max-width: 100%; height: auto; } @@ -1235,7 +1235,7 @@ img { -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; - width: 100% \9; + width: 100% \9 ; max-width: 100%; height: auto; } @@ -2872,7 +2872,7 @@ input[type=search] { input[type=radio], input[type=checkbox] { margin: 4px 0 0; - margin-top: 1px \9; + margin-top: 1px \9 ; line-height: normal; } @@ -3079,7 +3079,7 @@ input[type=time], input[type=datetime-local], input[type=month] { line-height: 34px; - line-height: 1.428571429 \0; + line-height: 1.428571429 \0 ; } input[type=date].input-sm, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, @@ -3148,7 +3148,7 @@ input[type=month].input-lg, .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; - margin-top: 4px \9; + margin-top: 4px \9 ; } .radio + .radio, @@ -3385,7 +3385,7 @@ select[multiple].input-lg, display: block; margin-top: 5px; margin-bottom: 10px; - color: #7c7c7a; + color: #404040; } @media (min-width: 768px) { @@ -4705,8 +4705,8 @@ tbody.collapse.in { } .navbar-default { - background-color: #3C3C3B; - border-color: #2b2b2b; + background-color: #000000; + border-color: black; } .navbar-default .navbar-brand { color: #F7F7F7; @@ -4727,7 +4727,7 @@ tbody.collapse.in { } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; - background-color: #2b2b2b; + background-color: black; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; @@ -4744,10 +4744,10 @@ tbody.collapse.in { } .navbar-default .navbar-collapse, .navbar-default .navbar-form { - border-color: #2b2b2b; + border-color: black; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { - background-color: #2b2b2b; + background-color: black; color: #555; } @media (max-width: 767px) { @@ -4760,7 +4760,7 @@ tbody.collapse.in { } .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 { color: #555; - background-color: #2b2b2b; + background-color: black; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; @@ -5187,7 +5187,7 @@ a.badge:hover, a.badge:focus { .thumbnail > img, .thumbnail a > img { display: block; - width: 100% \9; + width: 100% \9 ; max-width: 100%; height: auto; margin-left: auto; @@ -5195,7 +5195,7 @@ a.badge:hover, a.badge:focus { } .thumbnail .caption { padding: 9px; - color: #3C3C3B; + color: #000000; } a.thumbnail:hover, @@ -5449,7 +5449,7 @@ a.thumbnail.active { } a.list-group-item { - color: #3C3C3B; + color: #000000; border-radius: 0; } a.list-group-item .list-group-item-heading { @@ -6403,7 +6403,7 @@ button.close { .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; - width: 100% \9; + width: 100% \9 ; max-width: 100%; height: auto; line-height: 1; @@ -6528,7 +6528,7 @@ button.close { border: 1px solid #fff; border-radius: 10px; cursor: pointer; - background-color: #000 \9; + background-color: #000 \9 ; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { @@ -6900,7 +6900,7 @@ body { } .page-head { - background: #3C3C3B; + background: #000000; top: 0; left: 0; position: fixed; @@ -7050,7 +7050,7 @@ body { margin: 100px auto 15px auto; } .login-modal-head { - background: #3C3C3B; + background: #000000; height: 75px; padding: 0 20px; } @@ -7105,6 +7105,7 @@ body { main.page-content.col-lg-12 { padding-left: 90px; } + #navigation.col-sidebar-left { width: 70px; background-color: transparent !important; @@ -7130,15 +7131,14 @@ main.page-content.col-lg-12 { border-bottom: 2px solid #lightergrey; border-right: 1px solid #D9D9D9; } -#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa, -#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon { +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa, #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon { visibility: visible; font-size: 20px; } #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer { - width:50px; - height:30px; - padding:0px; + width: 50px; + height: 30px; + padding: 0px; } #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item { padding-left: 10px !important; @@ -7154,22 +7154,24 @@ main.page-content.col-lg-12 { position: absolute !important; left: 166px !important; } -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item {background-color: #fff !important;} -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {background-color: #fff !important;} - -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item , -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item { + background-color: #fff !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 14px !important; +} #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item { padding-left: 10px !important; font-size: 14px !important; } - -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item { +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item { padding: 3px 8px !important; } - #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in { width: 168px; font-size: 14px; @@ -7182,7 +7184,6 @@ main.page-content.col-lg-12 { -moz-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5); box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5); } - #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in { width: 168px; font-size: 14px; @@ -7195,9 +7196,8 @@ main.page-content.col-lg-12 { -moz-box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5); box-shadow: 2px 2px 1px 0px rgba(234, 234, 234, 0.5); } -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing, -#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing { - display:none; +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing { + display: none; } button.toggle-sidebar { @@ -7209,6 +7209,7 @@ button.toggle-sidebar { float: left; outline: none; } + /* COLLAPSE SIDEBAR END*/ #navigation.collapse.in { display: block !important; @@ -7285,7 +7286,7 @@ ul.nav > li.dropdown > ul.dropdown-menu > li > a { background: #F7F7F7; } .nav-tabs.nav-justified > li > a { - color: #3C3C3B; + color: #000000; font-family: "SourceSansProSemibold"; } @media (min-width: 768px) { diff --git a/src/opnsense/www/themes/opnsense/build/images/default-logo.svg b/src/opnsense/www/themes/opnsense/build/images/default-logo.svg index 355470bbe..b4aae483a 100644 --- a/src/opnsense/www/themes/opnsense/build/images/default-logo.svg +++ b/src/opnsense/www/themes/opnsense/build/images/default-logo.svg @@ -1 +1,95 @@ -default_logo \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +