Gh0stRunner Posted September 24, 2018 Share Posted September 24, 2018 Is there a way to change the web interface theme from white to dark? thanks! Link to comment Share on other sites More sharing options...
kleo Posted September 24, 2018 Share Posted September 24, 2018 I got you fam. https://github.com/kbeflo/pineapple-themes Link to comment Share on other sites More sharing options...
Gh0stRunner Posted September 25, 2018 Author Share Posted September 25, 2018 Cheers mate! ? Link to comment Share on other sites More sharing options...
Gh0stRunner Posted September 25, 2018 Author Share Posted September 25, 2018 btw how can I create my own theme like keep everything dark and change the writing to light blue? Link to comment Share on other sites More sharing options...
kleo Posted September 25, 2018 Share Posted September 25, 2018 You can start by modifying the theme by unminifying the bootstrap.min.css and main.css. Look at the pineapple-theme repo as an example. Link to comment Share on other sites More sharing options...
Gh0stRunner Posted September 25, 2018 Author Share Posted September 25, 2018 Thanks mate! So if I want to modify all the text including drop-downs, pretty much every text in this type of blue ( #306EFF ) should I replace all the #c6c6c6 values with #306EFF like how I have mine here? This is the main.css.. I tried looking at bootstrap.css but not sure which color values to change. Any help would be much appreciated ? Also once I'm done modifying the colours on the github file would I have to send a request to the owner of the file (yourself) to approve the changes since not sure it won't let me write to the file? So basically it creates a fork project with my changes and you get to approve it? Link to comment Share on other sites More sharing options...
Dave-ee Jones Posted September 25, 2018 Share Posted September 25, 2018 What I would do is this: Find an element with the colour you want to change on a page. As an example I'll use an orange button. Right click on the element with the colour and select "Inspect Element", then find the background colour of the object (I'll use the classic orange #FFA500 as orange). Go to the unminified CSS file and do a 'Find and Replace' using Notepad++ or something and put #FFA500 as the 'Find' and 'Replace' it with whatever hex you would like. I think you wanted #306EFF, so use that. Save the file and it should be good to go. If you find there are variations of the colour you replaced (e.g. a darker orange for highlights or something) then just repeat the above process. That's what I would do. It's quite time consuming sometimes, though. Link to comment Share on other sites More sharing options...
kleo Posted September 25, 2018 Share Posted September 25, 2018 As @Dave-ee Jones said you can inspect element and change that elements' color and other properties. You can take advantage of newer versions of Chrome using local override for easier theme editing. If you'd like to contribute a theme you can fork the repository then apply your changes to your forked repository, then you can submit a pull request after. Link to comment Share on other sites More sharing options...
trashbo4t Posted September 26, 2018 Share Posted September 26, 2018 https://github.com/hak5/wifipineapple-modules/tree/master/Themes Link to comment Share on other sites More sharing options...
Gh0stRunner Posted September 27, 2018 Author Share Posted September 27, 2018 thanks for all the insight every1 ? i'll have to try to find some time for this Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.