1: Fundamentals
2: HTML and CSS
3: Tools
4: Deployment
5: JavaScript
6: More JavaScript
7: TypeScript
8: Python
9: More Python
10: PHP
11: More CSS
12: DOM and Events
13: Networking
14: Browser API
15: Server Runtimes
16: HTTP Servers
17: Forms
18: Databases
19: Libraries and frameworks
20: Docker
21: Go
22: C
23: Linux
24: Swift
25: Electronics
26: Misc

Copyright 2025

The Valley of Code

A Flavio Copes project

changelog

legacy pro user?

Change the color of a webpage dynamically using JS and CSS
Change the color of a webpage dynamically using JS and CSS

Here’s how to dynamically change a web page’s colors using the CSS filter property and JavaScript:

<a href='javascript:document.querySelector("html").setAttribute("style","filter: saturate(60%) brightness(80%);")'>
  pastel
</a>

<a href='javascript:document.querySelector("html").setAttribute("style","filter: grayscale(100%); ")'>
  grayscale
</a>

<a href='javascript:document.querySelector("html").setAttribute("style","filter:  ")'>
  normal
</a>

Want to master TypeScript? Check out my TypeScript Masterclass

Join my AI Workshop !

The Web Development BOOTCAMP cohort starts in February 2026