Fix tailwind setup

- 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

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" ]

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 =

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 []

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)

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)
]

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

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)

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

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)
]

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)
]

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

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

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" ] []

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
]

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 ] []
]

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

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)

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

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

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 ++ "%")

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

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

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

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

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
[]

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)
]

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"
}

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)
]