@@ -230,9 +230,18 @@

 ;rebase $base03,$base02,$base01,$base00 ,$base0 ,$base1 ,$base2 ,$base3

-(cl-oid-connect:def-route ("/theme.css" (params) :app *app*)

+

+(cl-oid-connect:def-route ("/theme/dark.css" (params) :app *app*)

+  (let ((*palette* (make-instance 'palette)))

+    (eval '(get-theme-css))))

+

+(cl-oid-connect:def-route ("/theme/light.css" (params) :app *app*)

+  (let ((*palette* (invert-palette (make-instance 'palette))))

+    (eval '(get-theme-css))))

+

+(defun get-theme-css ()

   (flet ((combine-unit-q (quant unit) (format nil "~d~a" quant unit)))

-    (let* ((header-height 13)

+    (let* ((header-height 19)

            (height-units "vh")

            (ss (lass:compile-and-write

                  `(* :color ,(colorscheme-fg *colorscheme*))

@@ -250,9 +259,12 @@

                     :border-bottom "thin" "solid" ,(colorscheme-accent *colorscheme*)

                     :height ,(combine-unit-q header-height height-units)

                     :font-size ,(combine-unit-q (* 0.75 header-height) height-units)

-                    :line-height ,(combine-unit-q header-height height-units))

+                    :line-height ,(combine-unit-q header-height height-units)

+                    (.flip-button

+                      :float right))

                  `(main

+                    :border-left thin solid ,(colorscheme-accent *colorscheme*)

                     :height ,(combine-unit-q (- 100 header-height) height-units))

                  `((:or a (:and a :visited) (:and a :active) code.url)

@@ -266,7 +278,9 @@

                        :background-color ,(colorscheme-bg-highlight *colorscheme*)

                        :color ,(colorscheme-fg-highlight *colorscheme*))))

-                 `(.feed :border thin solid ,(colorscheme-fg *colorscheme*))

+                 `(.feed

+                    :border-bottom thin solid ,(colorscheme-fg *colorscheme*)

+                    :border-left none)

                  `(.link

                     :border-top thin solid ,(colorscheme-fg *colorscheme*)

@@ -342,10 +356,12 @@

        (:script :src "/static/js/fold.js" :type "text/javascript" "")

        (:link :rel "stylesheet" :href "/static/css/main.css")

        (:link :rel "stylesheet" :href "/static/css/content.css")

-       (:link :rel "stylesheet" :href "/theme.css"))

+       (:link :rel "stylesheet" :href "/theme/light.css"))

      (:body

        (:header

-         (:h1 "Worricow"))

+         (:button :class "flip-button" "c") 

+         (:h1 "Feeds")

+         )

        (:section :id "content"

         (:section :id "sidebar"

          (cl-markup:raw (feedlist-markup *feeds*)))

@@ -1,7 +1,7 @@

 (:import "url(https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,300italic,700,700italic,900&subset=latin,latin-ext)")

 (:import "url(https://fonts.googleapis.com/css?family=Caudex)")

-(.feed

+((:or .feed main)

   :-webkit-backface-visibility hidden;

   :-webkit-transform "translateZ(0)")

@@ -37,7 +37,7 @@

     :font-family "Caudex"

     :font-size inherit

     :margin-top "0em"

-    :padding-left "1em"

+    :padding-left "10vw"

     :font-weight 200))

 ((:or "#sidebar" main)

@@ -28,4 +28,15 @@

                                        (chain ($ this) (css "max-height" (@ this scroll-height)))

                                        (chain ($ this) (css "max-height" "0px"))))))

                       (chain ($ this) (parent) (toggle-class "closed")))))

+           (setf invert-palette

+                 (lambda ()

+                   (let* ((style-sheet (chain ($ "link[href^=\"/theme\"]")))

+                         (style-sheet-name (chain style-sheet (attr "href"))))

+                     (chain style-sheet (attr "href"

+                                              (if (chain style-sheet-name (match (regex |dark|)))

+                                                     (chain style-sheet-name

+                                                            (replace (regex |dark|) "light"))

+                                                     (chain style-sheet-name

+                                                            (replace (regex |light|) "dark"))))))))

+           (chain ($ ".flip-button") (click invert-palette))

            null)))

@@ -1 +1 @@

-@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,300italic,700,700italic,900&subset=latin,latin-ext);@import url(https://fonts.googleapis.com/css?family=Caudex);.feed{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);}*{box-sizing:border-box;margin:0px;padding:0px;}body{font-family:Lato;}main > ul,main > ol,#sidebar > ul,#sidebar > ol,.feed > ul,.feed > ol{list-style:none;margin:0px;}ul{margin:1em;}h1,h2{font-size:153.9%;}:h3{font-size:146.5%;}h4,h5,h6{font-size:138.5%;}ul + h1,ul + h2,ul + h3,ul + h4,ul + h5,ul + h6{width:initial;}header{color:white;}header h1{font-family:Caudex;font-size:inherit;margin-top:0em;padding-left:1em;font-weight:200;}#sidebar,main{border-top:none;}section#sidebar{width:38vw;height:90vh;position:fixed;overflow:auto;}section#sidebar ul.menu{text-align:right;font-variant:small-caps;}section#sidebar ul.menu li a{width:100%;display:block;padding:0.5em;color:inherit;text-decoration:none;font-weight:700;font-size:125%;}main{width:62vw;float:right;clear:right;overflow-x:hidden;overflow-y:scroll;}.feed-header{padding-bottom:0em;}.feed-header h2,.feed-header h3{padding:0.62em;}.feed-header h2{padding-bottom:0.38em;}.feed-header h3{padding-top:0.38em;}.link.closed .link-content{max-height:0px;padding:0em;}.link.closed{padding-bottom:0em;}.link{text-decoration:none;display:block;overflow:hidden;font-size:0.8em;}.link .link-header{padding:1em;padding-bottom:0em;cursor:pointer;}.link .link-header h4{margin-bottom:0.5em;display:inline-block;}.link .link-info{margin-left:-1em;margin-right:-1em;padding-left:1em;padding-right:1em;padding-bottom:0.32em;}.link .link-info .link-url{float:left;}.link .link-info .link-date{float:right;display:block;}.link .link-info:after{content:" ";display:block;clear:both;}.link .link-content{-moz-transition:max-height 0.5s ease;-o-transition:max-height 0.5s ease;-webkit-transition:max-height 0.5s ease;-ms-transition:max-height 0.5s ease;transition:max-height 0.5s ease;}.link .link-content > div{padding:1em;}.feed.closed .post-list{max-height:0px;padding:0em;}.feed:first-child{border-top:none;}.feed{overflow:hidden;}.feed .post-list{-moz-transition:max-height 0.5s ease;-o-transition:max-height 0.5s ease;-webkit-transition:max-height 0.5s ease;-ms-transition:max-height 0.5s ease;transition:max-height 0.5s ease;}

\ No newline at end of file

+@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,300italic,700,700italic,900&subset=latin,latin-ext);@import url(https://fonts.googleapis.com/css?family=Caudex);.feed,main{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);}*{box-sizing:border-box;margin:0px;padding:0px;}body{font-family:Lato;}main > ul,main > ol,#sidebar > ul,#sidebar > ol,.feed > ul,.feed > ol{list-style:none;margin:0px;}ul{margin:1em;}h1,h2{font-size:153.9%;}:h3{font-size:146.5%;}h4,h5,h6{font-size:138.5%;}ul + h1,ul + h2,ul + h3,ul + h4,ul + h5,ul + h6{width:initial;}header{color:white;}header h1{font-family:Caudex;font-size:inherit;margin-top:0em;padding-left:10vw;font-weight:200;}#sidebar,main{border-top:none;}section#sidebar{width:38vw;height:90vh;position:fixed;overflow:auto;}section#sidebar ul.menu{text-align:right;font-variant:small-caps;}section#sidebar ul.menu li a{width:100%;display:block;padding:0.5em;color:inherit;text-decoration:none;font-weight:700;font-size:125%;}main{width:62vw;float:right;clear:right;overflow-x:hidden;overflow-y:scroll;}.feed-header{padding-bottom:0em;}.feed-header h2,.feed-header h3{padding:0.62em;}.feed-header h2{padding-bottom:0.38em;}.feed-header h3{padding-top:0.38em;}.link.closed .link-content{max-height:0px;padding:0em;}.link.closed{padding-bottom:0em;}.link{text-decoration:none;display:block;overflow:hidden;font-size:0.8em;}.link .link-header{padding:1em;padding-bottom:0em;cursor:pointer;}.link .link-header h4{margin-bottom:0.5em;display:inline-block;}.link .link-info{margin-left:-1em;margin-right:-1em;padding-left:1em;padding-right:1em;padding-bottom:0.32em;}.link .link-info .link-url{float:left;}.link .link-info .link-date{float:right;display:block;}.link .link-info:after{content:" ";display:block;clear:both;}.link .link-content{-moz-transition:max-height 0.5s ease;-o-transition:max-height 0.5s ease;-webkit-transition:max-height 0.5s ease;-ms-transition:max-height 0.5s ease;transition:max-height 0.5s ease;}.link .link-content > div{padding:1em;}.feed.closed .post-list{max-height:0px;padding:0em;}.feed:first-child{border-top:none;}.feed{overflow:hidden;}.feed .post-list{-moz-transition:max-height 0.5s ease;-o-transition:max-height 0.5s ease;-webkit-transition:max-height 0.5s ease;-ms-transition:max-height 0.5s ease;transition:max-height 0.5s ease;}

\ No newline at end of file

@@ -18,6 +18,12 @@ $(document).ready(function () {

         });

         return $(this).parent().toggleClass('closed');

     });

+    invertPalette = function () {

+        var styleSheet = $('link[href^="/theme"]');

+        var styleSheetName = styleSheet.attr('href');

+        return styleSheet.attr('href', styleSheetName.match(/dark/) ? styleSheetName.replace(/dark/, 'light') : styleSheetName.replace(/light/, 'dark'));

+    };

+    $('.flip-button').click(invertPalette);

     return null;

 });