 (def default-text grey-2)
 
 (def tags-text default-text)
-(def tags-background "#e8eaea")
+(def tags-background dark-background)
 (def tags-selected-background light-blue-background)
+(def tags-border "#e8e8e8")
 
 (def border-light "#f0f0f0")
 (def border-dark "#cbcbcb")

               :min-height (px tags-min-height)
               :line-height (px (+ 2 tags-min-height))}
     [:&.editable (list
                   {:padding-left (px tag-icon-box)
                    :border (str "1px solid " border-dark)
                    :border-radius (px 3)
                    :height :auto
                    :background {:image (image-url "tag-icon.svg")
                                 :repeat :no-repeat
                                 :size (px 14)
                                 :position [[(px 4) (px 4)]]
                                 :color :white}
                    :white-space :initial}
                   (calc-property :width ["100%" -  (px tag-icon-box)]))
      [:&:before {:content (pr-str "Tags:")
                  :font-size (em 1.2)}]]
     (let [tag-height 16]
       [:li.tag {:display :inline-block
                 :background-color tags-background
                 :height (px tag-height)
                 :padding {:left (px 4)
                           :right (px 4)}
                 :margin {:left (px 2)
                          :right (px 2)}
                 :color tags-text
                 :line-height (px tag-height)
                 :text-decoration :none
                 :outline :none
                 :border-radius (em 0.5)}
        [:&.selected {:background-color tags-selected-background
                      :border (str "1px solid" border-dark)
                      :padding {:left (px 3)
                                :right (px 3)}}]
        (let [color-size 8]
          [:.color {:display :inline-block
                    :height (px color-size)
                    :width (px color-size)
                    :margin-right (px 2)
                    ;; Border looks horrible on non-high-DPI screens
                    ;; :border "1px solid white"
                    :border-radius "50%"
                    }])])
     (let [input-padding 5]
       [:li {:display :inline-block}


(def generic-sidebar-css
  [:.sidebar
   [:aside {:display :flex
            :flex-direction :column
            :padding {:left (px 25)
                      :right (px 25)}}
    [:ul.meta {:font-size (pt 10)
               :line-height (pt 15)
