1 files changed, 36 insertions, 0 deletions
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 84e01ed..49f7976 100644
--- a/Omni/Jr/Web/Style.hs
+++ b/Omni/Jr/Web/Style.hs
@@ -24,6 +24,7 @@ stylesheet = do
   baseStyles
   layoutStyles
   navigationStyles
+  breadcrumbStyles
   cardStyles
   listGroupStyles
   statusBadges
@@ -264,6 +265,36 @@ navigationStyles = do
     Stylesheet.key "gap" ("6px" :: Text)
     marginBottom (px 8)
 
+breadcrumbStyles :: Css
+breadcrumbStyles = do
+  ".breadcrumb-container" ? do
+    backgroundColor "#f9fafb"
+    borderBottom (px 1) solid "#e5e7eb"
+    padding (px 6) (px 0) (px 6) (px 0)
+  ".breadcrumb-list" ? do
+    display flex
+    alignItems center
+    flexWrap Flexbox.wrap
+    Stylesheet.key "gap" ("4px" :: Text)
+    margin (px 0) (px 0) (px 0) (px 0)
+    padding (px 0) (px 0) (px 0) (px 0)
+    listStyleType none
+    fontSize (px 12)
+  ".breadcrumb-item" ? do
+    display flex
+    alignItems center
+    Stylesheet.key "gap" ("4px" :: Text)
+  ".breadcrumb-sep" ? do
+    color "#9ca3af"
+    Stylesheet.key "user-select" ("none" :: Text)
+  ".breadcrumb-current" ? do
+    color "#6b7280"
+    fontWeight (weight 500)
+  (".breadcrumb-list" ** a) ? do
+    color "#0066cc"
+    textDecoration none
+  (".breadcrumb-list" ** a) # hover ? textDecoration underline
+
 cardStyles :: Css
 cardStyles = do
   ".card"
@@ -1273,6 +1304,11 @@ darkModeStyles =
     ".nav-brand" ? color "#f3f4f6"
     "h2" <> "h3" ? color "#d1d5db"
     a ? color "#60a5fa"
+    ".breadcrumb-container" ? do
+      backgroundColor "#1f2937"
+      borderBottomColor "#374151"
+    ".breadcrumb-sep" ? color "#6b7280"
+    ".breadcrumb-current" ? color "#9ca3af"
 
     ".detail-label"
       <> ".priority"