TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-06-22 10:28:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix tailwind setup

Browse Source 
- Adopted postcss and tailwind config to new version
- renamed colors bluegray->slate etc to not have custom
  definitions (hope to reduce migration next time)
- tailwind now doesn't build the complete css anymore, so the
  `dev-ui-build` script must compile both
This commit is contained in:
eikek
2021-12-20 23:03:05 +01:00
parent e9d5377a45
commit f5e375614f
50 changed files with 592 additions and 626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
modules/webapp/src/main/elm/App/View2.elm
View File

@ -68,7 +68,7 @@ topNavUser auth model =
, disabled = not (Page.hasSidebar model.page)
, attrs = [ href "#" ]
, baseStyle = "font-bold inline-flex items-center px-4 py-2"
, activeStyle = "hover:bg-blue-200 dark:hover:bg-bluegray-800 w-12"
, activeStyle = "hover:bg-blue-200 dark:hover:bg-slate-800 w-12"
}
, headerNavItem True model
, div [ class "flex flex-grow justify-center" ]
@ -103,7 +103,7 @@ topNavAnon model =
, disabled = not (Page.hasSidebar model.page)
, attrs = [ href "#" ]
, baseStyle = "font-bold inline-flex items-center px-4 py-2"
, activeStyle = "hover:bg-blue-200 dark:hover:bg-bluegray-800 w-12"
, activeStyle = "hover:bg-blue-200 dark:hover:bg-slate-800 w-12"
}
, headerNavItem False model
, div [ class "flex flex-grow justify-end" ]
@ -131,7 +131,7 @@ headerNavItem authenticated model =
in
tag
[ class "inline-flex font-bold items-center px-4"
, classList [ ( "hover:bg-blue-200 dark:hover:bg-bluegray-800", authenticated ) ]
, classList [ ( "hover:bg-blue-200 dark:hover:bg-slate-800", authenticated ) ]
, if authenticated then
Page.href HomePage
@ -204,12 +204,12 @@ mainContent model =
styleTopNav : String
styleTopNav =
"top-0 fixed z-50 w-full flex flex-row justify-start shadow-sm h-12 bg-blue-100 dark:bg-bluegray-900 text-gray-800 dark:text-bluegray-200 antialiased"
"top-0 fixed z-50 w-full flex flex-row justify-start shadow-sm h-12 bg-blue-100 dark:bg-slate-900 text-gray-800 dark:text-slate-200 antialiased"
styleMain : String
styleMain =
"mt-12 flex md:flex-row flex-col w-full h-screen-12 overflow-y-hidden bg-white dark:bg-bluegray-800 text-gray-800 dark:text-bluegray-300 antialiased"
"mt-12 flex md:flex-row flex-col w-full h-screen-12 overflow-y-hidden bg-white dark:bg-slate-800 text-gray-800 dark:text-slate-300 antialiased"
langMenu : Model -> Html Msg
@ -226,7 +226,7 @@ langMenu model =
a
[ classList
[ ( dropdownItem, True )
, ( "bg-gray-200 dark:bg-bluegray-700", lang == texts.lang )
, ( "bg-gray-200 dark:bg-slate-700", lang == texts.lang )
]
, onClick (SetLanguage lang)
, href "#"
@ -266,7 +266,7 @@ dataMenu texts _ model =
[ i [ class "fa fa-cogs" ] []
, div
[ class "h-5 w-5 rounded-full text-xs px-1 py-1 absolute top-1 left-1 font-bold"
, class "dark:bg-lightblue-500 dark:text-gray-200"
, class "dark:bg-sky-500 dark:text-gray-200"
, class "bg-blue-500 text-gray-50"
, classList [ ( "hidden", model.jobsWaiting <= 0 ) ]
]
@ -317,7 +317,7 @@ dataMenu texts _ model =
class "fa fa-tachometer-alt w-6"
else
class "fa fa-tachometer-alt w-6 animate-pulse dark:text-lightblue-500 text-blue-500"
class "fa fa-tachometer-alt w-6 animate-pulse dark:text-sky-500 text-blue-500"
]
[]
, span [ class "ml-1" ]
@ -424,7 +424,7 @@ userPageLink model page children =
a
[ classList
[ ( dropdownItem, True )
, ( "bg-gray-200 dark:bg-bluegray-700", model.page == page )
, ( "bg-gray-200 dark:bg-slate-700", model.page == page )
]
, onClick ToggleUserMenu
, Page.href page
@ -437,7 +437,7 @@ dataPageLink model page classes children =
a
[ classList
([ ( dropdownItem, True )
, ( "bg-gray-200 dark:bg-bluegray-700", model.page == page )
, ( "bg-gray-200 dark:bg-slate-700", model.page == page )
]
++ classes
)
@ -449,12 +449,12 @@ dataPageLink model page classes children =
dropdownLink : String
dropdownLink =
"px-4 py-2 w-12 font-bold inline-flex h-full items-center hover:bg-blue-200 dark:hover:bg-bluegray-800"
"px-4 py-2 w-12 font-bold inline-flex h-full items-center hover:bg-blue-200 dark:hover:bg-slate-800"
dropdownItem : String
dropdownItem =
"transition-colors duration-200 items-center block px-4 py-2 text-normal hover:bg-gray-200 dark:hover:bg-bluegray-700 dark:hover:text-bluegray-50"
"transition-colors duration-200 items-center block px-4 py-2 text-normal hover:bg-gray-200 dark:hover:bg-slate-700 dark:hover:text-slate-50"
dropdownHeadItem : String
@ -464,7 +464,7 @@ dropdownHeadItem =
dropdownMenu : String
dropdownMenu =
" absolute right-0 bg-white dark:bg-bluegray-800 border dark:border-bluegray-700 dark:text-bluegray-300 shadow-lg opacity-1 transition duration-200 min-w-max "
" absolute right-0 bg-white dark:bg-slate-800 border dark:border-slate-700 dark:text-slate-300 shadow-lg opacity-1 transition duration-200 min-w-max "
viewShare : Messages -> String -> Model -> List (Html Msg)

2
modules/webapp/src/main/elm/Comp/AttachmentMeta.elm
View File

@ -99,7 +99,7 @@ viewData2 texts meta =
[ div [ class "text-lg font-bold" ]
[ text texts.content
]
, div [ class "px-2 py-2 text-sm bg-yellow-50 dark:bg-warmgray-800 break-words whitespace-pre max-h-80 overflow-auto" ]
, div [ class "px-2 py-2 text-sm bg-yellow-50 dark:bg-stone-800 break-words whitespace-pre max-h-80 overflow-auto" ]
[ text meta.content
]
, div [ class "text-lg font-bold mt-2" ]

4
modules/webapp/src/main/elm/Comp/Basic.elm
View File

@ -178,12 +178,12 @@ linkLabel model =
[ class S.basicLabel
, class "inline-block md:text-sm my-auto whitespace-nowrap"
, class "border-blue-500 text-blue-500 "
, class "dark:border-lightblue-300 dark:text-lightblue-300"
, class "dark:border-sky-300 dark:text-sky-300"
]
hover =
[ class "hover:bg-blue-500 hover:text-gray-200"
, class "dark:hover:bg-lightblue-300 dark:hover:text-bluegray-900"
, class "dark:hover:bg-sky-300 dark:hover:text-slate-900"
]
attrs =

2
modules/webapp/src/main/elm/Comp/CalEventInput.elm
View File

@ -317,7 +317,7 @@ view2 texts extraClasses mev model =
text ""
]
, div
[ class "px-2 pt-4 pb-2 border-0 border-l border-b border-r bg-gray-50 dark:bg-bluegray-700"
[ class "px-2 pt-4 pb-2 border-0 border-l border-b border-r bg-gray-50 dark:bg-slate-700"
, class S.border
]
[ div []

2
modules/webapp/src/main/elm/Comp/ColorTagger.elm
View File

@ -175,7 +175,7 @@ renderFormData2 opts data =
in
div
[ class "flex flex-col space-y-4 md:space-y-2 mt-2"
, class "px-2 border-0 border-l dark:border-bluegray-600"
, class "px-2 border-0 border-l dark:border-slate-600"
]
(List.map valueItem values)

2
modules/webapp/src/main/elm/Comp/ContactField.elm
View File

@ -178,7 +178,7 @@ view2 cfg _ model =
[ classList
[ ( "hidden", List.isEmpty model.items )
]
, class "flex flex-col space-y-2 mt-2 px-2 border-0 border-l dark:border-bluegray-600 "
, class "flex flex-col space-y-2 mt-2 px-2 border-0 border-l dark:border-slate-600 "
]
(List.map (renderItem2 cfg) model.items)
]

8
modules/webapp/src/main/elm/Comp/Dropzone.elm
View File

@ -136,11 +136,11 @@ view2 : Texts -> Model -> Html Msg
view2 texts model =
div
[ classList
[ ( "bg-opacity-100 bg-blue-100 dark:bg-lightblue-800", model.state.hover )
, ( "bg-blue-100 dark:bg-lightblue-900 bg-opacity-50", not model.state.hover )
[ ( "bg-opacity-100 bg-blue-100 dark:bg-sky-800", model.state.hover )
, ( "bg-blue-100 dark:bg-sky-900 bg-opacity-50", not model.state.hover )
, ( "disabled", not model.state.active )
]
, class "flex flex-col justify-center items-center py-2 md:py-12 border-0 border-t-2 border-blue-500 dark:border-lightblue-500 dropzone"
, class "flex flex-col justify-center items-center py-2 md:py-12 border-0 border-t-2 border-blue-500 dark:border-sky-500 dropzone"
, onDragEnter DragEnter
, onDragOver DragEnter
, onDragLeave DragLeave
@ -159,7 +159,7 @@ view2 texts model =
{ label = texts.or
, topCss = "w-2/3 mb-4 hidden md:inline-flex"
, labelCss = "px-4 bg-gray-200 bg-opacity-50"
, lineColor = "bg-gray-300 dark:bg-bluegray-600"
, lineColor = "bg-gray-300 dark:bg-slate-600"
}
, B.primaryBasicButton
{ label = texts.basics.selectPlaceholder

4
modules/webapp/src/main/elm/Comp/EmailInput.elm
View File

@ -187,7 +187,7 @@ view2 cfg values model =
, onInput SetInput
, onBlur (KeyPress 13)
, class "inline-flex w-24 border-0 px-0 focus:ring-0 h-6 text-sm"
, class "placeholder-gray-400 dark:text-bluegray-200 dark:bg-bluegray-800 dark:border-bluegray-500"
, class "placeholder-gray-400 dark:text-slate-200 dark:bg-slate-800 dark:border-slate-500"
]
[]
]
@ -217,7 +217,7 @@ renderMenu2 style model =
a
[ class style.item
, classList
[ ( "bg-gray-200 dark:bg-bluegray-700 dark:text-bluegray-50", model.active == Just v )
[ ( "bg-gray-200 dark:bg-slate-700 dark:text-slate-50", model.active == Just v )
]
, href "#"
, onClick (AddEmail v)

2
modules/webapp/src/main/elm/Comp/EventSample.elm
View File

@ -88,7 +88,7 @@ update flags msg model =
styleBase : String
styleBase =
"bg-gray-100 dark:bg-bluegray-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
"bg-gray-100 dark:bg-slate-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
stylePayload : String

2
modules/webapp/src/main/elm/Comp/FolderDetail.elm
View File

@ -509,7 +509,7 @@ viewMembers2 texts model =
]
, div
[ class "flex flex-col space-y-4 md:space-y-2 mt-2"
, class "px-2 border-0 border-l dark:border-bluegray-600"
, class "px-2 border-0 border-l dark:border-slate-600"
]
(List.map (viewMember2 texts) model.members)
]

6
modules/webapp/src/main/elm/Comp/FolderSelect.elm
View File

@ -215,10 +215,10 @@ viewItem2 dropModel model item =
in
a
([ classList
[ ( "bg-blue-100 dark:bg-bluegray-600", highlightDrop )
[ ( "bg-blue-100 dark:bg-slate-600", highlightDrop )
]
, class "flex flex-row items-center"
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-bluegray-600"
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-slate-600"
, href "#"
, onClick (Toggle item)
]
@ -237,7 +237,7 @@ numberLabel : Int -> Html msg
numberLabel num =
div
[ class "bg-gray-200 border rounded-full h-6 w-6 flex items-center justify-center text-xs"
, class "dark:bg-bluegray-800 dark:text-bluegray-200 dark:border-bluegray-800 dark:bg-opacity-50"
, class "dark:bg-slate-800 dark:text-slate-200 dark:border-slate-800 dark:bg-opacity-50"
]
[ text (String.fromInt num)
]

34
modules/webapp/src/main/elm/Comp/ItemCard.elm
View File

@ -180,7 +180,7 @@ viewRow texts cfg settings flags model item =
cardColor =
if isCreated then
"text-blue-500 dark:text-lightblue-500"
"text-blue-500 dark:text-sky-500"
else if isDeleted then
"text-red-600 dark:text-orange-600"
@ -211,7 +211,7 @@ viewRow texts cfg settings flags model item =
a
[ classList
[ ( "my-auto flex text-lg w-4 text-left w-1", not rowOpen )
, ( "flex w-full block text-xl bg-gray-50 dark:bg-bluegray-700 mb-2 rounded ", rowOpen )
, ( "flex w-full block text-xl bg-gray-50 dark:bg-slate-700 mb-2 rounded ", rowOpen )
, ( "invisible", isSelected cfg item.id )
]
, href "#"
@ -266,7 +266,7 @@ viewRow texts cfg settings flags model item =
]
, class S.dimmerRow
]
[ div [ class "text-2xl font-bold text-blue-100 hover:text-blue-200 dark:text-lightblue-300 dark:hover:text-lightblue-200" ]
[ div [ class "text-2xl font-bold text-blue-100 hover:text-blue-200 dark:text-sky-300 dark:hover:text-sky-200" ]
[ a
(mkCardAction texts cfg settings item)
[ i [ class "fa fa-check-circle" ] []
@ -278,8 +278,8 @@ viewRow texts cfg settings flags model item =
mkCardAction texts cfg settings item
in
div
([ classList [ ( "border border-gray-800 border-dashed dark:border-lightblue-500", isMultiSelectMode cfg ) ]
, class "flex flex-col dark:border-bluegray-600 ds-item-row relative "
([ classList [ ( "border border-gray-800 border-dashed dark:border-sky-500", isMultiSelectMode cfg ) ]
, class "flex flex-col dark:border-slate-600 ds-item-row relative "
, class cfg.extraClasses
, id item.id
]
@ -473,7 +473,7 @@ viewCard texts cfg settings flags model item =
cardColor =
if isCreated then
"text-blue-500 dark:text-lightblue-500"
"text-blue-500 dark:text-sky-500"
else if isDeleted then
"text-red-600 dark:text-orange-600"
@ -495,7 +495,7 @@ viewCard texts cfg settings flags model item =
, class S.dimmerCard
, class "rounded-lg"
]
[ div [ class "text-9xl text-blue-400 hover:text-blue-500 dark:text-lightblue-300 dark:hover:text-lightblue-200" ]
[ div [ class "text-9xl text-blue-400 hover:text-blue-500 dark:text-sky-300 dark:hover:text-sky-200" ]
[ a
cardAction
[ i [ class "fa fa-check-circle font-thin" ] []
@ -507,8 +507,8 @@ viewCard texts cfg settings flags model item =
([ class cfg.extraClasses
, class "ds-item-card relative hover:shadow-lg rounded-lg flex flex-col break-all"
, classList
[ ( "border border-gray-400 dark:border-bluegray-600 dark:hover:border-bluegray-500", not (isMultiSelectMode cfg) )
, ( "border-2 border-gray-800 border-dashed dark:border-lightblue-500", isMultiSelectMode cfg )
[ ( "border border-gray-400 dark:border-slate-600 dark:hover:border-slate-500", not (isMultiSelectMode cfg) )
, ( "border-2 border-gray-800 border-dashed dark:border-sky-500", isMultiSelectMode cfg )
]
, id item.id
]
@ -621,7 +621,7 @@ notesContent2 settings item =
|| Util.String.isNothingOrBlank item.notes
)
]
, class "px-2 py-2 border-t dark:border-bluegray-600 opacity-50 text-sm"
, class "px-2 py-2 border-t dark:border-slate-600 opacity-50 text-sm"
]
[ Maybe.withDefault "" item.notes
|> Util.String.ellipsis settings.itemSearchNoteLength
@ -804,7 +804,7 @@ previewImage2 texts cfg settings model item =
not isCardView
in
a
([ class "overflow-hidden block bg-gray-50 dark:bg-bluegray-700 dark:bg-opacity-40 border-gray-400 dark:hover:border-bluegray-500 w-full"
([ class "overflow-hidden block bg-gray-50 dark:bg-slate-700 dark:bg-opacity-40 border-gray-400 dark:hover:border-slate-500 w-full"
, classList
[ ( "rounded-t-lg", isCardView )
, ( Data.UiSettings.cardPreviewSize2 settings, isCardView && not isRowOpen )
@ -818,7 +818,7 @@ previewImage2 texts cfg settings model item =
[ ( "rounded-t-lg w-full -mt-1", settings.cardPreviewFullWidth && isCardView )
, ( Data.UiSettings.cardPreviewSize2 settings, not settings.cardPreviewFullWidth && isCardView )
, ( "h-12", isListView && not isRowOpen )
, ( "border-t border-r border-l dark:border-bluegray-600", isListView && isRowOpen )
, ( "border-t border-r border-l dark:border-slate-600", isListView && isRowOpen )
]
, src previewUrl
]
@ -858,7 +858,7 @@ previewMenu2 texts settings flags cfg model item mainAttach =
|| fieldHidden Data.Fields.DueDate
)
]
, class "label font-semibold text-sm border-gray-300 dark:border-bluegray-600"
, class "label font-semibold text-sm border-gray-300 dark:border-slate-600"
, title (texts.dueOn ++ " " ++ dueDate)
]
[ Icons.dueDateIcon2 "mr-2"
@ -880,10 +880,10 @@ previewMenu2 texts settings flags cfg model item mainAttach =
not isCardView
in
div
[ class "px-2 py-1 flex flex-row flex-wrap bg-gray-50 dark:bg-bluegray-700 dark:bg-opacity-40 rounded-b-lg md:text-sm"
[ class "px-2 py-1 flex flex-row flex-wrap bg-gray-50 dark:bg-slate-700 dark:bg-opacity-40 rounded-b-lg md:text-sm"
, classList
[ ( "border-0", isCardView || not isRowOpen )
, ( "border-b border-l border-r dark:border-bluegray-600", isListView && isRowOpen )
, ( "border-b border-l border-r dark:border-slate-600", isListView && isRowOpen )
]
]
[ a
@ -907,7 +907,7 @@ previewMenu2 texts settings flags cfg model item mainAttach =
[ classList [ ( "hidden", attachCount > 1 && not (fieldHidden Data.Fields.PreviewImage) ) ]
, class "ml-2"
]
[ div [ class "px-2 rounded border border-gray-300 dark:border-bluegray-600 py-1" ]
[ div [ class "px-2 rounded border border-gray-300 dark:border-slate-600 py-1" ]
[ text (String.fromInt pageCount)
, text "p."
]
@ -925,7 +925,7 @@ previewMenu2 texts settings flags cfg model item mainAttach =
]
[ i [ class "fa fa-arrow-right" ] []
]
, div [ class "px-2 rounded-r border-t border-r border-b border-gray-500 dark:border-bluegray-500 py-1" ]
, div [ class "px-2 rounded-r border-t border-r border-b border-gray-500 dark:border-slate-500 py-1" ]
[ currentPosition model item
|> String.fromInt
|> text

2
modules/webapp/src/main/elm/Comp/ItemCardList.elm
View File

@ -245,7 +245,7 @@ viewGroup texts model cfg settings flags group =
div [ class "ds-item-group" ]
[ div
[ class "flex py-1 mt-2 mb-2 flex flex-row items-center"
, class "bg-white dark:bg-bluegray-800 text-xl font-bold z-35"
, class "bg-white dark:bg-slate-800 text-xl font-bold z-35"
, class "relative sticky top-10"
]
[ hr

2
modules/webapp/src/main/elm/Comp/ItemDetail/ItemInfoHeader.elm
View File

@ -155,7 +155,7 @@ view texts settings model =
[ classList
[ ( "hidden", not isCreated )
]
, class "ml-3 text-base label bg-blue-500 dark:bg-lightblue-500 text-white rounded-lg"
, class "ml-3 text-base label bg-blue-500 dark:bg-sky-500 text-white rounded-lg"
]
[ text texts.new
, i [ class "fa fa-exclamation ml-2" ] []

2
modules/webapp/src/main/elm/Comp/ItemDetail/Notes.elm
View File

@ -30,7 +30,7 @@ view texts model =
case model.notesField of
ViewNotes ->
div [ class "flex flex-col ds-item-detail-notes" ]
[ div [ class "flex flex-row items-center border-b dark:border-bluegray-600" ]
[ div [ class "flex flex-row items-center border-b dark:border-slate-600" ]
[ div [ class "flex-grow font-bold text-lg" ]
[ text texts.notes
]

24
modules/webapp/src/main/elm/Comp/ItemDetail/SingleAttachment.elm
View File

@ -65,7 +65,7 @@ view texts flags settings model pos attach =
Html.map (AttachMetaMsg attach.id)
(Comp.AttachmentMeta.view2
texts.attachmentMeta
[ class "border-r border-l border-b dark:border-bluegray-600 px-2" ]
[ class "border-r border-l border-b dark:border-slate-600 px-2" ]
am
)
@ -74,13 +74,13 @@ view texts flags settings model pos attach =
else if isShowQrAttach model.showQrModel then
Comp.ItemDetail.ShowQrCode.view1 flags
"border-r border-l border-b dark:border-bluegray-600 h-full"
"border-r border-l border-b dark:border-slate-600 h-full"
(Comp.ItemDetail.ShowQrCode.Attach attach.id)
else
div
[ class "flex flex-col relative px-2 pt-2 h-full"
, class "border-r border-l border-b dark:border-bluegray-600"
, class "border-r border-l border-b dark:border-slate-600"
, id "ds-pdf-view-parent"
, style "max-height" "calc(100vh - 140px)"
, style "min-height" "500px"
@ -155,7 +155,7 @@ attachHeader texts settings model _ attach =
, class S.secondaryBasicButton
, class "mr-2"
, classList
[ ( "bg-gray-200 dark:bg-bluegray-600 ", model.attachMenuOpen )
[ ( "bg-gray-200 dark:bg-slate-600 ", model.attachMenuOpen )
, ( "hidden", not multiAttach )
, ( "sm:hidden", multiAttach && mobile )
, ( "hidden sm:block", multiAttach && not mobile )
@ -191,7 +191,7 @@ attachHeader texts settings model _ attach =
, a
[ classList
[ ( S.secondaryBasicButton ++ " text-sm", True )
, ( "bg-gray-200 dark:bg-bluegray-600", selectView )
, ( "bg-gray-200 dark:bg-slate-600", selectView )
, ( "hidden", not selectPossible )
, ( "ml-2", True )
]
@ -319,7 +319,7 @@ editAttachmentName model attach =
in
case am of
Just m ->
div [ class "flex flex-row border-l border-r px-2 py-2 dark:border-bluegray-600" ]
div [ class "flex flex-row border-l border-r px-2 py-2 dark:border-slate-600" ]
[ input
[ type_ "text"
, value m.newName
@ -349,7 +349,7 @@ editAttachmentName model attach =
attachmentSelect : Texts -> Model -> Int -> Attachment -> Html Msg
attachmentSelect texts model _ _ =
div
[ class "flex flex-row border-l border-r px-2 py-2 dark:border-bluegray-600 "
[ class "flex flex-row border-l border-r px-2 py-2 dark:border-slate-600 "
, class "overflow-x-auto overflow-y-none"
, classList
[ ( "hidden", not model.attachMenuOpen )
@ -372,7 +372,7 @@ menuItem texts model pos attach =
enable =
Just attach.id == dropId && dropId /= dragId
in
[ ( "bg-gray-300 dark:bg-bluegray-700 current-drop-target", enable )
[ ( "bg-gray-300 dark:bg-slate-700 current-drop-target", enable )
]
iconClass =
@ -405,12 +405,12 @@ menuItem texts model pos attach =
in
a
([ classList <|
[ ( "border-blue-500 dark:border-lightblue-500", pos == 0 )
, ( "dark:border-bluegray-600", pos /= 0 )
[ ( "border-blue-500 dark:border-sky-500", pos == 0 )
, ( "dark:border-slate-600", pos /= 0 )
]
++ highlight
, class "flex flex-col relative border rounded px-1 py-1 mr-2"
, class " hover:shadow dark:hover:border-bluegray-500"
, class " hover:shadow dark:hover:border-slate-500"
, href "#"
, onClick msg
]
@ -421,7 +421,7 @@ menuItem texts model pos attach =
[ classList
[ ( "hidden", not visible )
]
, class "absolute right-1 top-1 text-blue-400 dark:text-lightblue-400 text-xl"
, class "absolute right-1 top-1 text-blue-400 dark:text-sky-400 text-xl"
]
[ i [ class iconClass ] []
]

10
modules/webapp/src/main/elm/Comp/ItemDetail/View2.elm
View File

@ -134,7 +134,7 @@ menuBar texts inav settings model =
, MB.CustomElement <|
a
[ classList
[ ( "bg-gray-200 dark:bg-bluegray-600", model.mailOpen )
[ ( "bg-gray-200 dark:bg-slate-600", model.mailOpen )
]
, title texts.sendMail
, onClick ToggleMail
@ -146,7 +146,7 @@ menuBar texts inav settings model =
, MB.CustomElement <|
a
[ classList
[ ( "bg-gray-200 dark:bg-bluegray-600", model.addFilesOpen )
[ ( "bg-gray-200 dark:bg-slate-600", model.addFilesOpen )
]
, if model.addFilesOpen then
title texts.close
@ -162,7 +162,7 @@ menuBar texts inav settings model =
, MB.CustomElement <|
a
[ classList
[ ( "bg-gray-200 dark:bg-bluegray-600", isShowQrItem model.showQrModel )
[ ( "bg-gray-200 dark:bg-slate-600", isShowQrItem model.showQrModel )
]
, if isShowQrItem model.showQrModel then
title texts.close
@ -258,7 +258,7 @@ leftArea texts flags settings model =
]
, class "mt-4 "
]
[ h3 [ class "flex flex-row items-center border-b dark:border-bluegray-600 font-bold text-lg" ]
[ h3 [ class "flex flex-row items-center border-b dark:border-slate-600 font-bold text-lg" ]
[ text texts.sentEmails
]
, Html.map SentMailsMsg (Comp.SentMails.view2 texts.sentMails model.sentMails)
@ -323,7 +323,7 @@ sendMailForm texts settings model =
itemIdInfo : Texts -> Model -> Html msg
itemIdInfo texts model =
div [ class "flex flex-col opacity-50 text-xs pb-1 mt-3 border-t dark:border-bluegray-600" ]
div [ class "flex flex-col opacity-50 text-xs pb-1 mt-3 border-t dark:border-slate-600" ]
[ div
[ class "inline-flex items-center"
, title texts.itemId

4
modules/webapp/src/main/elm/Comp/ItemMerge.elm
View File

@ -324,8 +324,8 @@ itemCard texts settings model index item =
, class "cursor-pointer items-center"
, classList
[ ( "border-2 border-blue-500 dark:border-blue-500", index == 0 && not dropActive )
, ( "bg-blue-100 dark:bg-lightblue-900", index == 0 && not dropActive )
, ( "border border-gray-400 dark:border-bluegray-600 dark:hover:border-bluegray-500 bg-white dark:bg-bluegray-700 mt-2", index /= 0 )
, ( "bg-blue-100 dark:bg-sky-900", index == 0 && not dropActive )
, ( "border border-gray-400 dark:border-slate-600 dark:hover:border-slate-500 bg-white dark:bg-slate-700 mt-2", index /= 0 )
, ( "bg-yellow-50 dark:bg-lime-900 mt-4", dropActive )
]
, id ("merge-" ++ item.id)

8
modules/webapp/src/main/elm/Comp/MenuBar.elm
View File

@ -102,12 +102,12 @@ type alias DropdownMenu msg =
view : MenuBar msg -> Html msg
view =
view1 "bg-white dark:bg-bluegray-800"
view1 "bg-white dark:bg-slate-800"
viewSide : MenuBar msg -> Html msg
viewSide =
view1 "bg-blue-50 dark:bg-bluegray-700"
view1 "bg-blue-50 dark:bg-slate-700"
view1 : String -> MenuBar msg -> Html msg
@ -169,10 +169,10 @@ makeDropdown : DropdownData msg -> Html msg
makeDropdown model =
let
menuStyle =
"absolute right-0 bg-white dark:bg-bluegray-800 border dark:border-bluegray-700 z-50 dark:text-bluegray-300 shadow-lg transition duration-200 min-w-max "
"absolute right-0 bg-white dark:bg-slate-800 border dark:border-slate-700 z-50 dark:text-slate-300 shadow-lg transition duration-200 min-w-max "
itemStyle =
"transition-colors duration-200 items-center block px-4 py-2 text-normal hover:bg-gray-200 dark:hover:bg-bluegray-700 dark:hover:text-bluegray-50"
"transition-colors duration-200 items-center block px-4 py-2 text-normal hover:bg-gray-200 dark:hover:bg-slate-700 dark:hover:text-slate-50"
menuItem m =
a

2
modules/webapp/src/main/elm/Comp/NotificationTest.elm
View File

@ -79,7 +79,7 @@ type alias ViewConfig =
styleBase : String
styleBase =
"bg-gray-100 dark:bg-bluegray-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
"bg-gray-100 dark:bg-slate-900 text-gray-900 dark:text-gray-100 text-sm leading-5"
stylePayload : String

2
modules/webapp/src/main/elm/Comp/Progress.elm
View File

@ -17,7 +17,7 @@ import Html.Attributes exposing (attribute, class, style)
progress2 : Int -> Html msg
progress2 percent =
div [ class "shadow w-full h-full bg-gray-200 dark:bg-bluegray-600 rounded relative" ]
div [ class "shadow w-full h-full bg-gray-200 dark:bg-slate-600 rounded relative" ]
[ div
[ class "transition-duration-300 h-full bg-blue-500 dark:bg-light-blue-500 block text-xs text-center"
, style "width" (String.fromInt percent ++ "%")

2
modules/webapp/src/main/elm/Comp/SearchStatsView.elm
View File

@ -43,7 +43,7 @@ view2 texts classes stats =
f.sum > 0
statValues f =
tr [ class "border-0 border-t dark:border-bluegray-600" ]
tr [ class "border-0 border-t dark:border-slate-600" ]
[ td [ class "text-left text-sm" ]
[ div
[ class S.basicLabel

2
modules/webapp/src/main/elm/Comp/SentMails.elm
View File

@ -112,7 +112,7 @@ view2 texts model =
, div [ class "py-1 whitespace-pre-wrap" ]
[ text mail.body
]
, div [ class "flex flex-row items-center border-t dark:border-bluegray-600 justify-end text-sm " ]
, div [ class "flex flex-row items-center border-t dark:border-slate-600 justify-end text-sm " ]
[ a
[ class S.secondaryBasicButton
, onClick Hide

6
modules/webapp/src/main/elm/Comp/ShareManage.elm
View File

@ -478,7 +478,7 @@ shareInfo texts flags share =
]
[ h2
[ class S.header2
, class "border-b-2 dark:border-bluegray-600"
, class "border-b-2 dark:border-slate-600"
]
[ text texts.shareInformation
]
@ -498,7 +498,7 @@ shareSendMail texts flags settings model =
]
[ a
[ class S.header2
, class "border-b-2 dark:border-bluegray-600 w-full inline-block"
, class "border-b-2 dark:border-slate-600 w-full inline-block"
, href "#"
, onClick ToggleSendMailVisible
]
@ -510,7 +510,7 @@ shareSendMail texts flags settings model =
, text texts.sendViaMail
]
, div
[ class "px-2 py-2 dark:border-bluegray-600"
[ class "px-2 py-2 dark:border-slate-600"
, classList [ ( "hidden", not model.sendMailVisible ) ]
]
[ Html.map MailMsg

2
modules/webapp/src/main/elm/Comp/ShareView.elm
View File

@ -62,7 +62,7 @@ viewActive cfg texts flags share =
flags.config.baseUrl ++ "/app/share/" ++ share.id
styleUrl =
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-bluegray-500"
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-slate-500"
infoLine hidden icon label value =
div

2
modules/webapp/src/main/elm/Comp/SourceManage.elm
View File

@ -279,7 +279,7 @@ viewLinks2 texts flags _ source =
flags.config.baseUrl ++ "/api/v1/open/upload/item/" ++ source.source.id
styleUrl =
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-bluegray-500"
"truncate px-2 py-2 border-0 border-t border-b border-r font-mono text-sm my-auto rounded-r border-gray-400 dark:border-slate-500"
in
div
[]

2
modules/webapp/src/main/elm/Comp/StringListInput.elm
View File

@ -108,7 +108,7 @@ view2 values model =
]
, div
[ class "flex flex-col space-y-4 md:space-y-2 mt-2"
, class "px-2 border-0 border-l dark:border-bluegray-600"
, class "px-2 border-0 border-l dark:border-slate-600"
]
(List.map valueItem values)
]

8
modules/webapp/src/main/elm/Comp/Tabs.elm
View File

@ -58,9 +58,9 @@ type alias State =
defaultStyle : Style
defaultStyle =
{ rootClasses = "border-0 border-t dark:border-bluegray-600"
, tabClasses = "border-0 border-b dark:border-bluegray-600"
, titleClasses = "py-4 md:py-2 px-2 bg-gray-50 hover:bg-gray-100 dark:bg-bluegray-700 dark:bg-opacity-50 dark:hover:bg-opacity-100"
{ rootClasses = "border-0 border-t dark:border-slate-600"
, tabClasses = "border-0 border-b dark:border-slate-600"
, titleClasses = "py-4 md:py-2 px-2 bg-gray-50 hover:bg-gray-100 dark:bg-slate-700 dark:bg-opacity-50 dark:hover:bg-opacity-100"
, bodyClasses = "mt-2 py-2"
}
@ -69,7 +69,7 @@ searchMenuStyle : Style
searchMenuStyle =
{ rootClasses = "border-0 "
, tabClasses = "border-0 "
, titleClasses = "py-4 md:py-2 pl-2 bg-blue-50 hover:bg-blue-100 dark:bg-bluegray-700 dark:hover:bg-opacity-100 dark:hover:bg-bluegray-600 rounded"
, titleClasses = "py-4 md:py-2 pl-2 bg-blue-50 hover:bg-blue-100 dark:bg-slate-700 dark:hover:bg-opacity-100 dark:hover:bg-slate-600 rounded"
, bodyClasses = "mt-1 py-1 pl-2"
}

10
modules/webapp/src/main/elm/Comp/TagSelect.elm
View File

@ -481,7 +481,7 @@ viewTagsDrop2 texts ddm wm settings model =
, onInput Search
, class "bg-blue-50 w-30 h-6 px-0 py-0 text-xs"
, class "border-0 border-b border-gray-200 focus:ring-0 focus:border-black"
, class "dark:bg-bluegray-700 dark:text-bluegray-200 dark:border-bluegray-400 dark:focus:border-white"
, class "dark:bg-slate-700 dark:text-slate-200 dark:border-slate-400 dark:focus:border-white"
]
[]
, i [ class "fa fa-search absolute top-1/3 right-0 opacity-50" ] []
@ -553,10 +553,10 @@ viewTagItem2 ddm settings model tag =
in
a
([ classList
[ ( "bg-blue-100 dark:bg-bluegray-600", dropActive )
[ ( "bg-blue-100 dark:bg-slate-600", dropActive )
]
, class "flex flex-row items-center"
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-bluegray-600"
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-slate-600"
, href "#"
, onClick (ToggleTag tag.tag.id)
]
@ -591,7 +591,7 @@ viewCategoryItem2 settings model cat =
in
a
[ class "flex flex-row items-center"
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-bluegray-600"
, class "rounded px-1 py-1 hover:bg-blue-100 dark:hover:bg-slate-600"
, href "#"
, onClick (ToggleCat cat.name)
]
@ -662,7 +662,7 @@ numberLabel : Int -> Html msg
numberLabel num =
div
[ class "bg-gray-200 border rounded-full h-6 w-6 flex items-center justify-center text-xs"
, class "dark:bg-bluegray-800 dark:text-bluegray-200 dark:border-bluegray-800 dark:bg-opacity-50"
, class "dark:bg-slate-800 dark:text-slate-200 dark:border-slate-800 dark:bg-opacity-50"
]
[ text (String.fromInt num)
]

20
modules/webapp/src/main/elm/Data/DropdownStyle.elm
View File

@ -31,7 +31,7 @@ mainStyle =
, link = dropdownLinkStyle ++ mainLink
, menu = dropdownMenuStyle ++ mainMenu
, item = dropdownItemStyle ++ mainItem
, itemActive = "bg-gray-200 dark:bg-bluegray-700"
, itemActive = "bg-gray-200 dark:bg-slate-700"
, input = mainInputStyle
}
@ -51,7 +51,7 @@ sidebarStyle =
, link = dropdownLinkStyle ++ sidebarLink
, menu = dropdownMenuStyle ++ sidebarMenu
, item = dropdownItemStyle ++ sidebarItem
, itemActive = "bg-gray-300 dark:bg-bluegray-600"
, itemActive = "bg-gray-300 dark:bg-slate-600"
, input = sidebarInputStyle
}
@ -64,12 +64,12 @@ dropdownLinkStyle =
mainLink : String
mainLink =
" bg-white border-gray-500 hover:border-gray-500 dark:bg-bluegray-800 dark:border-bluegray-500 dark:hover:border-bluegray-500"
" bg-white border-gray-500 hover:border-gray-500 dark:bg-slate-800 dark:border-slate-500 dark:hover:border-slate-500"
sidebarLink : String
sidebarLink =
" bg-blue-50 border-gray-500 hover:border-gray-500 dark:bg-bluegray-700 dark:border-bluegray-400 dark:hover:border-bluegray-400"
" bg-blue-50 border-gray-500 hover:border-gray-500 dark:bg-slate-700 dark:border-slate-400 dark:hover:border-slate-400"
dropdownMenuStyle : String
@ -79,12 +79,12 @@ dropdownMenuStyle =
mainMenu : String
mainMenu =
"bg-white dark:bg-bluegray-800 dark:border-bluegray-700 dark:text-bluegray-300"
"bg-white dark:bg-slate-800 dark:border-slate-700 dark:text-slate-300"
sidebarMenu : String
sidebarMenu =
"bg-blue-50 dark:bg-bluegray-700 dark:border-bluegray-600 dark:text-bluegray-200"
"bg-blue-50 dark:bg-slate-700 dark:border-slate-600 dark:text-slate-200"
dropdownItemStyle : String
@ -94,19 +94,19 @@ dropdownItemStyle =
mainItem : String
mainItem =
" hover:bg-gray-200 dark:hover:bg-bluegray-700 dark:hover:text-bluegray-100"
" hover:bg-gray-200 dark:hover:bg-slate-700 dark:hover:text-slate-100"
sidebarItem : String
sidebarItem =
" hover:bg-gray-300 dark:hover:bg-bluegray-600 dark:hover:text-bluegray-50"
" hover:bg-gray-300 dark:hover:bg-slate-600 dark:hover:text-slate-50"
mainInputStyle : String
mainInputStyle =
"dark:text-bluegray-200 dark:bg-bluegray-800 dark:border-bluegray-500"
"dark:text-slate-200 dark:bg-slate-800 dark:border-slate-500"
sidebarInputStyle : String
sidebarInputStyle =
"bg-blue-50 dark:text-bluegray-200 dark:bg-bluegray-700 dark:border-bluegray-400"
"bg-blue-50 dark:text-slate-200 dark:bg-slate-700 dark:border-slate-400"

2
modules/webapp/src/main/elm/Data/UiSettings.elm
View File

@ -392,7 +392,7 @@ tagColorString2 : Tag -> UiSettings -> String
tagColorString2 tag settings =
tagColor tag settings
|> Maybe.map Data.Color.toString2
|> Maybe.withDefault "border-black dark:border-bluegray-200"
|> Maybe.withDefault "border-black dark:border-slate-200"
tagColorFg2 : Tag -> UiSettings -> String

2
modules/webapp/src/main/elm/Page/Home/SideMenu.elm
View File

@ -36,7 +36,7 @@ view texts flags settings model =
, title = texts.editMode
, inputClass =
[ ( S.secondaryBasicButton, True )
, ( "bg-gray-200 dark:bg-bluegray-600", selectActive model )
, ( "bg-gray-200 dark:bg-slate-600", selectActive model )
]
}
, MB.CustomButton

22
modules/webapp/src/main/elm/Page/Home/View2.elm
View File

@ -296,7 +296,7 @@ defaultMenuBar texts flags settings model =
, title = texts.selectModeTitle
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", selectActive model )
, ( "bg-gray-200 dark:bg-slate-600", selectActive model )
]
}
, MB.Dropdown
@ -375,11 +375,11 @@ defaultMenuBar texts flags settings model =
, inputClass =
[ ( btnStyle, True )
, ( "hidden sm:inline-block", False )
, ( "bg-gray-200 dark:bg-bluegray-600", settings.cardPreviewFullWidth )
, ( "bg-gray-200 dark:bg-slate-600", settings.cardPreviewFullWidth )
]
}
]
, rootClasses = "mb-2 pt-1 dark:bg-bluegray-700 items-center text-sm"
, rootClasses = "mb-2 pt-1 dark:bg-slate-700 items-center text-sm"
}
@ -401,7 +401,7 @@ editMenuBar texts model svm =
, title = texts.editSelectedItems selectCount
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", svm.action == EditSelected )
, ( "bg-gray-200 dark:bg-slate-600", svm.action == EditSelected )
, ( "hidden", model.searchMenuModel.searchMode == Data.SearchMode.Trashed )
]
}
@ -412,7 +412,7 @@ editMenuBar texts model svm =
, title = texts.reprocessSelectedItems selectCount
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", svm.action == ReprocessSelected )
, ( "bg-gray-200 dark:bg-slate-600", svm.action == ReprocessSelected )
, ( "hidden", model.searchMenuModel.searchMode == Data.SearchMode.Trashed )
]
}
@ -423,7 +423,7 @@ editMenuBar texts model svm =
, title = texts.deleteSelectedItems selectCount
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", svm.action == DeleteSelected )
, ( "bg-gray-200 dark:bg-slate-600", svm.action == DeleteSelected )
, ( "hidden", model.searchMenuModel.searchMode == Data.SearchMode.Trashed )
]
}
@ -434,7 +434,7 @@ editMenuBar texts model svm =
, title = texts.undeleteSelectedItems selectCount
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", svm.action == RestoreSelected )
, ( "bg-gray-200 dark:bg-slate-600", svm.action == RestoreSelected )
, ( "hidden", model.searchMenuModel.searchMode == Data.SearchMode.Normal )
]
}
@ -445,7 +445,7 @@ editMenuBar texts model svm =
, title = texts.mergeItemsTitle selectCount
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", svm.action == MergeSelected )
, ( "bg-gray-200 dark:bg-slate-600", svm.action == MergeSelected )
, ( "hidden", model.searchMenuModel.searchMode == Data.SearchMode.Trashed )
]
}
@ -456,7 +456,7 @@ editMenuBar texts model svm =
, title = texts.publishItemsTitle selectCount
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", svm.action == PublishSelected )
, ( "bg-gray-200 dark:bg-slate-600", svm.action == PublishSelected )
, ( "hidden", model.searchMenuModel.searchMode == Data.SearchMode.Trashed )
]
}
@ -483,7 +483,7 @@ editMenuBar texts model svm =
, MB.TextLabel
{ icon = ""
, label = String.fromInt selectCount
, class = "px-4 py-2 w-10 rounded-full font-bold bg-blue-100 dark:bg-lightblue-600 "
, class = "px-4 py-2 w-10 rounded-full font-bold bg-blue-100 dark:bg-sky-600 "
}
, MB.CustomButton
{ tagger = ResetSearch
@ -502,7 +502,7 @@ editMenuBar texts model svm =
, title = texts.exitSelectMode
, inputClass =
[ ( btnStyle, True )
, ( "bg-gray-200 dark:bg-bluegray-600", selectActive model )
, ( "bg-gray-200 dark:bg-slate-600", selectActive model )
]
}
]

2
modules/webapp/src/main/elm/Page/Login/View2.elm
View File

@ -97,7 +97,7 @@ openIdLinks texts flags =
{ label = texts.or
, topCss = "w-2/3 mb-4 hidden md:inline-flex w-full"
, labelCss = "px-4 bg-gray-200 bg-opacity-50"
, lineColor = "bg-gray-300 dark:bg-bluegray-600"
, lineColor = "bg-gray-300 dark:bg-slate-600"
}
, div [ class "flex flex-row space-x-4 items-center justify-center" ]
(List.map renderLink provs)

2
modules/webapp/src/main/elm/Page/NewInvite/View2.elm
View File

@ -53,7 +53,7 @@ viewContent texts flags _ model =
[ div
[ class "inline-flex items-center justify-center"
, class "absolute left-0 top-0 h-full w-10"
, class "text-gray-400 dark:text-bluegray-400"
, class "text-gray-400 dark:text-slate-400"
]
[ i [ class "fa fa-key" ] []
]

6
modules/webapp/src/main/elm/Page/Queue/View2.elm
View File

@ -55,7 +55,7 @@ viewSidebar texts visible _ _ model =
[ href "#"
, class S.sidebarLink
, class cls
, classList [ ( "bg-blue-100 dark:bg-bluegray-600", model.queueView == v ) ]
, classList [ ( "bg-blue-100 dark:bg-slate-600", model.queueView == v ) ]
, onClick (SetQueueView v)
]
[ i [ class icon ]
@ -63,7 +63,7 @@ viewSidebar texts visible _ _ model =
, div
[ class "ml-3" ]
[ text label ]
, div [ class "ml-auto bg-gray-200 border rounded-full h-6 w-6 flex items-center justify-center text-xs dark:bg-bluegray-800 dark:text-bluegray-200 dark:border-bluegray-800 dark:bg-opacity-50" ]
, div [ class "ml-auto bg-gray-200 border rounded-full h-6 w-6 flex items-center justify-center text-xs dark:bg-slate-800 dark:text-slate-200 dark:border-slate-800 dark:bg-opacity-50" ]
[ count v |> String.fromInt |> text
]
]
@ -191,7 +191,7 @@ renderJobLog : JobDetail -> Html Msg
renderJobLog job =
div
[ class " absolute top-12 left-0 w-full h-full-12 z-40 flex flex-col items-center px-4 py-2 "
, class "bg-white bg-opacity-80 dark:bg-black dark:bg-bluegray-900 dark:bg-opacity-90"
, class "bg-white bg-opacity-80 dark:bg-black dark:bg-slate-900 dark:bg-opacity-90"
]
[ div [ class (S.box ++ "py-2 px-2 flex flex-col w-full") ]
[ div [ class "flex flex-row mb-4 px-2" ]

4
modules/webapp/src/main/elm/Page/Share/Menubar.elm
View File

@ -91,7 +91,7 @@ view texts flags model =
, attrs =
[ href "#"
, title texts.extendedSearch
, classList [ ( "bg-gray-200 dark:bg-bluegray-600", model.searchMode == SearchBarNormal ) ]
, classList [ ( "bg-gray-200 dark:bg-slate-600", model.searchMode == SearchBarNormal ) ]
]
}
]
@ -147,5 +147,5 @@ view texts flags model =
]
}
]
, rootClasses = "mb-2 pt-1 dark:bg-bluegray-700 items-center text-sm"
, rootClasses = "mb-2 pt-1 dark:bg-slate-700 items-center text-sm"
}

18
modules/webapp/src/main/elm/Page/ShareDetail/View.elm
View File

@ -97,7 +97,7 @@ itemData texts flags model shareId itemId =
"mb-4 sm:mb-6"
headerStyle =
"py-2 bg-blue-50 hover:bg-blue-100 dark:bg-bluegray-700 dark:hover:bg-opacity-100 dark:hover:bg-bluegray-600 text-lg font-medium rounded-lg"
"py-2 bg-blue-50 hover:bg-blue-100 dark:bg-slate-700 dark:hover:bg-opacity-100 dark:hover:bg-slate-600 text-lg font-medium rounded-lg"
showTag tag =
div
@ -200,9 +200,9 @@ itemPreview texts flags settings model =
Maybe.withDefault (texts.noName ++ ".pdf") attach.name
in
div
[ class "flex flex-grow flex-col h-full border-t dark:border-bluegray-600"
[ class "flex flex-grow flex-col h-full border-t dark:border-slate-600"
]
[ div [ class "flex flex-col sm:flex-row items-center py-1 px-1 border-l border-r dark:border-bluegray-600" ]
[ div [ class "flex flex-col sm:flex-row items-center py-1 px-1 border-l border-r dark:border-slate-600" ]
[ div [ class "text-base font-bold flex-grow w-full text-center sm:text-left break-all" ]
[ text attachName
, text " ("
@ -242,7 +242,7 @@ itemPreview texts flags settings model =
]
, attachmentSelect texts model
, div
[ class "flex w-full h-full mb-4 border-b border-l border-r dark:border-bluegray-600"
[ class "flex w-full h-full mb-4 border-b border-l border-r dark:border-slate-600"
, style "min-height" "500px"
]
[ embed
@ -299,7 +299,7 @@ passwordContent texts flags versionInfo model =
attachmentSelect : Texts -> Model -> Html Msg
attachmentSelect texts model =
div
[ class "flex flex-row border-l border-t border-r px-2 py-2 dark:border-bluegray-600 "
[ class "flex flex-row border-l border-t border-r px-2 py-2 dark:border-slate-600 "
, class "overflow-x-auto overflow-y-none"
, classList
[ ( "hidden", not model.attachMenuOpen )
@ -319,11 +319,11 @@ menuItem texts model pos attach =
in
a
[ classList <|
[ ( "border-blue-500 dark:border-lightblue-500", pos == 0 )
, ( "dark:border-bluegray-600", pos /= 0 )
[ ( "border-blue-500 dark:border-sky-500", pos == 0 )
, ( "dark:border-slate-600", pos /= 0 )
]
, class "flex flex-col relative border rounded px-1 py-1 mr-2"
, class " hover:shadow dark:hover:border-bluegray-500"
, class " hover:shadow dark:hover:border-slate-500"
, href "#"
, onClick (SelectActiveAttachment pos)
]
@ -331,7 +331,7 @@ menuItem texts model pos attach =
[ classList
[ ( "hidden", not visible )
]
, class "absolute right-1 top-1 text-blue-400 dark:text-lightblue-400 text-xl"
, class "absolute right-1 top-1 text-blue-400 dark:text-sky-400 text-xl"
]
[ i [ class iconClass ] []
]

88
modules/webapp/src/main/elm/Styles.elm
View File

@ -17,12 +17,12 @@ sidebar =
sidebarBg : String
sidebarBg =
" bg-blue-50 dark:bg-bluegray-700 "
" bg-blue-50 dark:bg-slate-700 "
sidebarMenuItemActive : String
sidebarMenuItemActive =
"bg-blue-100 dark:bg-bluegray-600"
"bg-blue-100 dark:bg-slate-600"
content : String
@ -32,7 +32,7 @@ content =
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 "
" mb-2 px-4 py-3 flex flex-row hover:bg-blue-100 dark:hover:bg-slate-600 hover:font-bold rounded rounded-lg items-center "
successMessage : String
@ -67,7 +67,7 @@ warnMessageColors =
infoMessageBase : String
infoMessageBase =
" 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 "
" border border-blue-800 bg-blue-100 text-blue-800 dark:border-sky-200 dark:bg-sky-800 dark:text-sky-200 dark:bg-opacity-25 "
infoMessage : String
@ -78,7 +78,7 @@ infoMessage =
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 "
++ "dark:border-slate-400 dark:bg-slate-600 dark:bg-opacity-80 dark:text-slate-400 "
++ "px-4 py-2 rounded "
@ -104,12 +104,12 @@ redBasicLabel =
basicLabel : String
basicLabel =
" label border-gray-600 text-gray-600 dark:border-bluegray-300 dark:text-bluegray-300 "
" label border-gray-600 text-gray-600 dark:border-slate-300 dark:text-slate-300 "
blueBasicLabel : String
blueBasicLabel =
" label border-blue-500 text-blue-500 dark:border-lightblue-200 dark:text-lightblue-200 "
" label border-blue-500 text-blue-500 dark:border-sky-200 dark:text-sky-200 "
@ -128,12 +128,12 @@ primaryButtonPlain =
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 "
" my-auto whitespace-nowrap bg-blue-500 dark:bg-sky-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 "
" hover:bg-blue-600 dark:hover:bg-sky-700 "
primaryButtonRounded : String
@ -152,12 +152,12 @@ primaryBasicButton =
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 "
" rounded my-auto whitespace-nowrap border border-blue-500 dark:border-sky-500 text-blue-500 dark:text-sky-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 "
" hover:bg-blue-600 hover:text-white dark:hover:text-white dark:hover:bg-sky-500 "
@ -171,12 +171,12 @@ secondaryButton =
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 text-gray-800"
" rounded my-auto whitespace-nowrap bg-gray-300 dark:bg-slate-400 text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 dark:text-gray-800 text-gray-800"
secondaryButtonHover : String
secondaryButtonHover =
" hover:bg-gray-400 dark:hover:bg-bluegray-300 "
" hover:bg-gray-400 dark:hover:bg-slate-300 "
secondaryBasicButton : String
@ -200,12 +200,12 @@ secondaryBasicButtonRounded =
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 "
" my-auto whitespace-nowrap border-gray-500 dark:border-slate-500 text-gray-500 dark:text-slate-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 "
" hover:bg-gray-600 hover:text-white dark:hover:text-white dark:hover:bg-slate-500 dark:hover:text-slate-100 "
@ -224,17 +224,17 @@ deleteButtonMain =
deleteButtonHover : String
deleteButtonHover =
" hover:bg-red-600 hover:text-white dark:hover:bg-orange-500 dark:hover:text-bluegray-900 "
" hover:bg-red-600 hover:text-white dark:hover:bg-orange-500 dark:hover:text-slate-900 "
undeleteButton : String
undeleteButton =
" rounded my-auto whitespace-nowrap border border-green-500 dark:border-lightgreen-500 text-green-500 dark:text-lightgreen-500 text-center px-4 py-2 shadow-none focus:outline-none focus:ring focus:ring-opacity-75 hover:bg-green-600 hover:text-white dark:hover:text-white dark:hover:bg-lightgreen-500 dark:hover:text-bluegray-900 "
" rounded my-auto whitespace-nowrap border border-green-500 dark:border-lightgreen-500 text-green-500 dark:text-lightgreen-500 text-center px-4 py-2 shadow-none focus:outline-none focus:ring focus:ring-opacity-75 hover:bg-green-600 hover:text-white dark:hover:text-white dark:hover:bg-lightgreen-500 dark:hover:text-slate-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"
"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-slate-900"
@ -243,7 +243,7 @@ deleteLabel =
link : String
link =
" text-blue-400 hover:text-blue-500 dark:text-lightblue-200 dark:hover:text-lightblue-100 cursor-pointer "
" text-blue-400 hover:text-blue-500 dark:text-sky-200 dark:hover:text-sky-100 cursor-pointer "
inputErrorBorder : String
@ -258,12 +258,12 @@ inputLabel =
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
" placeholder-gray-400 w-full dark:text-slate-200 dark:bg-slate-800 dark:border-slate-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
" w-full placeholder-gray-400 border-gray-400 bg-blue-50 dark:text-slate-200 dark:bg-slate-700 dark:border-slate-500 rounded " ++ formFocusRing
textAreaInput : String
@ -273,46 +273,46 @@ textAreaInput =
inputIcon : String
inputIcon =
"absolute left-3 top-2 w-10 text-gray-400 dark:text-bluegray-400 "
"absolute left-3 top-2 w-10 text-gray-400 dark:text-slate-400 "
dateInputIcon : String
dateInputIcon =
"absolute left-3 top-3 w-10 text-gray-400 dark:text-bluegray-400 "
"absolute left-3 top-3 w-10 text-gray-400 dark:text-slate-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"
++ "text-gray-400 dark:text-slate-400 "
++ "bg-gray-300 dark:bg-slate-700 "
++ "dark:border-slate-500 border-0 border-r border-t border-b border-gray-500 "
++ "hover:bg-gray-400 hover:text-gray-700 dark:hover:bg-slate-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"
++ "text-gray-400 dark:text-slate-400 "
++ "bg-gray-300 dark:bg-slate-600 "
++ "dark:border-slate-500 border-0 border-r border-t border-b border-gray-500 "
++ "hover:bg-gray-400 hover:text-gray-700 dark:hover:bg-slate-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 "
++ "dark:border-slate-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
" checkbox w-5 h-5 md:w-4 md:h-4 text-black dark:text-slate-600 dark:bg-slate-600 dark:border-slate-700" ++ formFocusRing
formFocusRing : String
formFocusRing =
" focus:ring focus:ring-black focus:ring-opacity-50 focus:ring-offset-0 dark:focus:ring-bluegray-400 "
" focus:ring focus:ring-black focus:ring-opacity-50 focus:ring-offset-0 dark:focus:ring-slate-400 "
radioInput : String
@ -322,17 +322,17 @@ radioInput =
box : String
box =
" border dark:border-bluegray-500 bg-white dark:bg-bluegray-800 shadow-md "
" border dark:border-slate-500 bg-white dark:bg-slate-800 shadow-md "
border : String
border =
" border dark:border-bluegray-600 "
" border dark:border-slate-600 "
border2 : String
border2 =
" border-2 dark:border-bluegray-600 "
" border-2 dark:border-slate-600 "
header1 : String
@ -352,7 +352,7 @@ header3 =
formHeader : String
formHeader =
header3 ++ " text-xl mb-4 font-medium tracking-wide border-b dark:border-bluegray-300 border-gray-800"
header3 ++ " text-xl mb-4 font-medium tracking-wide border-b dark:border-slate-300 border-gray-800"
editLinkTableCellStyle : String
@ -362,22 +362,22 @@ editLinkTableCellStyle =
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 md:px-8 py-2 "
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-90 dark:bg-slate-900 dark:bg-opacity-90 z-50 flex flex-col items-center justify-center px-4 md:px-8 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 "
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-60 dark:bg-slate-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 "
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-60 dark:bg-sky-900 dark:bg-opacity-60 z-30 flex flex-col items-center justify-center px-4 py-2 "
dimmerRow : String
dimmerRow =
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-50 dark:bg-lightblue-900 dark:bg-opacity-50 z-30 flex flex-row items-center px-1 py-2 "
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-50 dark:bg-sky-900 dark:bg-opacity-50 z-30 flex flex-row items-center px-1 py-2 "
tableMain : String
@ -387,9 +387,9 @@ tableMain =
tableRow : String
tableRow =
"border-t dark:border-bluegray-600"
"border-t dark:border-slate-600"
qrCode : String
qrCode =
"max-w-min dark:bg-bluegray-400 bg-gray-50 mx-auto md:mx-0"
"max-w-min dark:bg-slate-400 bg-gray-50 mx-auto md:mx-0"

99
modules/webapp/src/main/styles/custom-components.css Normal file
View File

@ -0,0 +1,99 @@
@layer components {
.label {
@apply flex flex-row items-center px-2 py-0.5 rounded border ;
}
.ds-item-card.current {
@apply shadow-lg dark:border-sky-600;
}
.ds-item-row.current {
@apply bg-gray-200 bg-opacity-50 dark:bg-sky-600 dark:bg-opacity-10;
}
.elm-datepicker--input {
@apply pl-10 rounded w-full placeholder-gray-400 dark:text-slate-200 dark:border-slate-500;
}
#sidebar .elm-datepicker--input {
@apply dark:bg-slate-700 border-gray-500 bg-blue-50;
}
#content .elm-datepicker--input {
@apply dark:bg-slate-800 border-gray-400;
}
#item-card-list .elm-datepicker--input {
@apply dark:bg-slate-800 border-gray-400;
}
.elm-datepicker--container {
@apply w-full;
}
.elm-datepicker--picker {
@apply absolute top-11 z-50 bg-white dark:bg-slate-800 w-full flex flex-col border border-gray-300 dark:border-slate-500 shadow-lg;
}
.elm-datepicker--picker-header {
@apply flex flex-row items-center py-2 bg-blue-50 dark:bg-slate-700;
}
.elm-datepicker--prev-container {
@apply flex-none px-2;
}
.elm-datepicker--prev {
@apply fa fa-chevron-left inline-flex block px-2 py-2 focus:outline-none hover:opacity-75;
}
.elm-datepicker--month-container {
@apply flex-grow px-2 flex flex-col space-y-1 items-center;
}
.elm-datepicker--next-container {
@apply px-2;
}
.elm-datepicker--next {
@apply fa fa-chevron-right inline-flex block px-2 py-2 focus:outline-none hover:opacity-75;
}
.elm-datepicker--year-menu {
@apply dark:text-slate-200 dark:bg-slate-600 dark:border-slate-400 rounded text-sm py-1 focus:ring focus:ring-black focus:ring-opacity-50 focus:ring-offset-0 dark:focus:ring-slate-400;
}
.elm-datepicker--table {
@apply border-collapse w-full text-lg;
}
.elm-datepicker--weekdays {
@apply font-semibold text-sm border-0 border-b dark:border-slate-500;
}
.elm-datepicker--year {
@apply h-8;
}
.elm-datepicker--dow {
@apply px-1 py-1 text-center;
}
.elm-datepicker--day {
@apply cursor-pointer text-center hover:underline;
}
.elm-datepicker--day.elm-datepicker--other-month {
@apply opacity-50;
}
.elm-datepicker--day.elm-datepicker--today {
@apply border-2 rounded-full border-blue-500 dark:border-sky-500 h-5/6 w-5/6 flex items-center justify-center ;
}
.markdown-preview h3,h4,h5,h6 {
@apply text-lg font-semibold mb-2;
}
.markdown-preview h2 {
@apply text-xl font-semibold mb-2;
}
.markdown-preview h1 {
@apply text-2xl font-semibold mb-2;
}
.markdown-preview ul {
@apply list-disc py-2 ml-4;
}
.markdown-preview ol {
@apply list-decimal py-2 ml-4;
}
.markdown-preview p {
@apply py-2;
}
.markdown-preview a {
@apply text-blue-400 hover:text-blue-500 dark:text-sky-200 dark:hover:text-sky-100 cursor-pointer;
}
}

86
modules/webapp/src/main/styles/custom-utilities.css Normal file
View File

@ -0,0 +1,86 @@
@layer utilities {
.disabled {
@apply opacity-50 cursor-not-allowed;
}
.h-screen-10 {
height: calc(100vh - 2.5rem);
}
.h-screen-11 {
height: calc(100vh - 2.75rem);
}
.h-screen-12 {
height: calc(100vh - 3rem);
}
.h-full-10 {
height: calc(100% - 2.5rem);
}
.h-full-11 {
height: calc(100% - 2.75rem);
}
.h-full-12 {
height: calc(100% - 3rem);
}
.z-35 {
z-index: 35;
}
@variants responsive {
.min-h-7 {
min-height: 1.75rem;
}
}
.scrollbar-none {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/* Chrome, Safari and Opera */
.scrollbar-none::-webkit-scrollbar {
display: none;
}
.scrollbar-thin {
scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
width: 8px;
}
@variants dark {
.scrollbar-dark-sidebar {
scrollbar-color: rgba(15,23,42,0.9) rgba(15,23,42,0.3);
}
.scrollbar-light-sidebar {
scrollbar-color: rgba(219, 234, 254, 1.0) rgba(219, 234, 254,0.3);
}
.scrollbar-main {
scrollbar-color: rgba(156, 163, 175,0.9) rgba(156, 163, 175,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar {
background-color: rgba(15,23,42,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar-thumb {
background: rgba(15,23,42,0.9);
}
.scrollbar-light-sidebar::-webkit-scrollbar {
background-color: rgba(219, 234, 254, 0.3);
}
.scrollbar-light-sidebar::-webkit-scrollbar-thumb {
background: rgba(219, 234, 254, 1.0);
}
.scrollbar-main::-webkit-scrollbar {
background-color: rgba(156, 163, 175, 0.3);
}
.scrollbar-main::-webkit-scrollbar-thumb {
background: rgba(156, 163, 175, 0.9);
}
}
.ds-card-search-hl strong {
@apply bg-lime-200 dark:bg-sky-700 italic font-bold px-1 bg-opacity-60 dark:bg-opacity-60;
}
}

197
modules/webapp/src/main/styles/index.css
View File

@ -1,196 +1,9 @@
@import "@fortawesome/fontawesome-free/css/all";
@import "flag-icon-css/css/flag-icon.min";
/* all @import must be above this line */
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.label {
@apply flex flex-row items-center px-2 py-0.5 rounded border ;
}
.ds-item-card.current {
@apply shadow-lg dark:border-lightblue-600;
}
.ds-item-row.current {
@apply bg-gray-200 bg-opacity-50 dark:bg-lightblue-600 dark:bg-opacity-10;
}
.elm-datepicker--input {
@apply pl-10 rounded w-full placeholder-gray-400 dark:text-bluegray-200 dark:border-bluegray-500;
}
#sidebar .elm-datepicker--input {
@apply dark:bg-bluegray-700 border-gray-500 bg-blue-50;
}
#content .elm-datepicker--input {
@apply dark:bg-bluegray-800 border-gray-400;
}
#item-card-list .elm-datepicker--input {
@apply dark:bg-bluegray-800 border-gray-400;
}
.elm-datepicker--container {
@apply w-full;
}
.elm-datepicker--picker {
@apply absolute top-11 z-50 bg-white dark:bg-bluegray-800 w-full flex flex-col border border-gray-300 dark:border-bluegray-500 shadow-lg;
}
.elm-datepicker--picker-header {
@apply flex flex-row items-center py-2 bg-blue-50 dark:bg-bluegray-700;
}
.elm-datepicker--prev-container {
@apply flex-none px-2;
}
.elm-datepicker--prev {
@apply fa fa-chevron-left inline-flex block px-2 py-2 focus:outline-none hover:opacity-75;
}
.elm-datepicker--month-container {
@apply flex-grow px-2 flex flex-col space-y-1 items-center;
}
.elm-datepicker--next-container {
@apply px-2;
}
.elm-datepicker--next {
@apply fa fa-chevron-right inline-flex block px-2 py-2 focus:outline-none hover:opacity-75;
}
.elm-datepicker--year-menu {
@apply dark:text-bluegray-200 dark:bg-bluegray-600 dark:border-bluegray-400 rounded text-sm py-1 focus:ring focus:ring-black focus:ring-opacity-50 focus:ring-offset-0 dark:focus:ring-bluegray-400;
}
.elm-datepicker--table {
@apply border-collapse w-full text-lg;
}
.elm-datepicker--weekdays {
@apply font-semibold text-sm border-0 border-b dark:border-bluegray-500;
}
.elm-datepicker--year {
@apply h-8;
}
.elm-datepicker--dow {
@apply px-1 py-1 text-center;
}
.elm-datepicker--day {
@apply cursor-pointer text-center hover:underline;
}
.elm-datepicker--day.elm-datepicker--other-month {
@apply opacity-50;
}
.elm-datepicker--day.elm-datepicker--today {
@apply border-2 rounded-full border-blue-500 dark:border-lightblue-500 h-5/6 w-5/6 flex items-center justify-center ;
}
.markdown-preview h3,h4,h5,h6 {
@apply text-lg font-semibold mb-2;
}
.markdown-preview h2 {
@apply text-xl font-semibold mb-2;
}
.markdown-preview h1 {
@apply text-2xl font-semibold mb-2;
}
.markdown-preview ul {
@apply list-disc py-2 ml-4;
}
.markdown-preview ol {
@apply list-decimal py-2 ml-4;
}
.markdown-preview p {
@apply py-2;
}
.markdown-preview a {
@apply text-blue-400 hover:text-blue-500 dark:text-lightblue-200 dark:hover:text-lightblue-100 cursor-pointer;
}
}
@layer utilities {
.disabled {
@apply opacity-50 cursor-not-allowed;
}
.h-screen-10 {
height: calc(100vh - 2.5rem);
}
.h-screen-11 {
height: calc(100vh - 2.75rem);
}
.h-screen-12 {
height: calc(100vh - 3rem);
}
.h-full-10 {
height: calc(100% - 2.5rem);
}
.h-full-11 {
height: calc(100% - 2.75rem);
}
.h-full-12 {
height: calc(100% - 3rem);
}
.z-35 {
z-index: 35;
}
@variants responsive {
.min-h-7 {
min-height: 1.75rem;
}
}
.scrollbar-none {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/* Chrome, Safari and Opera */
.scrollbar-none::-webkit-scrollbar {
display: none;
}
.scrollbar-thin {
scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
width: 8px;
}
@variants dark {
.scrollbar-dark-sidebar {
scrollbar-color: rgba(15,23,42,0.9) rgba(15,23,42,0.3);
}
.scrollbar-light-sidebar {
scrollbar-color: rgba(219, 234, 254, 1.0) rgba(219, 234, 254,0.3);
}
.scrollbar-main {
scrollbar-color: rgba(156, 163, 175,0.9) rgba(156, 163, 175,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar {
background-color: rgba(15,23,42,0.3);
}
.scrollbar-dark-sidebar::-webkit-scrollbar-thumb {
background: rgba(15,23,42,0.9);
}
.scrollbar-light-sidebar::-webkit-scrollbar {
background-color: rgba(219, 234, 254, 0.3);
}
.scrollbar-light-sidebar::-webkit-scrollbar-thumb {
background: rgba(219, 234, 254, 1.0);
}
.scrollbar-main::-webkit-scrollbar {
background-color: rgba(156, 163, 175, 0.3);
}
.scrollbar-main::-webkit-scrollbar-thumb {
background: rgba(156, 163, 175, 0.9);
}
}
.ds-card-search-hl strong {
@apply bg-lime-200 dark:bg-lightblue-700 italic font-bold px-1 bg-opacity-60 dark:bg-opacity-60;
}
}
@import "./custom-components.css";
@import "./custom-utilities.css";

4
modules/webapp/src/main/webjar/docspell.js
View File

@ -31,10 +31,10 @@ elmApp.ports.internalSetUiTheme.subscribe(function(themeName) {
var bodyClasses = body[0].classList;
// seems that body attributes cannot be set from inside Elm.
if (themeName && themeName.toLowerCase() === 'dark') {
bodyClasses.add("bg-bluegray-800");
bodyClasses.add("bg-slate-800");
bodyClasses.add("dark");
} else {
bodyClasses.remove("bg-bluegray-800");
bodyClasses.remove("bg-slate-800");
bodyClasses.remove("dark");
}
}