3 files changed, 12 insertions, 2 deletions
diff --git a/tpl/head.html b/tpl/head.html
index 6fcf9741..66b6895d 100644
--- a/tpl/head.html
+++ b/tpl/head.html
@@ -15,8 +15,12 @@
        <link rel="apple-touch-icon-precomposed" href="./img/apple-touch-icon-precomposed.png">
        <link rel="stylesheet" href="./css/knacss.css" media="all">
        <link rel="stylesheet" href="./css/style.css" media="all">
+        <!-- Light Theme -->
+        <link rel="stylesheet" href="./css/style-light.css" media="all" title="light-style">
+        <!-- Dark Theme -->
+        <link rel="alternate stylesheet" href="./css/style-dark.css" media="all" title="dark-style">
    </head>
-    <body>
+    <body class="light-style">
        <header>
            <h1><img src="./img/logo.png" alt="logo poche" />poche</h1>
        </header>
diff --git a/tpl/home.html b/tpl/home.html
index 6fb9444c..62c77bd3 100644
--- a/tpl/home.html
+++ b/tpl/home.html
@@ -2,6 +2,7 @@
                <li><a href="index.php" {if="$view == 'index'"}class="current"{/if}>home</a></li>
                <li><a href="?view=fav" {if="$view == 'fav'"}class="current"{/if}>favorites</a></li>
                <li><a href="?view=archive" {if="$view == 'archive'"}class="current"{/if}>archive</a></li>
+                <li><a href="#" id="themeswitch">dark</a></li>
                <li><a style="cursor: move" title="i am a bookmarklet, use me !" href="javascript:(function(){var%20url%20=%20location.href%20||%20url;window.open('{$poche_url}?action=add&url='%20+%20encodeURIComponent(url),'_self');})();">poche it !</a></li>
                <li><a href="?logout" title="Logout">logout</a></li>
            </ul>
diff --git a/tpl/view.html b/tpl/view.html
index 4b8ce60f..9ba5e208 100644
--- a/tpl/view.html
+++ b/tpl/view.html
@@ -15,8 +15,12 @@
        <link rel="apple-touch-icon-precomposed" href="./img/apple-touch-icon-precomposed.png">
        <link rel="stylesheet" href="./css/knacss.css" media="all">
        <link rel="stylesheet" href="./css/style.css" media="all">
+        <!-- Light Theme -->
+        <link rel="stylesheet" href="./css/style-light.css" media="all" title="light-style">
+        <!-- Dark Theme -->
+        <link rel="alternate stylesheet" href="./css/style-dark.css" media="all" title="dark-style">
    </head>
-    <body class="article">
+    <body class="article light-style">
        <div id="article" class="w600p">
                <div class="backhome">
                        <a href="index.php" title="back to home">&larr;</a>
@@ -24,6 +28,7 @@
            <div class="tools">
                <ul>
                    <li><a title="toggle mark as read" class="tool archive {if="$is_read == '0'"}archive-off{/if}" onclick="toggle_archive(this, {$id})"><span></span></a></li>
+                    <li><a href="#" id="themeswitch">dark</a></li>
                    <li><a title="toggle favorite" class="tool fav {if="$is_fav == '0'"}fav-off{/if}" onclick="toggle_favorite(this, {$id})"><span></span></a></li>
                    <li><form method="post" onsubmit="return confirm('Are you sure?')" style="display: inline;" action="index.php"><input type="hidden" name="token" id="token" value="<?php echo Session::getToken(); ?>" /><input type="hidden" id="view" name="view" value="index" /><input type="hidden" id="action" name="action" value="delete" /><input type="hidden" id="id" name="id" value="{$id}" /><input type="submit" class="delete" title="toggle delete" /></form></li>
                    <li><a href="?logout" title="Logout">logout</a></li>