[tree-select] [dropdown] Adjust colors

day8 · Jul 9, 2024 · 5222153 · 5222153
1 parent d0969f6
commit 5222153
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/re_com/theme/default.cljs b/src/re_com/theme/default.cljs
@@ -173,7 +173,7 @@
                     :border-radius    "4px"
                     :box-shadow       (cond-> "0 1px 1px rgba(0, 0, 0, .075) inset"
                                         open? (str ", 0 0 8px rgba(82, 168, 236, .6)"))
-                    :color            (:neutral $)
+                    :color            (:foreground $)
                     :height           "34px"
                     :line-height      "34px"
                     :padding          "0 8px 0 8px"
@@ -277,7 +277,7 @@
          ::tree-select/dropdown-indicator-triangle
          {:align :center
           :style {:gap "5px"
-                  :color (:neutral $)}}
+                  :color (:foreground $)}}
 
          ::tree-select/dropdown-counter
          {:style {#_#_:margin-left  "5px"

diff --git a/src/re_com/util.cljs b/src/re_com/util.cljs
@@ -260,7 +260,7 @@
     (fn [& {:as props}]
       [:svg (merge {:on-mouse-enter (partial reset! hover? true)
                     :on-mouse-leave (partial reset! hover? false)
-                    :width "9px" :height "9px" :viewBox "0 0 9 9" :xmlns "http://www.w3.org/2000/svg" :stroke (if @hover? "black" "currentColor")}
+                    :width "9px" :height "9px" :viewBox "0 0 9 9" :xmlns "http://www.w3.org/2000/svg" :stroke (if @hover? "#767a7c" "currentColor")}
                    props)
        [:line {:x1 "1" :y1 "1" :x2 "9" :y2 "9"  :stroke-width "2"}]
        [:line {:x1 "1" :y1 "9" :x2 "9" :y2 "1"  :stroke-width "2"}]])))