github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-05-03 15:18:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

♻️ Copy shorthands using user selected color space

Browse Source
This commit is contained in:
Xavier Julian 2025-11-13 23:13:15 +01:00
parent 64b892f82d
commit 53eeb76d4c
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/main/ui/inspect/common/colors.cljs
View File

@ -6,6 +6,8 @@
(ns app.main.ui.inspect.common.colors
(:require
[app.common.data.macros :as dm]
[app.common.types.color :as cc]
[app.main.store :as st]
[okulary.core :as l]
[rumext.v2 :as mf]))
@ -25,3 +27,13 @@
(let [library (mf/with-memo [ref-file]
(make-colors-library-ref :files ref-file))]
(mf/deref library)))
(defn color->color-space->css-format
[color opacity color-space]
(case color-space
"hex" color
"rgba" (let [[r g b a] (cc/hex->rgba color opacity)]
(dm/str "rgba(" (cc/format-rgba [r g b a]) ")"))
"hsla" (let [[h s l a] (cc/hex->hsla color opacity)]
(dm/str "hsla(" (cc/format-hsla [h s l a]) ")"))
(:color color)))

1
frontend/src/app/main/ui/inspect/styles/rows/color_properties_row.cljs
View File

@ -14,6 +14,7 @@
[app.main.ui.ds.buttons.button :refer [button*]]
[app.main.ui.ds.tooltip :refer [tooltip*]]
[app.main.ui.formats :as fmt]
[app.main.ui.inspect.common.colors :as isc]
[app.main.ui.inspect.styles.property-detail-copiable :refer [property-detail-copiable*]]
[app.util.color :as uc]
[app.util.i18n :refer [tr]]