johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-11 22:14:05 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Use tinycolor to convert hex color

Browse Source
This commit is contained in:
Florian Schroedl
2024-09-18 11:27:30 +02:00
parent e0e7b98ed7
commit b68e7af844
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
View File

@@ -71,9 +71,8 @@
:on-click on-click :on-click on-click
:on-context-menu on-context-menu :on-context-menu on-context-menu
:disabled errors?} :disabled errors?}
(js/console.log "resolved-value" resolved-value) (when-let [color (wtt/resolved-value-hex token)]
(when (wtt/color-token? token) [:& color-bullet {:color color
[:& color-bullet {:color (wtt/resolved-value-hex token)
:mini? true}]) :mini? true}])
name])) name]))

7
frontend/src/app/main/ui/workspace/tokens/token.cljs
View File

@@ -2,7 +2,8 @@
(:require (:require
[app.common.data :as d] [app.common.data :as d]
[clojure.set :as set] [clojure.set :as set]
[cuerdas.core :as str])) [cuerdas.core :as str]
[app.main.ui.workspace.tokens.tinycolor :as tinycolor]))
(defn get-workspace-tokens (defn get-workspace-tokens
[state] [state]
@@ -199,4 +200,6 @@
(defn resolved-value-hex [{:keys [resolved-value] :as token}] (defn resolved-value-hex [{:keys [resolved-value] :as token}]
(when (and resolved-value (color-token? token)) (when (and resolved-value (color-token? token))
(str "#" resolved-value))) (some->> (tinycolor/valid-color resolved-value)
(tinycolor/->hex)
(str "#"))))