Skip to content

sammilucia/web-themes-framework

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

39 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

<<<<<<< HEAD

Web Themes Framework

Quickly create themes for popular web apps.

How to use

  1. Download source files from https://github.com/sammilucia/web-themes-framework/archive/master.zip
  2. Edit css/_theme.css
  3. Edit colors and fonts to match your theme
  4. To test, enable Developer Mode in Chrome or Firefox, and install as an unpacked Extension ๐Ÿ˜Š

Note: The license allows you to repackage and upload as a Chrome Extension/Firefox Add-on for your own theme ๐Ÿ˜Š

Note2: The default theme is based on Paranoid Android by niivu

About

The goal of this project is that theme creators can create their own Chrome Extension that themes the most popular websites, and package these as a Chrome extension, quickly, reliably, and easily, and without any programming experience or knowledge.

Why, when there are others?

There are Extensions such as Stylish which let you theme specific websites, but they're not aimed at themersโ€”You can't release your own Extension that other people can easily use.

Secondly, I'm not a fan of Extensions that have access to all the websites you visit, expecially if the Extensions aren't open source.

Thirdly โ€“ and perhaps the biggest reason โ€“ tools like Stylish are a LOT of work, which has to be repeated for every theme. The idea of WTF is all the hard work is done for youโ€”you just put in colours and fonts and DONE ๐Ÿ˜Š.

Lastly, WTF has minimal access to website, is completely open source, and is free to customize and distribute with your own themes.

Web apps supported so far

  1. Facebook Messenger (both standalone and through Facebook)
  2. Discord
  3. WhatsApp
  4. YouTube
  5. Instagram
  6. DuckDuckGo
  7. Slack (Enter #141721,#2C3849,#202436,#9378FF,#202436,#9378FF,#71F1B6,#7553FC,#181B28,#606873 as a Slack theme to start)
  8. LinkedIn (just starting work)

Contributing

I could definitely use help. Skills required:

  • Really just a good grasp of CSS!

Bugs

Please create a GitHub issue for any problems

Attribution

If you can mention "Web Themes Framework" when you release this will help people find this project and make more themes ๐Ÿ˜Š (but it's not necessary to mention).

To do

  • Finalise Slack (problems with a few popups)
  • Finalise Messenger (problems with a few popups)
  • Try to make WhatsApp not ugly
  • Implement LinkedIn, Twitter, Teams, ...

Changelog

Version 0.7.0 - 5 Aug 2022

  • Updated injector to differentiate URLs that are 3 deep (e.g. messages.google.com)
  • Added Started Messages
  • Fixed a whole bunch of Slack inconsistencies (mostly popups)

Version 0.6.4 - 5 Aug 2022

  • Fixed a bunch of problems with the YouTube theme

Version 0.6.2 - 4 Aug 2022

  • Updated several themes to fix bugs due to changes with websites
  • Added Firefox compatibility

Version 0.4.8 - 18 Jul 2021

  • Themed main DuckDuckGo page (before searching)

Version 0.4.7 - 11 Jul 2021

  • Themed Instagram messages
  • Fixed bugs with Slack buttons due to Slack internal changes
  • Removed "Messenger for Windows" panel

Version 0.4.5 - 12 Jun 2021

  • Fixes due to changes in Slack
  • Updates to DuckDuckGo support
  • Added Instagram support

Version 0.4.4 - 11 Jun 2021

  • Rationalised code and minor theme tweaks
  • Finished YouTube tweaks
  • Added DuckDuckGo support

Version 0.4.3 - 9 Jun 2021

  • Tweaked Messenger theme
  • Tweaked WhatsApp theme
  • Cleaned up code

Version 0.4.2 - 9 Jun 2021

  • Fixed Messenger theme

Version 0.4.1 - 9 Jun 2021

  • Added global _theme.css. You can now customize most colors/fonts of all websites from this single file
  • Added icon

Version 0.3.3 - 9 Jun 2021

  • Fixed WhatsApp support

Version 0.3.2 - 8 Jun 2021

  • Updated Slack to support new wysiwig class
  • Added Firefox support

Version 0.3.1 - 16 May 2021

  • Added Slack support

Version 0.2.4 - 27 Feb 2020

  • Fixed wrong textinput color on WhatsApp

Version 0.2.3 - 21 Jan 2020

  • Accommodated some changes in WhatsApp

Version 0.2.2 - 25 Dec 2019

Version 0.2.1 - 24 Dec 2019

Version 0.2.0 - 24 Dec 2019

Version 0.1.1 - 24 Dec 2019

Version 0.1.0 - 23 Dec 2019

  • Proof of concept =======

Web Themes Framework

Quickly create themes for popular web apps.

How to use

  1. Download source files from https://github.com/sammilucia/web-themes-framework/archive/master.zip
  2. Edit css/_theme.css
  3. Edit colors and fonts to match your theme
  4. To test, enable Developer Mode in Chrome or Firefox, and install as an unpacked Extension ๐Ÿ˜Š

Note: The license allows you to repackage and upload as a Chrome Extension/Firefox Add-on for your own theme ๐Ÿ˜Š

Note2: The default theme is based on Paranoid Android by niivu

About

The goal of this project is that theme creators can create their own Chrome Extension that themes the most popular websites, and package these as a Chrome extension, quickly, reliably, and easily, and without any programming experience or knowledge.

Why, when there are others?

There are Extensions such as Stylish which let you theme specific websites, but they're not aimed at themersโ€”You can't release your own Extension that other people can easily use.

Secondly, I'm not a fan of Extensions that have access to all the websites you visit, expecially if the Extensions aren't open source.

Thirdly โ€“ and perhaps the biggest reason โ€“ tools like Stylish are a LOT of work, which has to be repeated for every theme. The idea of WTF is all the hard work is done for youโ€”you just put in colours and fonts and DONE ๐Ÿ˜Š.

Lastly, WTF has minimal access to website, is completely open source, and is free to customize and distribute with your own themes.

Web apps supported so far

  1. Facebook Messenger (both standalone and through Facebook)
  2. Discord
  3. WhatsApp
  4. YouTube
  5. Instagram
  6. DuckDuckGo
  7. Slack (Enter #141721,#2C3849,#202436,#9378FF,#202436,#9378FF,#71F1B6,#7553FC,#181B28,#606873 as a Slack theme to start)
  8. LinkedIn (just starting work)

Contributing

I could definitely use help. Skills required:

  • Really just a good grasp of CSS!

Bugs

Please create a GitHub issue for any problems

Attribution

If you can mention "Web Themes Framework" when you release this will help people find this project and make more themes ๐Ÿ˜Š (but it's not necessary to mention).

To do

  • Finalise Slack (problems with a few popups)
  • Finalise Messenger (problems with a few popups)
  • Try to make WhatsApp not ugly
  • Implement LinkedIn, Twitter, Teams, ...

Changelog

Version 0.6.2 - 4 Aug 2022

  • Updated several themes to fix bugs due to changes with websites
  • Added Firefox compatibility

Version 0.4.8 - 18 Jul 2021

  • Themed main DuckDuckGo page (before searching)

Version 0.6.4 - 5 Aug 2022

  • Fixed a bunch of problems with the YouTube theme

Version 0.6.2 - 4 Aug 2022

  • Updated several themes to fix bugs due to changes with websites
  • Added Firefox compatibility

Version 0.4.8 - 18 Jul 2021

  • Themed main DuckDuckGo page (before searching)

Version 0.4.7 - 11 Jul 2021

  • Themed Instagram messages
  • Fixed bugs with Slack buttons due to Slack internal changes
  • Removed "Messenger for Windows" panel

Version 0.4.5 - 12 Jun 2021

  • Fixes due to changes in Slack
  • Updates to DuckDuckGo support
  • Added Instagram support

Version 0.4.4 - 11 Jun 2021

  • Rationalised code and minor theme tweaks
  • Finished YouTube tweaks
  • Added DuckDuckGo support

Version 0.4.3 - 9 Jun 2021

  • Tweaked Messenger theme
  • Tweaked WhatsApp theme
  • Cleaned up code

Version 0.4.2 - 9 Jun 2021

  • Fixed Messenger theme

Version 0.4.1 - 9 Jun 2021

  • Added global _theme.css. You can now customize most colors/fonts of all websites from this single file
  • Added icon

Version 0.3.3 - 9 Jun 2021

  • Fixed WhatsApp support

Version 0.3.2 - 8 Jun 2021

  • Updated Slack to support new wysiwig class
  • Added Firefox support

Version 0.3.1 - 16 May 2021

  • Added Slack support

Version 0.2.4 - 27 Feb 2020

  • Fixed wrong textinput color on WhatsApp

Version 0.2.3 - 21 Jan 2020

  • Accommodated some changes in WhatsApp

Version 0.2.2 - 25 Dec 2019

Version 0.2.1 - 24 Dec 2019

Version 0.2.0 - 24 Dec 2019

Version 0.1.1 - 24 Dec 2019

Version 0.1.0 - 23 Dec 2019

  • Proof of concept

1e47d91251e02c37faaebc7d2c9a7dccde9a1aa1

About

Chrome Extension Theme Framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published