decktile 0.2.0__py3-none-any.whl

decktile/render/templates/decktile.js

@@ -0,0 +1,371 @@
+var isPresenter = window.name === 'decktile-presenter';
+if (isPresenter) document.documentElement.classList.add('presenter');
+
+var slideNotes = [{% for slide in slides %}{{ slide.notes|tojson }}{% if not loop.last %},{% endif %}{% endfor %}];
+
+var KEYS_FWD = ['ArrowRight', 'ArrowDown', 'PageDown', ' '];
+var KEYS_BACK = ['ArrowLeft', 'ArrowUp', 'PageUp', 'Backspace'];
+var autoplaySpeed = {{ autoplay }};
+var _autoAdvancing = false;
+
+// ===== VIDEO SYNC (shared) =====
+// Presenter and main windows are separate documents (window.open), each
+// with its own independent <video> element for the same slide -- playing
+// one never touched the other. Wire play/pause/seek to broadcast over
+// the same BroadcastChannel already used for slide-position sync, keyed
+// by the element's own data-decktile-id so the remote window finds its
+// matching (separate DOM) video.
+function _wireVideoSync(scopeSelector, bc) {
+  var figs = document.querySelectorAll(scopeSelector + " figure.video[data-decktile-id]");
+  figs.forEach(function(fig) {
+    var vid = fig.querySelector("video");
+    if (!vid) return;
+    var id = fig.getAttribute("data-decktile-id");
+    var applying = false;
+    vid.addEventListener("play", function() {
+      if (!applying) bc.postMessage({ video: { id: id, action: "play", time: vid.currentTime } });
+    });
+    vid.addEventListener("pause", function() {
+      if (!applying) bc.postMessage({ video: { id: id, action: "pause", time: vid.currentTime } });
+    });
+    vid.addEventListener("seeked", function() {
+      if (!applying) bc.postMessage({ video: { id: id, action: "seek", time: vid.currentTime } });
+    });
+    vid._decktileApply = function(action, time) {
+      applying = true;
+      if (typeof time === "number" && Math.abs(vid.currentTime - time) > 0.3) vid.currentTime = time;
+      if (action === "play") vid.play().catch(function() {});
+      else if (action === "pause") vid.pause();
+      applying = false;
+    };
+  });
+}
+
+function _applyRemoteVideo(scopeSelector, video) {
+  var fig = document.querySelector(scopeSelector + ' figure.video[data-decktile-id="' + video.id + '"]');
+  var vid = fig && fig.querySelector("video");
+  if (vid && vid._decktileApply) vid._decktileApply(video.action, video.time);
+}
+
+if (isPresenter) {
+  // ===== PRESENTER MODE =====
+  var ms = document.querySelectorAll("#pres-main section");
+  var ns = document.querySelectorAll("#pres-next section");
+  var nd = document.getElementById("pres-notes-text");
+  var current = 0;
+  var autoplayRunning = false;
+  var autoplayTimer = null;
+  var autoplayBtn = document.getElementById('pres-autoplay');
+  var speedValEl = document.getElementById('pres-speed-val');
+  var speedDecBtn = document.getElementById('pres-speed-dec');
+  var speedIncBtn = document.getElementById('pres-speed-inc');
+
+  function _rawShow(n) {
+    if (n < 0 || n >= ms.length) return;
+    for (var i = 0; i < ms.length; i++) ms[i].classList.toggle("active", i === n);
+    for (var i = 0; i < ns.length; i++) ns[i].classList.toggle("active", i === n + 1);
+    nd.textContent = slideNotes[n] || "No notes";
+    current = n;
+  }
+
+  function show(n) {
+    if (!_autoAdvancing) stopAutoplay();
+    _rawShow(n);
+    bc.postMessage({ slide: n });
+  }
+
+  function advance(delta) {
+    var n = current + delta;
+    if (n < 0 || n >= ms.length) return;
+    show(n);
+  }
+
+  function startAutoplay() {
+    if (autoplaySpeed <= 0) return;
+    autoplayRunning = true;
+    if (autoplayBtn) autoplayBtn.textContent = '⏸';
+    clearInterval(autoplayTimer);
+    autoplayTimer = setInterval(function() { _autoAdvance(); }, autoplaySpeed * 1000);
+  }
+
+  function setSpeed(v) {
+    autoplaySpeed = Math.max(1, v);
+    if (speedValEl) speedValEl.textContent = autoplaySpeed + 's';
+    if (autoplayRunning) startAutoplay();
+    bc.postMessage({ command: 'autoplay-speed', value: autoplaySpeed });
+  }
+
+  function stopAutoplay() {
+    autoplayRunning = false;
+    if (autoplayBtn) autoplayBtn.textContent = '⏯';
+    clearInterval(autoplayTimer);
+  }
+
+  function toggleAutoplay() {
+    if (autoplayRunning) { stopAutoplay(); bc.postMessage({ command: 'autoplay-stop' }); }
+    else { startAutoplay(); bc.postMessage({ command: 'autoplay-start' }); }
+  }
+
+  function _autoAdvance() {
+    if (current === ms.length - 1) {
+      stopAutoplay();
+      document.body.classList.add('autoplay-looping');
+      setTimeout(function() {
+        _autoAdvancing = true;
+        show(0);
+        _autoAdvancing = false;
+        document.body.classList.remove('autoplay-looping');
+        startAutoplay();
+      }, 400);
+      return;
+    }
+    _autoAdvancing = true;
+    advance(1);
+    _autoAdvancing = false;
+  }
+
+  if (autoplayBtn) autoplayBtn.addEventListener('click', toggleAutoplay);
+  if (speedDecBtn) speedDecBtn.addEventListener('click', function() { setSpeed(autoplaySpeed - 1); });
+  if (speedIncBtn) speedIncBtn.addEventListener('click', function() { setSpeed(autoplaySpeed + 1); });
+
+  var bc = new BroadcastChannel('decktile-' + document.title);
+  bc.onmessage = function(e) {
+    if (e.data.slide !== undefined && e.data.slide !== current) { _rawShow(e.data.slide); }
+    if (e.data.command === 'autoplay-start') { startAutoplay(); }
+    if (e.data.command === 'autoplay-stop') { stopAutoplay(); }
+    if (e.data.command === 'autoplay-speed') {
+      autoplaySpeed = e.data.value;
+      if (speedValEl) speedValEl.textContent = autoplaySpeed + 's';
+      if (autoplayRunning) startAutoplay();
+    }
+    if (e.data.video) { _applyRemoteVideo('#pres-main', e.data.video); }
+  };
+  _wireVideoSync('#pres-main', bc);
+  show(0);
+
+  document.getElementById('pres-main').addEventListener('click', function() { advance(1); });
+  document.getElementById('pres-main').addEventListener('contextmenu', function(e) {
+    e.preventDefault(); advance(-1);
+  });
+
+  var wheelCooldown = 0;
+  document.getElementById('pres-main').addEventListener('wheel', function(e) {
+    if (Math.abs(e.deltaY) < 10) return;
+    var now = Date.now();
+    if (now - wheelCooldown < 250) return;
+    wheelCooldown = now;
+    advance(e.deltaY > 0 ? 1 : -1);
+  }, { passive: true });
+
+  document.addEventListener('keydown', function(e) {
+    if (KEYS_FWD.includes(e.key)) {
+      e.preventDefault(); advance(1);
+    } else if (KEYS_BACK.includes(e.key)) {
+      e.preventDefault(); advance(-1);
+    } else if (e.key === 'Home') {
+      e.preventDefault(); show(0);
+    } else if (e.key === 'End') {
+      e.preventDefault(); show(ms.length - 1);
+    } else if (e.key === 'q') {
+      window.close();
+    }
+  });
+
+} else {
+  // ===== MAIN VIEW MODE =====
+  var slides = document.querySelectorAll('body > section');
+  var total = slides.length;
+  if (total === 0) throw new Error('no slides found');
+  var current = 0;
+  var counter = document.getElementById('decktile-counter');
+  var prevBtn = document.getElementById('decktile-prev');
+  var nextBtn = document.getElementById('decktile-next');
+  var presenterWindow = null;
+  var autoplayRunning = false;
+  var autoplayTimer = null;
+  var autoplayBtn = document.getElementById('decktile-autoplay');
+
+  function setScale() {
+    var sw = {{ slide_w }}, sh = {{ slide_h }};
+    var scale = Math.min(window.innerWidth / sw, window.innerHeight / sh);
+    document.documentElement.style.setProperty('--s', scale);
+  }
+  setScale();
+  window.addEventListener('resize', setScale);
+
+  var _outTimer = 0;
+  function _rawShow(n) {
+    if (n < 0 || n >= total) return;
+    var prev = slides[current];
+    for (var i = 0; i < slides.length; i++) slides[i].classList.remove('outgoing');
+    clearTimeout(_outTimer);
+    if (prev && prev !== slides[n] && prev.hasAttribute('data-transition') && prev.getAttribute('data-transition') !== 'none') {
+      prev.classList.add('outgoing');
+    }
+    prev && prev.classList.remove('active');
+    current = n;
+    if (slides[current].classList.contains('pre-render')) {
+      slides[current].style.cssText = '';
+    }
+    slides[current].classList.add('active');
+    slides[current].offsetHeight;
+    var next = slides[current + 1];
+    if (next && !next.classList.contains('pre-render')) {
+      next.classList.add('pre-render');
+      next.style.cssText = 'display:flex!important;opacity:0!important;pointer-events:none!important;z-index:-2!important';
+    }
+    if (prev && prev.classList.contains('outgoing')) {
+      _outTimer = setTimeout(function() { prev.classList.remove('outgoing'); }, 400);
+    }
+    if (counter) counter.textContent = (current + 1) + ' / ' + total;
+    if (prevBtn) prevBtn.disabled = current === 0;
+    if (nextBtn) nextBtn.disabled = current === total - 1;
+    try { localStorage.setItem('decktile-slide-' + document.title, current); } catch(e) {}
+  }
+
+  var show = function(n) {
+    if (!_autoAdvancing) stopAutoplay();
+    _rawShow(n);
+    bc.postMessage({ slide: n });
+  };
+
+  for (var i = 0; i < slides.length; i++) {
+    var imgs = slides[i].querySelectorAll('img');
+    for (var j = 0; j < imgs.length; j++) {
+      var src = imgs[j].getAttribute('src');
+      if (src) (new Image()).src = src;
+    }
+  }
+
+  var bc = new BroadcastChannel('decktile-' + document.title);
+  bc.onmessage = function(e) {
+    if (e.data.slide !== undefined && e.data.slide !== current) { stopAutoplay(); _rawShow(e.data.slide); }
+    if (e.data.command === 'autoplay-start') { startAutoplay(); }
+    if (e.data.command === 'autoplay-stop') { stopAutoplay(); }
+    if (e.data.command === 'autoplay-speed') {
+      autoplaySpeed = e.data.value;
+      if (autoplayRunning) startAutoplay();
+    }
+    if (e.data.video) { _applyRemoteVideo('body > section', e.data.video); }
+  };
+  _wireVideoSync('body > section', bc);
+
+  function startAutoplay() {
+    if (autoplaySpeed <= 0) return;
+    autoplayRunning = true;
+    if (autoplayBtn) autoplayBtn.textContent = '⏸';
+    clearInterval(autoplayTimer);
+    autoplayTimer = setInterval(function() { _autoAdvance(); }, autoplaySpeed * 1000);
+  }
+
+
+  function stopAutoplay() {
+    autoplayRunning = false;
+    if (autoplayBtn) autoplayBtn.textContent = '⏯';
+    clearInterval(autoplayTimer);
+  }
+
+  function toggleAutoplay() {
+    if (autoplayRunning) { stopAutoplay(); bc.postMessage({ command: 'autoplay-stop' }); }
+    else { startAutoplay(); bc.postMessage({ command: 'autoplay-start' }); }
+  }
+
+  function _autoAdvance() {
+    if (current === total - 1) {
+      stopAutoplay();
+      document.body.classList.add('autoplay-looping');
+      setTimeout(function() {
+        _autoAdvancing = true;
+        show(0);
+        _autoAdvancing = false;
+        document.body.classList.remove('autoplay-looping');
+        startAutoplay();
+      }, 400);
+      return;
+    }
+    _autoAdvancing = true;
+    show(current + 1);
+    _autoAdvancing = false;
+  }
+
+  if (autoplayBtn) autoplayBtn.addEventListener('click', toggleAutoplay);
+
+  var stored = null;
+  try { stored = parseInt(localStorage.getItem('decktile-slide-' + document.title), 10); } catch(e) {}
+  show(isNaN(stored) ? 0 : Math.min(stored, total - 1));
+
+  if (prevBtn) prevBtn.addEventListener('click', function() { show(current - 1); });
+  if (nextBtn) nextBtn.addEventListener('click', function() { show(current + 1); });
+
+  var fsBtn = document.getElementById('decktile-fullscreen');
+  if (fsBtn) fsBtn.addEventListener('click', function() {
+    if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); }
+    else { document.exitFullscreen(); }
+  });
+
+  document.addEventListener('keydown', function(e) {
+    if (e.ctrlKey || e.metaKey) return;
+    if (KEYS_BACK.includes(e.key)) {
+      e.preventDefault(); show(current - 1);
+    } else if (KEYS_FWD.includes(e.key)) {
+      e.preventDefault(); show(current + 1);
+    } else if (e.key === 'Home') {
+      e.preventDefault(); show(0);
+    } else if (e.key === 'End') {
+      e.preventDefault(); show(total - 1);
+    } else if (e.key === 'f') {
+      if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); }
+      else { document.exitFullscreen(); }
+    } else if (e.key === 'q') {
+      if (presenterWindow && !presenterWindow.closed) presenterWindow.close();
+    } else if (e.key === 'p') {
+      e.preventDefault(); openPresenter();
+    }
+  });
+
+  document.addEventListener('click', function(e) {
+    var t = e.target;
+    if (t.closest('button, a, input, textarea, select, #decktile-nav, #presenter-panel')) return;
+    if (window.getSelection().toString()) return;
+    show(current + 1);
+  });
+
+  document.addEventListener('contextmenu', function(e) {
+    if (window.getSelection().toString()) return;
+    e.preventDefault();
+    show(current - 1);
+  });
+
+  var wheelCooldown = 0;
+  document.addEventListener('wheel', function(e) {
+    if (Math.abs(e.deltaY) < 10) return;
+    var now = Date.now();
+    if (now - wheelCooldown < 250) return;
+    wheelCooldown = now;
+    show(e.deltaY > 0 ? current + 1 : current - 1);
+  }, { passive: true });
+
+  var navBar = document.getElementById('decktile-nav');
+  var hideTimer = null;
+  function resetHideTimer() {
+    if (navBar) navBar.classList.remove('hidden');
+    clearTimeout(hideTimer);
+    if (document.fullscreenElement) {
+      hideTimer = setTimeout(function() { if (navBar) navBar.classList.add('hidden'); }, 1000);
+    }
+  }
+  document.addEventListener('fullscreenchange', function() {
+    if (document.fullscreenElement) { resetHideTimer(); }
+    else { if (navBar) navBar.classList.remove('hidden'); clearTimeout(hideTimer); }
+  });
+  document.addEventListener('mousemove', resetHideTimer);
+
+  function openPresenter() {
+    if (presenterWindow && !presenterWindow.closed) { presenterWindow.focus(); return; }
+    presenterWindow = window.open(window.location.href, 'decktile-presenter', 'width={{ slide_w }},height={{ slide_h }}');
+    setTimeout(function() { if (presenterWindow) presenterWindow.focus(); }, 500);
+  }
+
+  var presenterBtn = document.getElementById('decktile-presenter');
+  if (presenterBtn) presenterBtn.addEventListener('click', openPresenter);
+}

decktile/render/templates/shell.html

@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html data-theme="{{ variant }}">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{{ title }}</title>
+<style>
+{{ css }}
+
+/* ---- presenter mode ---- */
+html.presenter { overflow: hidden; }
+html.presenter body > section { display: none !important; }
+html.presenter #decktile-nav { display: none !important; }
+html.presenter #presenter-panel {
+  display: grid !important;
+  grid-template-columns: 1fr 0.5fr;
+  grid-template-rows: 3fr 7fr;
+  height: 100vh;
+  background: #111;
+  color: #eee;
+  font-family: sans-serif;
+  font-size: 13px;
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  z-index: 2000;
+}
+#presenter-panel { display: none; }
+#pres-main {
+  grid-column: 1;
+  grid-row: 1 / 3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+#pres-main section { display: none !important; width: 100%; aspect-ratio: {{ slide_w }} / {{ slide_h }}; height: auto; max-height: 100%; overflow: hidden; position: relative; }
+#pres-main section.active { display: block !important; zoom: 0.9; }
+#pres-notes {
+  grid-column: 2;
+  grid-row: 2;
+  padding: 1em;
+  color: #aaa;
+  border-top: 1px solid #333;
+  overflow-y: auto;
+  white-space: pre-wrap;
+  font-size: 20pt;
+  line-height: 1.5;
+}
+#pres-next {
+  grid-column: 2;
+  grid-row: 1;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  overflow: hidden;
+  border-left: 1px solid #333;
+  padding: 1em;
+}
+#pres-next section { display: none !important; width: 100%; aspect-ratio: {{ slide_w }} / {{ slide_h }}; height: auto; overflow: hidden; position: relative; }
+#pres-next section.active { display: block !important; zoom: 0.3; }
+/* Hide logo overlay in presenter panel */
+#presenter-panel section::before { display: none !important; }
+#presenter-panel section::after { display: none !important; }
+
+/* ---- autoplay loop transition ---- */
+body { transition: opacity 0.3s ease; }
+body.autoplay-looping { opacity: 0; }
+</style>
+</head>
+<body>
+{% for slide in slides %}
+<section class="slide layout-{{ slide.layout }}" data-decktile-id="{{ slide.id }}"{% if slide.variant %} data-theme="{{ slide.variant }}"{% endif %}{% if slide.transition %} data-transition="{{ slide.transition }}"{% endif %}>
+{{ slide.children }}
+{% if slide.footer %}<footer>{{ slide.footer }}</footer>{% endif %}
+{% if slide.paginate %}<span class="slide-num">{{ slide.num }}</span>{% endif %}
+</section>
+{% endfor %}
+
+<div id="decktile-nav">
+  <button id="decktile-prev" title="Previous (Left arrow)">&larr;</button>
+  <span id="decktile-counter">1 / {{ slides|length }}</span>
+  <button id="decktile-next" title="Next (Right arrow)">&rarr;</button>
+  <button id="decktile-autoplay" title="Toggle autoplay">⏯</button>
+  <button id="decktile-fullscreen" title="Toggle fullscreen (f)">&#9974;</button>
+  <button id="decktile-presenter" title="Open presenter view (p)">&#9654;</button>
+</div>
+
+<div id="presenter-panel">
+  <div id="pres-main">
+{% for slide in slides %}
+    <section class="slide layout-{{ slide.layout }}"{% if slide.variant %} data-theme="{{ slide.variant }}"{% endif %}>{{ slide.children }}</section>
+{% endfor %}
+  </div>
+  <div id="pres-next">
+{% for slide in slides %}
+    <section class="slide layout-{{ slide.layout }}"{% if slide.variant %} data-theme="{{ slide.variant }}"{% endif %}>{{ slide.children }}</section>
+{% endfor %}
+  </div>
+  <div id="pres-notes"><button id="pres-autoplay" title="Toggle autoplay" style="font-size:18px;background:#333;border:1px solid #555;color:#eee;padding:4px 12px;cursor:pointer;margin-bottom:8px;border-radius:4px">⏯</button> <button id="pres-speed-dec" title="Faster" style="font-size:16px;background:#333;border:1px solid #555;color:#eee;padding:4px 10px;cursor:pointer;margin-bottom:8px;border-radius:4px">&minus;</button> <span id="pres-speed-val" style="display:inline-block;min-width:3em;text-align:center">{{ autoplay }}s</span> <button id="pres-speed-inc" title="Slower" style="font-size:16px;background:#333;border:1px solid #555;color:#eee;padding:4px 10px;cursor:pointer;margin-bottom:8px;border-radius:4px">+</button><br><span id="pres-notes-text"></span></div>
+</div>
+
+<script>
+{% include "decktile.js" %}
+</script>
+</body>
+</html>

decktile/seaborn_styles/__init__.py

@@ -0,0 +1,5 @@
+"""Seaborn/matplotlib style modules for decktile themes.
+
+Each module exports a STYLE dict of matplotlib rcParams.
+Named to match the CSS theme it pairs with (e.g. kcd_vietnam.css -> kcd_vietnam).
+"""

decktile/seaborn_styles/ossummit_europe.py

@@ -0,0 +1,30 @@
+"""Seaborn/matplotlib style for the Open Source Summit Europe theme.
+
+Brand palette: coral #E05845, green #0DA89D, teal #0A5560,
+light coral #E58570, dark navy #003841. Background #ffffff.
+"""
+
+PALETTE = [
+    "#E05845",  # coral, primary accent
+    "#0DA89D",  # green, secondary accent
+    "#0A5560",  # teal
+    "#E58570",  # light coral, gradient end
+    "#003841",  # dark navy, contrast
+]
+
+STYLE = {
+    "seaborn_palette": PALETTE,
+    "font.family": "sans-serif",
+    "font.sans-serif": ["Roboto", "Arial", "Helvetica Neue", "sans-serif"],
+    "axes.facecolor": "#ffffff",
+    "axes.edgecolor": "#003841",
+    "axes.labelcolor": "#003841",
+    "axes.titlecolor": "#003841",
+    "text.color": "#003841",
+    "figure.facecolor": "#ffffff",
+    "xtick.color": "#4F6F73",
+    "ytick.color": "#4F6F73",
+    "grid.color": "#EDF5F4",
+    "patch.edgecolor": "#ffffff",
+    "patch.force_edgecolor": True,
+}

decktile/theme/colors.py

@@ -0,0 +1,53 @@
+"""Extract theme colors from CSS using tinycss2."""
+
+import tinycss2
+
+
+def parse_theme(css: str) -> dict[str, str]:
+    """Extract CSS custom properties into a flat dict.
+    Returns dict like {"--bg": "#07110c", "--ink": "#eef7f0", ...}
+    """
+    vars_: dict[str, str] = {}
+    rules = tinycss2.parse_stylesheet(css, skip_comments=True, skip_whitespace=True)
+
+    for rule in rules:
+        if rule.type != "qualified-rule":
+            continue
+
+        # Only process :root rules
+        prelude = tinycss2.serialize(rule.prelude).strip()
+        if prelude != ":root":
+            continue
+
+        # Parse declarations
+        decls = tinycss2.parse_declaration_list(rule.content)
+        for decl in decls:
+            if decl.type == "declaration" and decl.name.startswith("--"):
+                var_value = tinycss2.serialize(decl.value).strip()
+                vars_[decl.name] = var_value
+
+    return vars_
+
+
+def to_rgb(value: str) -> tuple[int, int, int]:
+    """Convert a CSS color value to an (R, G, B) tuple."""
+    value = value.strip()
+    # #RRGGBB or #RGB
+    if value.startswith("#"):
+        value = value.lstrip("#")
+        if len(value) == 3:
+            value = "".join(c * 2 for c in value)
+        if len(value) == 6:
+            return (
+                int(value[0:2], 16),
+                int(value[2:4], 16),
+                int(value[4:6], 16),
+            )
+    # rgb(r, g, b) or rgba(r, g, b, a)
+    if value.startswith("rgb"):
+        import re
+        m = re.findall(r"(\d+)", value)
+        if len(m) >= 3:
+            return (int(m[0]), int(m[1]), int(m[2]))
+
+    return (0xFF, 0xFF, 0xFF)

decktile/theme/loader.py

@@ -0,0 +1,22 @@
+"""Theme loader -- raw CSS passthrough with variable extraction."""
+
+import re
+from dataclasses import dataclass, field
+
+
+@dataclass
+class Theme:
+    raw: str
+    vars: dict[str, str] = field(default_factory=dict)
+
+    def get(self, name: str) -> str:
+        return self.vars.get(name, "")
+
+
+def load(raw_css: str) -> Theme:
+    """Parse raw CSS and extract CSS variables."""
+    theme = Theme(raw=raw_css)
+    # Extract --name: value; patterns
+    for m in re.finditer(r"(--[\w-]+)\s*:\s*([^;]+);", raw_css):
+        theme.vars[m.group(1)] = m.group(2).strip()
+    return theme