mirror of
https://github.com/opnsense/plugins.git
synced 2026-05-28 04:34:15 -04:00
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:
parent
6c2fa56660
commit
420b0b41fc
4 changed files with 319 additions and 229 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -33,10 +33,10 @@
|
|||
/* dialog types */
|
||||
&.type-default {
|
||||
.modal-header {
|
||||
background-color: #fff;
|
||||
background-color: #533;
|
||||
}
|
||||
.bootstrap-dialog-title {
|
||||
color: #333;
|
||||
color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue