feat: Add Christmas theme (#138)

* Add Christmas theme

* remove css nesting and empty classes

package.json

@@ -63,6 +63,7 @@
   "devDependencies": {
     "@player.style/demuxed-2022": "0.0.12",
     "@player.style/halloween": "0.0.2",
+    "@player.style/x-mas": "0.0.1",
     "@player.style/instaplay": "0.0.7",
     "@player.style/microvideo": "0.0.11",
     "@player.style/minimal": "0.0.11",

site/themes/x-mas.md

@@ -0,0 +1,18 @@
+---
+title: X-mas
+author: '@qualabs'
+date: 2024-12
+description: A festive Christmas theme for the player with cozy red and green tones, twinkling lights, and a warm holiday vibe—perfect for spreading seasonal cheer!
+tagGroups:
+  media:
+    - Video
+  framework:
+    - HTML
+    - React
+    - Next.js
+    - Vue
+    - Svelte
+  features:
+    - google cast
+    - airplay
+---

themes/x-mas/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@player.style/x-mas",
+  "version": "0.0.2",
+  "description": "A festive Christmas theme for the player with cozy red and green tones, twinkling lights, and a warm holiday vibe—perfect for spreading seasonal cheer!",
+  "author": "@qualabs",
+  "license": "MIT",
+  "homepage": "https://github.com/muxinc/player.style#readme",
+  "bugs": {
+    "url": "https://github.com/muxinc/player.style/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/muxinc/player.style.git",
+    "directory": "themes/x-mas"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "types": "./dist/media-theme.d.ts",
+  "main": "./dist/media-theme.js",
+  "exports": {
+    ".": {
+      "types": "./dist/media-theme.d.ts",
+      "import": "./dist/media-theme.js",
+      "require": "./dist/cjs/media-theme.js",
+      "default": "./dist/media-theme.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/cjs/react.js",
+      "default": "./dist/react.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "react": [
+        "./dist/react.d.ts"
+      ],
+      "*": [
+        "./dist/media-theme.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "build-theme"
+  },
+  "peerDependencies": {
+    "media-chrome": ">=1.0.0"
+  },
+  "devDependencies": {
+    "build-theme": "^0.0.8"
+  }
+}