First version of new ui based on tailwind

This drops fomantic-ui as css toolkit and introduces tailwindcss. With
tailwind there are no predefined components, but it's very easy to
create those. So customizing the look&feel is much simpler, most of
the time no additional css is needed.

This requires a complete rewrite of the markup + styles. Luckily all
logic can be kept as is. The now old ui is not removed, it is still
available by using a request header `Docspell-Ui` with a value of `1`
for the old ui and `2` for the new ui.

Another addition is "dev mode", where docspell serves assets with a
no-cache header, to disable browser caching. This makes developing a
lot easier.

modules/webapp/src/main/elm/Styles.elm

@@ -0,0 +1,331 @@
+module Styles exposing (..)
+
+
+sidebar : String
+sidebar =
+    " flex flex-col flex-none md:w-80 w-full min-h-max px-4 dark:text-gray-200 shadow overflow-y-auto scrollbar-none h-full transition-opacity transition-duration-200 "
+
+
+sidebarBg : String
+sidebarBg =
+    " bg-blue-50 dark:bg-bluegray-700 "
+
+
+sidebarMenuItemActive : String
+sidebarMenuItemActive =
+    "bg-blue-100 dark:bg-bluegray-600"
+
+
+content : String
+content =
+    "container mx-auto px-2 h-screen-12 overflow-y-auto scrollbar-none"
+
+
+sidebarLink : String
+sidebarLink =
+    " mb-2 px-4 py-3 flex flex-row hover:bg-blue-100 dark:hover:bg-bluegray-600 hover:font-bold rounded rounded-lg items-center "
+
+
+successMessage : String
+successMessage =
+    " border border-green-600 bg-green-50 text-green-600 dark:border-lime-800 dark:bg-lime-300 dark:text-lime-800 px-4 py-2 rounded "
+
+
+successMessageLink : String
+successMessageLink =
+    "text-green-700 hover:text-green-800 dark:text-lime-800 dark:hover:text-lime-700 underline "
+
+
+errorMessage : String
+errorMessage =
+    " border border-red-600 bg-red-50 text-red-600 dark:border-orange-800 dark:bg-orange-300 dark:text-orange-800 px-2 py-2 rounded "
+
+
+warnMessage : String
+warnMessage =
+    " border border-yellow-800 bg-yellow-50 text-yellow-800 dark:border-amber-200 dark:bg-amber-800 dark:text-amber-200 dark:bg-opacity-25 px-2 py-2 rounded "
+
+
+infoMessage : String
+infoMessage =
+    " border border-blue-800 bg-blue-100 text-blue-800 dark:border-lightblue-200 dark:bg-lightblue-800 dark:text-lightblue-200 dark:bg-opacity-25 px-2 py-2 rounded "
+
+
+message : String
+message =
+    " border border-gray-600 bg-gray-50 text-gray-600 "
+        ++ "dark:border-bluegray-400 dark:bg-bluegray-600 dark:bg-opacity-80 dark:text-bluegray-400 "
+        ++ "px-4 py-2 rounded "
+
+
+greenSolidLabel : String
+greenSolidLabel =
+    " label border-green-500 bg-green-500 text-white dark:border-lime-800 dark:bg-lime-300 dark:text-lime-800 "
+
+
+greenBasicLabel : String
+greenBasicLabel =
+    " label border-green-500 text-green-500 dark:border-lime-300 dark:text-lime-300 "
+
+
+redSolidLabel : String
+redSolidLabel =
+    " label border-red-500 bg-red-500 text-white dark:border-orange-800 dark:bg-orange-200 dark:text-orange-800 "
+
+
+redBasicLabel : String
+redBasicLabel =
+    " label border-red-500 text-red-500 dark:border-orange-200 dark:text-orange-200 "
+
+
+basicLabel : String
+basicLabel =
+    " label border-gray-600 text-gray-600 dark:border-bluegray-300 dark:text-bluegray-300 "
+
+
+
+--- Primary Button
+
+
+primaryButton : String
+primaryButton =
+    primaryButtonRounded ++ primaryButtonPlain
+
+
+primaryButtonPlain : String
+primaryButtonPlain =
+    primaryButtonMain ++ primaryButtonHover
+
+
+primaryButtonMain : String
+primaryButtonMain =
+    " my-auto whitespace-nowrap bg-blue-500 dark:bg-lightblue-800 text-white text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 "
+
+
+primaryButtonHover : String
+primaryButtonHover =
+    " hover:bg-blue-600 dark:hover:bg-lightblue-700 "
+
+
+primaryButtonRounded : String
+primaryButtonRounded =
+    " rounded "
+
+
+
+--- Primary Basic Button
+
+
+primaryBasicButton : String
+primaryBasicButton =
+    primaryBasicButtonMain ++ primaryBasicButtonHover
+
+
+primaryBasicButtonMain : String
+primaryBasicButtonMain =
+    " rounded my-auto whitespace-nowrap border border-blue-500 dark:border-lightblue-500 text-blue-500 dark:text-lightblue-500 text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 "
+
+
+primaryBasicButtonHover : String
+primaryBasicButtonHover =
+    " hover:bg-blue-600 hover:text-white dark:hover:text-white dark:hover:bg-lightblue-500 "
+
+
+
+--- Secondary Button
+
+
+secondaryButton : String
+secondaryButton =
+    secondaryButtonMain ++ secondaryButtonHover
+
+
+secondaryButtonMain : String
+secondaryButtonMain =
+    " rounded my-auto whitespace-nowrap bg-gray-300 dark:bg-bluegray-400 text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 dark:text-gray-800 "
+
+
+secondaryButtonHover : String
+secondaryButtonHover =
+    " hover:bg-gray-400 dark:hover:bg-bluegray-300 "
+
+
+secondaryBasicButton : String
+secondaryBasicButton =
+    secondaryBasicButtonRounded ++ secondaryBasicButtonPlain
+
+
+secondaryBasicButtonPlain : String
+secondaryBasicButtonPlain =
+    secondaryBasicButtonMain ++ secondaryBasicButtonHover
+
+
+secondaryBasicButtonRounded : String
+secondaryBasicButtonRounded =
+    " rounded border px-4 py-2 "
+
+
+
+--- Secondary Basic Button
+
+
+secondaryBasicButtonMain : String
+secondaryBasicButtonMain =
+    " my-auto whitespace-nowrap border-gray-500 dark:border-bluegray-500 text-gray-500 dark:text-bluegray-400 text-center shadow-none focus:outline-none focus:ring focus:ring-opacity-75 "
+
+
+secondaryBasicButtonHover : String
+secondaryBasicButtonHover =
+    " hover:bg-gray-600 hover:text-white dark:hover:text-white dark:hover:bg-bluegray-500 dark:hover:text-bluegray-100 "
+
+
+
+--- Delete Button
+
+
+deleteButton : String
+deleteButton =
+    " rounded my-auto whitespace-nowrap border border-red-500 dark:border-lightred-500 text-red-500 dark:text-orange-500 text-center px-4 py-2 shadow-none focus:outline-none focus:ring focus:ring-opacity-75 hover:bg-red-600 hover:text-white dark:hover:text-white dark:hover:bg-orange-500 dark:hover:text-bluegray-900 "
+
+
+deleteLabel : String
+deleteLabel =
+    "label my-auto whitespace-nowrap border border-red-500 dark:border-lightred-500 text-red-500 dark:text-orange-500 text-center focus:outline-none focus:ring focus:ring-opacity-75 hover:bg-red-600 hover:text-white dark:hover:text-white dark:hover:bg-orange-500 dark:hover:text-bluegray-900"
+
+
+
+--- Others
+
+
+link : String
+link =
+    " text-blue-400 hover:text-blue-500 dark:text-lightblue-200 dark:hover:text-lightblue-100 cursor-pointer "
+
+
+inputErrorBorder : String
+inputErrorBorder =
+    " border-red-600 dark:border-orange-600 "
+
+
+inputLabel : String
+inputLabel =
+    " text-sm font-semibold py-0.5 "
+
+
+textInput : String
+textInput =
+    " placeholder-gray-400 w-full dark:text-bluegray-200 dark:bg-bluegray-800 dark:border-bluegray-500 border-gray-400 rounded " ++ formFocusRing
+
+
+textInputSidebar : String
+textInputSidebar =
+    " w-full placeholder-gray-400 border-gray-400 bg-blue-50 dark:text-bluegray-200 dark:bg-bluegray-700 dark:border-bluegray-500 rounded " ++ formFocusRing
+
+
+textAreaInput : String
+textAreaInput =
+    "block" ++ textInput
+
+
+inputIcon : String
+inputIcon =
+    "absolute left-3 top-2 w-10 text-gray-400 dark:text-bluegray-400  "
+
+
+dateInputIcon : String
+dateInputIcon =
+    "absolute left-3 top-3 w-10 text-gray-400 dark:text-bluegray-400  "
+
+
+inputLeftIconLink : String
+inputLeftIconLink =
+    "inline-flex items-center justify-center absolute right-0 top-0 h-full w-10 rounded-r cursor-pointer "
+        ++ "text-gray-400 dark:text-bluegray-400 "
+        ++ "bg-gray-300 dark:bg-bluegray-700 "
+        ++ "dark:border-bluegray-500 border-0 border-r border-t border-b border-gray-500 "
+        ++ "hover:bg-gray-400 hover:text-gray-700 dark:hover:bg-bluegray-600"
+
+
+inputLeftIconLinkSidebar : String
+inputLeftIconLinkSidebar =
+    "inline-flex items-center justify-center absolute right-0 top-0 h-full w-10 rounded-r cursor-pointer "
+        ++ "text-gray-400 dark:text-bluegray-400 "
+        ++ "bg-gray-300 dark:bg-bluegray-600 "
+        ++ "dark:border-bluegray-500 border-0 border-r border-t border-b border-gray-500 "
+        ++ "hover:bg-gray-400 hover:text-gray-700 dark:hover:bg-bluegray-500"
+
+
+inputLeftIconOnly : String
+inputLeftIconOnly =
+    "inline-flex items-center justify-center absolute right-0 top-0 h-full w-10 rounded-r "
+        ++ "dark:border-bluegray-500 border-0 border-r border-t border-b border-gray-500 "
+
+
+checkboxInput : String
+checkboxInput =
+    " checkbox w-5 h-5 md:w-4 md:h-4 text-black  dark:text-bluegray-600 dark:bg-bluegray-600 dark:border-bluegray-700" ++ formFocusRing
+
+
+formFocusRing : String
+formFocusRing =
+    " focus:ring focus:ring-black focus:ring-opacity-50 focus:ring-offset-0 dark:focus:ring-bluegray-400 "
+
+
+radioInput : String
+radioInput =
+    checkboxInput
+
+
+box : String
+box =
+    " border dark:border-bluegray-500 bg-white dark:bg-bluegray-800 shadow-md "
+
+
+border : String
+border =
+    " border dark:border-bluegray-600 "
+
+
+header1 : String
+header1 =
+    " text-3xl mt-3 mb-5 font-semibold tracking-wide "
+
+
+header2 : String
+header2 =
+    " text-2xl mb-3 font-medium tracking-wide "
+
+
+header3 : String
+header3 =
+    " text-xl mb-3 font-medium tracking-wide "
+
+
+editLinkTableCellStyle : String
+editLinkTableCellStyle =
+    "w-px whitespace-nowrap pr-2 md:pr-4 py-4 md:py-2"
+
+
+dimmer : String
+dimmer =
+    " absolute top-0 left-0 w-full h-full bg-black bg-opacity-90 dark:bg-bluegray-900 dark:bg-opacity-90 z-50 flex flex-col items-center justify-center px-4 py-2 "
+
+
+dimmerLight : String
+dimmerLight =
+    " absolute top-0 left-0 w-full h-full bg-black bg-opacity-60 dark:bg-bluegray-900 dark:bg-opacity-60 z-30 flex flex-col items-center justify-center px-4 py-2 "
+
+
+dimmerCard : String
+dimmerCard =
+    " absolute top-0 left-0 w-full h-full bg-black bg-opacity-60 dark:bg-lightblue-900 dark:bg-opacity-60 z-30 flex flex-col items-center justify-center px-4 py-2 "
+
+
+tableMain : String
+tableMain =
+    "border-collapse table w-full"
+
+
+tableRow : String
+tableRow =
+    "border-t dark:border-bluegray-600"