modified: misc/theme-rebellion/Makefile

modified:   misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css

Changes made to scss files.
This commit is contained in:
marjohn56 2018-01-20 14:10:31 +00:00 committed by Franco Fichtner
parent 6c2fa56660
commit 420b0b41fc
4 changed files with 319 additions and 229 deletions

View file

@ -3,5 +3,5 @@ PLUGIN_VERSION= 0.2
PLUGIN_COMMENT= A suitably dark theme
PLUGIN_MAINTAINER= team-rebellion@queens-park.com
PLUGIN_DEVEL= yes
PLUGIN_REVISION= 2
.include "../../Mk/plugins.mk"

View file

@ -33,10 +33,10 @@
/* dialog types */
&.type-default {
.modal-header {
background-color: #fff;
background-color: #533;
}
.bootstrap-dialog-title {
color: #333;
color: #eee;
}
}

View file

@ -1,9 +1,9 @@
$colors: (
orange: #EA7105,
lightgrey: #F7F7F7,
lightergrey: #FBFBFB,
darkgrey: #3C3C3B,
bordergrey: #E5E5E5,
lightgrey: #f0f0f0
lightergrey: #232323,
darkgrey: #dadada,
bordergrey: #121212,
);
$zindex: (
@ -16,7 +16,7 @@ $zindex: (
// format dashboard widget headers
.widgetdiv {
.content-box-head {
background: #E8E8E8 !important;
background: #7481f9 !important;
color: map-get($colors, darkgrey) !important;
padding-bottom: 1px !important;
padding-top: 1px !important;
@ -27,7 +27,7 @@ $zindex: (
.btn-group {
.btn {
color: map-get($colors, darkgrey) !important;
background: #E8E8E8 !important;
background: #7481f9 !important;
border: 0px;
.glyphicon {
color: map-get($colors, darkgrey) !important;
@ -121,6 +121,7 @@ html, body{
}
body{
touch-action: manipulation;
min-width: 320px;
}
@ -167,7 +168,7 @@ body{
}
.page-side{
background: #FFF;
background: #333;
border-right: 1px solid rgba(0,0,0,.15);
height: 100% !important;
height: calc(100% - 52px) !important;
@ -201,7 +202,7 @@ body{
}
.content-box{
background: #FFF;
background: #333;
border: 1px solid map-get($colors, bordergrey);;
@extend .clearfix;
@ -289,7 +290,7 @@ body{
.login-modal{
&-container{
background: #FFF;
background: #333;
border: 1px solid map-get($colors, bordergrey);
max-width: 400px;
margin: 100px auto 15px auto;
@ -312,11 +313,11 @@ body{
padding: 20px 20px 0 20px;
a{
color: #7D7D7D;
color: #459865;
text-decoration: none;
&:hover{
color: darken(#7D7D7D, 10%);
color: darken(#d8d8d8, 10%);
text-decoration: underline;
}
}
@ -362,15 +363,63 @@ body{
border-bottom: none;
}
.nav-tabs > li.active {
.dropdown-menu > li > a,
.dropdown-header {
padding: 3px 10px;
}
.nav-tabs {
margin-right: 1px;
border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%);
}
.nav-tabs > li {
border-radius: 0px;
border-top-right-radius: 10px;
margin-right: 2px;
}
.nav-tabs > li > a {
background: #212121;
border-radius: 0px;
border-top-right-radius: 10px;
margin-right: 0px;
}
nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-right: 1px solid darken(#232323B, 5%);
border-top: 1px solid darken(#232323B, 5%);
border-left: 1px solid darken(#232323B, 5%);
border-bottom: 1px solid darken(map-get($colors, bordergrey), 30%);
}
.nav-tabs > li.active > a {
background: #FFF !important;
}
.nav-tabs > li > a{
border-radius: 0px;
margin-right: 0px;
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-right: 1px solid darken(map-get($colors, bordergrey), 30%);
border-top: 1px solid darken(map-get($colors, bordergrey), 30%);
border-left: 1px solid darken(map-get($colors, bordergrey), 30%);
}
.nav-tabs > li > a.visible-lg-inline-block:not(.pull-right) {
border-top-right-radius: 0px !important;
padding-left: 10px !important;
padding-right: 5px !important;
}
.nav-tabs > li > a.visible-lg-inline-block.pull-right {
border-left: 0px !important;
padding-left: 5px !important;
padding-right: 10px !important;
}
.nav-tabs.nav-justified{
border-right:1px solid map-get($colors, bordergrey);
> li {
@ -415,7 +464,7 @@ body{
}
.btn-default .glyphicon {
color: #757575;
color: #474747;
}
table{
@ -487,7 +536,7 @@ table{
}
&:before{
background: #EA7105;
background: #434343;
content: "";
height: 42px;
min-height: 100%;
@ -512,19 +561,19 @@ table{
.active-menu-title, .active-menu a{
text-decoration: none;
position: relative;
background-color: #F5F5F5;
background-color: #484848;
&:before{
width: 3px;
}
&.active{
background-color: #E8E8E8;
background-color: #686868;
}
}
.active-menu a:before{
background: #ED9A50;
background: #454545;
}
.alert.alert-danger{
@ -539,6 +588,26 @@ table{
padding: 10px 20px;
}
.label-opnsense {
/* emulates btn */
border: 1px solid transparent;
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.label-opnsense-sm {
/* emulates btn-sm */
padding: 5px 10px;
}
.label-opnsense-xs {
/* emulates btn-xs */
padding: 1px 5px;
}
::-webkit-scrollbar {
width: 8px;
}
@ -547,17 +616,17 @@ table{
height:5px;
}
::-webkit-scrollbar-track {
background: #f7f7f7;
background: #565656;
box-shadow: 0px 0px 0px;
border-radius:0;
}
::-webkit-scrollbar-thumb {
background: #e5e5e5;
border: thin solid #e5e5e5;
background: #383838;
border: thin solid #383838;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background:#e5e5e5;
background:#383838;
}
.widgetdiv {