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

Themes Messages

No Messages...

Clear All
{{ message.title }} Dismiss

{{ message.msg }}

Icon Colors
Icon Color Brightness
Throbber {{ throbbercontrastText }} N/A
Logo {{ logocontrastText }} N/A
Favicon {{ faviconcontrastText }} N/A
Dashboard {{ dashboardcontrastText }} {{ dashboardcontrastBrightness }}
Recon {{ reconcontrastText }} {{ reconcontrastBrightness }}
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 }}
Notes {{ notescontrastText }} {{ notescontrastBrightness }}
Help {{ helpcontrastText }} {{ helpcontrastBrightness }}
Themes
Theme Name Location Activate Delete
{{ 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

Type Image Light Theme Dark Theme
Throbber
Logo
Icon

Modules

Type Image Color Brightness
ALL
Dashboard
Recon
Notes
Clients
Modules
Filters
PineAP
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
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!
Themes Change Log
  • 1.1
    • Removed profiling icon options
    • Added "Notes" icon options
  • 1.0
    • Pending release of 1.0