diff --git a/Themes/css/1980.css b/Themes/css/1980.css index 896db2c..15d083d 100644 --- a/Themes/css/1980.css +++ b/Themes/css/1980.css @@ -447,6 +447,53 @@ td { .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; - vertical-align: top; + vertical-align: middle; border-top: 1px solid lime; +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #2196F3; +} +input:focus + .slider { + box-shadow: 0 0 1px #2196F3; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/default.css b/Themes/css/default.css index 9c42935..23ddbdf 100644 --- a/Themes/css/default.css +++ b/Themes/css/default.css @@ -200,4 +200,51 @@ body { padding-top: 3px; padding-left: 5px; float: right; +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #2196F3; +} +input:focus + .slider { + box-shadow: 0 0 1px #2196F3; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/evilrose.css b/Themes/css/evilrose.css index cf7fd00..2c30dc7 100644 --- a/Themes/css/evilrose.css +++ b/Themes/css/evilrose.css @@ -475,4 +475,52 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} + +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #ff0066; +} +input:focus + .slider { + box-shadow: 0 0 1px #ff0066; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/hackerblues.css b/Themes/css/hackerblues.css index 0845169..722392c 100644 --- a/Themes/css/hackerblues.css +++ b/Themes/css/hackerblues.css @@ -454,18 +454,17 @@ td { color: black; } .table>thead>tr>th { - vertical-align: bottom; + vertical-align: middle; border-bottom: 2px solid #0066ff; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; - vertical-align: top; + vertical-align: middle; border-top: 1px solid #0066ff; } .modal-content { - position: relative; background-color: black; -webkit-background-clip: padding-box; background-clip: padding-box; @@ -473,6 +472,51 @@ td { border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; - -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); - box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #0066ff; +} +input:focus + .slider { + box-shadow: 0 0 1px #0066ff; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/hak5.css b/Themes/css/hak5.css index 8b4bfe3..a6610f0 100644 --- a/Themes/css/hak5.css +++ b/Themes/css/hak5.css @@ -449,4 +449,51 @@ td { line-height: 1.42857143; vertical-align: top; border-top: 1px solid red; +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: red; +} +input:focus + .slider { + box-shadow: 0 0 1px red; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/halflife-inverted.css b/Themes/css/halflife-inverted.css index 517cc38..92212f7 100644 --- a/Themes/css/halflife-inverted.css +++ b/Themes/css/halflife-inverted.css @@ -475,4 +475,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #991f00; +} +input:focus + .slider { + box-shadow: 0 0 1px #991f00; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/halflife.css b/Themes/css/halflife.css index 41d94c1..ace0272 100644 --- a/Themes/css/halflife.css +++ b/Themes/css/halflife.css @@ -475,4 +475,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: black; +} +input:focus + .slider { + box-shadow: 0 0 1px black; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/kbeflo-dark.css b/Themes/css/kbeflo-dark.css index c41c245..4cb38d4 100644 --- a/Themes/css/kbeflo-dark.css +++ b/Themes/css/kbeflo-dark.css @@ -526,4 +526,51 @@ tr:hover td { .btn-switch--on { background-color: #ccffff; border: 2px solid #ccffff; +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: gray; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: black; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: whitesmoke; +} +input:focus + .slider { + box-shadow: 0 0 1px whitesmoke; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/main.css b/Themes/css/main.css index 9c42935..23ddbdf 100644 --- a/Themes/css/main.css +++ b/Themes/css/main.css @@ -200,4 +200,51 @@ body { padding-top: 3px; padding-left: 5px; float: right; +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #2196F3; +} +input:focus + .slider { + box-shadow: 0 0 1px #2196F3; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/malware.css b/Themes/css/malware.css index febedcf..ab7cad8 100644 --- a/Themes/css/malware.css +++ b/Themes/css/malware.css @@ -475,4 +475,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: darkgray; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: black; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: red; +} +input:focus + .slider { + box-shadow: 0 0 1px red; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/morning.css b/Themes/css/morning.css index 331bc20..315c348 100644 --- a/Themes/css/morning.css +++ b/Themes/css/morning.css @@ -461,4 +461,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: rosybrown; +} +input:focus + .slider { + box-shadow: 0 0 1px rosybrown; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/neon.css b/Themes/css/neon.css index 3cc8433..3ffa0d4 100644 --- a/Themes/css/neon.css +++ b/Themes/css/neon.css @@ -454,4 +454,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: lime; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: purple; +} +input:focus + .slider { + box-shadow: 0 0 1px purple; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/spring.css b/Themes/css/spring.css index 39a43d8..55fe691 100644 --- a/Themes/css/spring.css +++ b/Themes/css/spring.css @@ -476,4 +476,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: darkslategray; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: #6666ff; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: #00e673; +} +input:focus + .slider { + box-shadow: 0 0 1px #00e673; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/css/starstuff.css b/Themes/css/starstuff.css index 6f0d2bd..1441cbd 100644 --- a/Themes/css/starstuff.css +++ b/Themes/css/starstuff.css @@ -475,4 +475,51 @@ td { outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); +} +.switch { + position: relative; + display: inline-block; + width: 46px; + height: 20px; +} +.switch input {display:none;} +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: darkgray; + -webkit-transition: .4s; + transition: .4s; +} +.slider:before { + position: absolute; + content: ""; + height: 12px; + width: 12px; + left: 4px; + bottom: 4px; + background-color: #000038; + -webkit-transition: .4s; + transition: .4s; + } +input:checked + .slider { + background-color: gold; +} +input:focus + .slider { + box-shadow: 0 0 1px gold; +} +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} +.slider.round:before { + border-radius: 50%; } \ No newline at end of file diff --git a/Themes/js/module.js b/Themes/js/module.js index 973e109..38bbaa3 100644 --- a/Themes/js/module.js +++ b/Themes/js/module.js @@ -20,6 +20,7 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h $scope.colors = ['dark', 'light', 'red', 'blue', 'green', 'purple', 'orange', 'yellow', 'pink']; $scope.brightness = ['light', 'normal', 'dark']; $scope.working = false; + $scope.autoRefresh = true; // Dark and White $scope.throbbercontrast = true; // true == light -> false == dark $scope.logocontrast = true; @@ -104,7 +105,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Throbber", "set to " + $scope.throbbercontrastText); log("changeThrobber", response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeLogo = function(){ @@ -121,7 +124,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Logo", "set to " + $scope.logocontrastText); log("changeLogo", response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; @@ -139,8 +144,10 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Icon", "set to " + $scope.faviconcontrastText); log("changeFavicon", response.message); - $window.location.reload(); - }); + if ($scope.autoRefresh) { + $window.location.reload(); + } + }); }; $scope.changeAllIcons = function(){ $api.request({ @@ -154,8 +161,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h $scope.sendMessage("All Icons", "set to " + $scope.allcontrastText + "(" + $scope.allcontrastBrightness + ")"); log("changeAllIcons", "Success? " + response.success + " " + response.message); } - $route.reload(); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeDashboard = function(){ @@ -168,7 +176,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Dashboard Icon", "set to " + $scope.dashboardcontrastText + " (" + $scope.dashboardcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeRecon = function(){ @@ -181,7 +191,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Recon Icon", "set to " + $scope.reconcontrastText + " (" + $scope.reconcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeProfiling = function(){ @@ -194,7 +206,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Profiling Icon", "set to " + $scope.profilingcontrastText + " (" + $scope.profilingcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeClients = function(){ @@ -207,7 +221,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Clients Icon", "set to " + $scope.clientscontrastText + " (" + $scope.clientscontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeModules = function(){ @@ -220,7 +236,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("ModuleManager Icon", "set to " + $scope.modulescontrastText + " (" + $scope.modulescontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeFilters = function(){ @@ -233,7 +251,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Filters Icon", "set to " + $scope.filterscontrastText + " (" + $scope.filterscontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changePineap = function(){ @@ -246,7 +266,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Filters Icon", "set to " + $scope.pineapcontrastText + " (" + $scope.pineapcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeTracking = function(){ @@ -259,7 +281,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Tracking Icon", "set to " + $scope.trackingcontrastText + " (" + $scope.trackingcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeLogging = function(){ @@ -272,7 +296,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Logging Icon", "set to " + $scope.loggingcontrastText + " (" + $scope.loggingcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeReporting = function(){ @@ -285,7 +311,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Reporting Icon", "set to " + $scope.reportingcontrastText + " (" + $scope.reportingcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeNetworking = function(){ @@ -298,7 +326,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Networking Icon", "set to " + $scope.networkingcontrastText + " (" + $scope.networkingcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeConfiguration = function(){ @@ -311,7 +341,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Configuration Icon", "set to " + $scope.configurationcontrastText + " (" + $scope.configurationcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeAdvanced = function(){ @@ -324,7 +356,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Advanced Icon", "set to " + $scope.advancedcontrastText + " (" + $scope.advancedcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.changeHelp = function(){ @@ -337,7 +371,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h }, function(response) { $scope.sendMessage("Help Icon", "set to " + $scope.helpcontrastText + " (" + $scope.helpcontrastBrightness + ")"); log("changeDashboard", "Success? " + response.success + " " + response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; function log(fn, message) { @@ -437,7 +473,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h $scope.throbber = false; log("restoreDefault", "Successful? "+ response.success + ". " + response.message); $scope.working = "Done!"; - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } }); }; $scope.sendMessage = function (t, m) { @@ -491,7 +529,9 @@ registerController("ThemesController", ['$api', '$scope','$window','$route', '$h $scope.currentTheme = theme.title; getThemes(); $scope.sendMessage("Activated", response.message); - $window.location.reload(); + if ($scope.autoRefresh) { + $window.location.reload(); + } } }); }; diff --git a/Themes/module.html b/Themes/module.html index 5b46ccb..174bdfa 100644 --- a/Themes/module.html +++ b/Themes/module.html @@ -1,727 +1,786 @@
-
-
-
-

Controls

-
-
-
- - - - - - - - -
{{ control.title }}
- -
-
Current Theme: {{ current }}
-
-
-
-
-
+
+
-

Themes Messages

 +

Theme: {{ current.substring(0, current.length - 4); }}
-
+
-

No Messages...

- Clear - All - - +
+ + + + -
-
-
{{ message.title }} Dismiss
-

{{ message.msg }}

+ Auto Refresh + 		+ + +
+ + + +
-
-
-

Icon Colors

-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - +
+
+

Themes Messages

 +
+
+
+

No Messages...

+ Clear + All +
IconColorBrightness
Throbber {{ throbbercontrastText }} N/A
Logo {{ logocontrastText }} N/A
Favicon {{ faviconcontrastText }} N/A
Dashboard {{ dashboardcontrastText }} {{ dashboardcontrastBrightness }}
Recon {{ reconcontrastText }} {{ reconcontrastBrightness }}
Profiling {{ profilingcontrastText }} {{ profilingcontrastBrightness }}
Clients {{ clientscontrastText }} {{ clientscontrastBrightness }}
Modules {{ modulescontrastText }} {{ modulescontrastBrightness }}
Filters {{ filterscontrastText }} {{ filterscontrastBrightness }}
PineAP {{ pineapcontrastText }} {{ pineapcontrastBrightness }}
Tracking {{ trackingcontrastText }} {{ trackingcontrastBrightness }}
Logging {{ loggingcontrastText }} {{ loggingcontrastBrightness }}
Reporting {{ reportingcontrastText }} {{ reportingcontrastBrightness }}
Networking {{ networkingcontrastText }} {{ networkingcontrastBrightness }}
Configuration {{ configurationcontrastText }} {{ configurationcontrastBrightness }}
Advanced {{ advancedcontrastText }} {{ advancedcontrastBrightness }}
Help {{ helpcontrastText }} {{ helpcontrastBrightness }}
+ + +
+
+
{{ message.title }} Dismiss
+

{{ message.msg }}

+
-
-
-
- -
-
- -
-
-
Themes
+
-
-
-
- - - - -
-
-
-
- - - - - - - - - - - - - - - +
+
+

Icon Colors

 +
+
+
+
Theme NameLocationActivateDelete
{{ theme.title - }}{{ theme.storage }}Activate - Delete -
+ + + + + + + + + + + + + + + + + + + + + + + +
IconColorBrightness
Throbber {{ throbbercontrastText }} N/A
Logo {{ logocontrastText }} N/A
Favicon {{ faviconcontrastText }} N/A
Dashboard {{ dashboardcontrastText }} {{ dashboardcontrastBrightness }}
Recon {{ reconcontrastText }} {{ reconcontrastBrightness }}
Profiling {{ profilingcontrastText }} {{ profilingcontrastBrightness }}
Clients {{ clientscontrastText }} {{ clientscontrastBrightness }}
Modules {{ modulescontrastText }} {{ modulescontrastBrightness }}
Filters {{ filterscontrastText }} {{ filterscontrastBrightness }}
PineAP {{ pineapcontrastText }} {{ pineapcontrastBrightness }}
Tracking {{ trackingcontrastText }} {{ trackingcontrastBrightness }}
Logging {{ loggingcontrastText }} {{ loggingcontrastBrightness }}
Reporting {{ reportingcontrastText }} {{ reportingcontrastBrightness }}
Networking {{ networkingcontrastText }} {{ networkingcontrastBrightness }}
Configuration {{ configurationcontrastText }} {{ configurationcontrastBrightness }}
Advanced {{ advancedcontrastText }} {{ advancedcontrastBrightness }}
Help {{ helpcontrastText }} {{ helpcontrastBrightness }}
-
- -
-

- No Themes in Library to Display. -

-
- -
- -
-

Theme Editor | {{ workshopTheme.themeName }}

- -
- - - - - - - -
- - - -
- -
CSS Editor
+
+
+
+ +
+
+ +
+
+
Themes
+
+
+
+
+ + + + +
+
+
+
+ + + + + + + + + + + + + + + +
Theme NameLocationActivateDelete
+ {{ theme.title.substring(0, theme.title.length - 4); }}{{ theme.storage }}Activate + Delete +
+
+
+ +
+

+ No Themes in Library to Display. +

+
+ +
+ +
+

Theme Editor | {{ workshopTheme.themeName }}

+ +
+ + + + + + + +
+
+ +
+
+ +
+ +
+ +
CSS Editor
+
+
-
-
- -
-
-
Icons
-
-
-
-
-

Generic

-
- + +
+
+
Icons
+
+
+
+
+

Generic

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
TypeImageLight ThemeDark Theme
+ Throbber + + + +
+
+ 		+
+
+
+ Logo + + + +
+
+ 		+
+
+
+ Icon + + + +
+
+ 		+
+
+
+
+

Modules

+
+ - - + + + - - - - - - - - - - - - - - - - - - -
Type ImageLightDarkColorBrightness
- Throbber - - - -
-
- 		-
-
-
- Logo - - - -
-
- 		-
-
-
- Icon - - - -
-
- 		-
-
-
-
-

Modules

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - + + - + + + + + + + + + + + + + + + + + + + + - - - + + - - - - - + + - - - - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
TypeImageColorBrightness
- ALL - - - - - - - -
- Dashboard - - - - - - - - -
Recon + + + + + +
+ Dashboard + + + + + + + + +
Recon + + +
Profiling +
Profiling
ClientsModules
Modules
Filters - - -
Filters - - -
PineAP - - -
Tracking -
Logging - -
Reporting
PineAP
Networking - - -
Configuration - - -
Advanced - - -
Help - - -
- + + + Tracking + + + + + + + + + + Logging + + + + + + + + + + Reporting + + + + + + + + + + Networking + + + + + + + + + + Configuration + + + + + + + + + + Advanced + + + + + + + + + + Help + + + + + + + + + + + +
+
+
+ + +
+
+
How To
+
+
+
+
    +
  • Share your new theme
    • +
      +
    • Navigate to the wifi pineapple modules repository
      • +
    • Add your theme .css file in the css directory of this module
      • +
    • Create a new pull request
      • +
    • Update the version number
      • +
    • Update the module version in module.info
      • +
    +
+
    +
  • Fix Images appearing broken/unable to be loaded
    • +
      +
    • Refresh the page
      • +
    • If the problem persists, see "Submit a Bug"
      • +
    +
+
    +
  • Fix a messy looking page after a save/refresh
    • +
      +
    • Reselect 'Activate' beside your theme
      • +
    • Refresh the page
      • +
    +
+
    +
  • Select the proper Image type
    • +
      +
    • Beside each Image type are two options "Light" and "Dark"
      • +
    • "Dark" images are intended for dark backgrounds
      • +
    • "Light" images are intended for light backgrounds
      • +
    +
+
    +
  • Use a theme once without a module
    • +
      +
    • Navigate to https://github.com/kbeflo/pineapple-themes
      • +
    • Select a theme and run the install.sh script
      • +
    +
+
    +
  • Submit a Bug
    • +
      +
    • Navigate to https://github.com/hak5/wifipineapple-modules/issues
      • +
    • Select the "New Issue" button
      • +
    • Tag @trashbo4t in your issue description
      • +
    +
+
-
- - -
-
-
How To
+
+
+
Community Tips
+
+
+
+
    +
  • Creating a New Theme
    • +
      +
    • + The set of .css files bundled with the Themes module are already configured to handle + undefined colors from the standard bootstrap .css file in the default settings. +
      • +
    • + A reccommended method to ensure larger coverage is to create a new .css file with the theme creator + then copy another .css files code. +
      • +
    • + Once you copied the code do a search and replace for the colors of your choosing! +
      • +
    +
+
    +
  • Working with .css files in a browser
    • +
      +
    • Modyfing a .css file with active updating is possible in modern browsers.
      • +
    • Select 'ctrl'+'shift'+'I', then select the sourses tab.
      • +
    • Select the 'css' folder, then the main.css file
      • +
    • Modify the main.css file until you like the appearance of the page.
      • +
    • From there select all of the code ('ctrl'+'a') and paste it into your theme files CSS Editor box
      • +
    • Then select "Save" and "Activate"
      • +
    +
+
    +
  • Dark Theme vs Light Theme Icons
    • +
      +
    • If your background is dark, its best to choose a "Dark Theme" icon.
      • +
    • Overlooked transparency pixels will be harder to see this way!
      • +
    +
+ +
+
-
-
-
    -
  • Share your new theme
    • + +
    +
    +
    Themes Change Log
    +
    +
    +
      -
    • Navigate to the wifi pineapple modules repository
      • -
    • Add your theme .css file in the css directory of this module
      • -
    • Create a new pull request
      • -
    • Update the version number
      • -
    • Update the module version in module.info
      • +
    • 1.0
      • +
        +
      • Pending release of 1.0
        • +
    -
-
    -
  • Fix Images appearing broken/unable to be loaded
    • -
      -
    • Refresh the page
      • -
    • If the problem persists, see "Submit a Bug"
      • -
    -
-
    -
  • Fix a messy looking page after a save/refresh
    • -
      -
    • Reselect 'Activate' beside your theme
      • -
    • Refresh the page
      • -
    -
-
    -
  • Select the proper Image type
    • -
      -
    • Beside each Image type are two options "Light" and "Dark"
      • -
    • "Dark" images are intended for dark backgrounds
      • -
    • "Light" images are intended for light backgrounds
      • -
    -
-
    -
  • Use a theme once without a module
    • -
      -
    • Navigate to https://github.com/kbeflo/pineapple-themes
      • -
    • Select a theme and run the install.sh script
      • -
    -
-
    -
  • Submit a Bug
    • -
      -
    • Navigate to https://github.com/hak5/wifipineapple-modules/issues
      • -
    • Select the "New Issue" button
      • -
    • Tag @trashbo4t in your issue description
      • -
    -
-
+
+
-
- -
-
-
Themes Change Log
-
-
-
-
    -
  • 1.0
    • -
      -
    • Pending release of 1.0
      • -
    -
-
-
-
-
-
-
+ + \ No newline at end of file diff --git a/Themes/module.info b/Themes/module.info index b886385..391beff 100644 --- a/Themes/module.info +++ b/Themes/module.info @@ -1,6 +1,6 @@ { "title": "Themes", - "description": "Create or download custom themes!", + "description": "Create, download, and share custom themes", "version": "1.0", "author": "trashbo4t" -} \ No newline at end of file +}