Add nord theme with license header, update all theme files with license

Dockerfile

@@ -2,6 +2,7 @@ FROM nginx:alpine
 COPY default.conf /etc/nginx/conf.d/default.conf
 COPY ash.css /usr/share/nginx/html/ash.css
 COPY gruvbox.css /usr/share/nginx/html/gruvbox.css
+COPY nord.css /usr/share/nginx/html/nord.css
 COPY config.js /usr/share/nginx/html/config.js
 COPY index.html /usr/share/nginx/html/index.html
 COPY noise.png /usr/share/nginx/html/noise.png

ash.css

@@ -1,4 +1,8 @@
-/* Generic color system - simple to customize for other themes.
+/* Ash palette by zink (this project)
+ * Original: https://git.familie-zink.org/zink/omarchy-ash-theme
+ * License: See repository LICENSE
+ *
+ * Generic color system - simple to customize for other themes.
    Each color has light/dark variants interpolated from the base color. */
 
 :root {

config.js

@@ -1,6 +1,6 @@
 /* Application configuration
  * debug      - Show debug panel (0/1)
- * theme      - Color palette: 'ash' or 'gruvbox'
+ * theme      - Color palette: 'ash', 'gruvbox' or 'nord'
  * units      - Measurement units: 'metric' or 'imperial'
  * language   - UI language: 'de' or 'en'
  */

gruvbox.css

@@ -1,4 +1,9 @@
-/* Gruvbox color theme - alternative to Ash */
+/* Gruvbox color theme by Pavel Pertsev
+ * https://github.com/gruvbox-community/gruvbox
+ * License: BSD-3-Clause
+ *
+ * Each color has light/dark variants (50% interpolation).
+   Variant names follow the pattern: base, base-light, base-dark. */
 
 :root {
     /* Base surfaces (dark) */

index.html

@@ -8,7 +8,7 @@
     <script>
         (function() {
             var theme = (window.CONFIG && window.CONFIG.theme) || 'ash';
-            var themeMap = { ash: 'ash.css', gruvbox: 'gruvbox.css' };
+            var themeMap = { ash: 'ash.css', gruvbox: 'gruvbox.css', nord: 'nord.css' };
             var css = document.getElementById('theme-css');
             if (css) css.href = themeMap[theme] || themeMap.ash;
         })();
@@ -313,6 +313,7 @@
                 <select id="dbg-theme-select" class="debug-select" onchange="setDebugTheme(this.value)">
                     <option value="ash">Ash</option>
                     <option value="gruvbox">Gruvbox</option>
+                    <option value="nord">Nord</option>
                 </select>
                 <select id="dbg-units-select" class="debug-select" onchange="setDebugUnits(this.value)">
                     <option value="metric">°C, km/h</option>
@@ -1270,7 +1271,7 @@ window.weatherThemes = {
         }
 
         function setDebugTheme(theme) {
-            var themeMap = { ash: 'ash.css', gruvbox: 'gruvbox.css' };
+            var themeMap = { ash: 'ash.css', gruvbox: 'gruvbox.css', nord: 'nord.css' };
             var css = document.getElementById('theme-css');
             if (css && themeMap[theme]) css.href = themeMap[theme];
             setTimeout(function() {

nord.css

@@ -0,0 +1,78 @@
+/* nord color theme by Arctic Ice Studio
+ * https://www.nordtheme.com/
+ * MIT License: https://github.com/nordtheme/visual-studio-code/blob/develop/LICENSE
+ */
+
+:root {
+    /* Polar Night (darkest to lightest dark) */
+    --black: #2e3440;
+    --black-light: #383e4b;
+    --black-dark: #232934;
+
+    --dark: #3b4252;
+    --dark-light: #434c5e;
+    --dark-dark: #2e3440;
+
+    --gray-darker: #434c5e;
+    --gray-darker-light: #4c566a;
+    --gray-darker-dark: #3b4252;
+
+    --gray-dark: #4c566a;
+    --gray-dark-light: #5a657c;
+    --gray-dark-dark: #434c5e;
+
+    --gray: #d8dee9;
+    --gray-light: #e5e9f0;
+    --gray-dark: #bcc6d4;
+
+    --gray-light: #e5e9f0;
+    --gray-light-light: #eceff4;
+    --gray-light-dark: #d8dee9;
+
+    /* Snow Storm (lightest) */
+    --stone: #eceff4;
+    --stone-light: #f3f6fa;
+    --stone-dark: #d8dee9;
+
+    --icon: #d8dee9;
+    --icon-light: #e5e9f0;
+    --icon-dark: #bcc6d4;
+
+    --bone: #d8dee9;
+    --bone-light: #e5e9f0;
+    --bone-dark: #bcc6d4;
+
+    --chalk: #eceff4;
+    --chalk-light: #f3f6fa;
+    --chalk-dark: #d8dee9;
+
+    /* Frost (blue-green accents) */
+    --blue: #5e81ac;
+    --blue-light: #81a1c1;
+    --blue-dark: #4c678f;
+
+    /* Aurora (colorful accents) */
+    --orange: #d08770;
+    --orange-light: #e09988;
+    --orange-dark: #bf6f5a;
+
+    --yellow: #ebcb8b;
+    --yellow-light: #ecd39d;
+    --yellow-dark: #d6b676;
+
+    --red: #bf616a;
+    --red-light: #d07b85;
+    --red-dark: #a3505a;
+
+    --brown: #d08770;
+    --brown-light: #e09988;
+    --brown-dark: #bf6f5a;
+
+    --pink: #b48ead;
+    --pink-light: #c4a2be;
+    --pink-dark: #9c7a96;
+
+    --green: #a3be8c;
+    --green-light: #b4cc9d;
+    --green-dark: #8ea579;
+}