動態替換CSS顏色，是指通過JavaScript代碼，在頁面加載時動態地修改CSS樣式表中的顏色屬性。這種技術通常用于讓用戶可以自定義頁面主題顏色，或者在不同的場景下使用不同的配色方案。
下面是一個簡單的例子：
<!DOCTYPE html>
<html>
<head>
<title>動態修改CSS顏色</title>
<style id="theme">
body {
background-color: #f5f5f5;
color: #333;
}
</style>
</head>
<body>
<button onclick="changeTheme('#222', '#fff')">切換主題</button>
<script>
function changeTheme(bgColor, fgColor) {
var style = document.getElementById("theme");
style.innerHTML = "body {background-color: " + bgColor + "; color: " + fgColor + "; }";
}
</script>
</body>
</html>在上面的代碼中，我們首先定義了一個基礎的CSS樣式表，包含了頁面的背景顏色和文字顏色。然后，我們在頁面中添加了一個按鈕，當用戶點擊按鈕時，會觸發JavaScript函數 changeTheme(bgColor, fgColor)。
這個函數會通過 document.getElementById("theme") 方法找到頁面中的<style id="theme">元素，然后修改該元素的內容，將其中的背景顏色和文字顏色屬性改為指定的顏色值。
你可以根據自己的需要，修改這個例子中的顏色值，或者添加更多的CSS屬性。通過這種方式，你可以實現一個簡單而又實用的動態CSS顏色替換功能。