github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-07-26 07:58:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix theme-aware illustration in nitrate modal (#10773)

Browse Source
This commit is contained in:
María Valderrama 2026-07-22 14:44:26 +02:00 committed by GitHub
parent 9cb039070f
commit f20e4280fc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/resources/images/assets/nitrate-welcome-light.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

2
frontend/resources/images/assets/nitrate-welcome.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

1
frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs
View File

@ -22,6 +22,7 @@
(def ^:svg-id logo-subscription "logo-subscription") (def ^:svg-id logo-subscription "logo-subscription")
(def ^:svg-id logo-subscription-light "logo-subscription-light") (def ^:svg-id logo-subscription-light "logo-subscription-light")
(def ^:svg-id nitrate-welcome "nitrate-welcome") (def ^:svg-id nitrate-welcome "nitrate-welcome")
(def ^:svg-id nitrate-welcome-light "nitrate-welcome-light")
(def ^:svg-id marketing-arrows "marketing-arrows") (def ^:svg-id marketing-arrows "marketing-arrows")
(def ^:svg-id marketing-exchange "marketing-exchange") (def ^:svg-id marketing-exchange "marketing-exchange")
(def ^:svg-id marketing-file "marketing-file") (def ^:svg-id marketing-file "marketing-file")

1
frontend/src/app/main/ui/icons.cljs
View File

@ -21,6 +21,7 @@
(def ^:icon logo-subscription (icon-xref :logo-subscription)) (def ^:icon logo-subscription (icon-xref :logo-subscription))
(def ^:icon logo-subscription-light (icon-xref :logo-subscription-light)) (def ^:icon logo-subscription-light (icon-xref :logo-subscription-light))
(def ^:icon nitrate-welcome (icon-xref :nitrate-welcome)) (def ^:icon nitrate-welcome (icon-xref :nitrate-welcome))
(def ^:icon nitrate-welcome-light (icon-xref :nitrate-welcome-light))
(def ^:icon brand-openid (icon-xref :brand-openid)) (def ^:icon brand-openid (icon-xref :brand-openid))
(def ^:icon brand-github (icon-xref :brand-github)) (def ^:icon brand-github (icon-xref :brand-github))

6
frontend/src/app/main/ui/nitrate/nitrate_form.cljs
View File

@ -48,8 +48,10 @@
:size "m"}]] :size "m"}]]
[:div {:class (stl/css :modal-success-content)} [:div {:class (stl/css :modal-success-content)}
[:div {:class (stl/css :modal-start)} [:div {:class (stl/css :modal-start)}
;; TODO this svg is a placeholder. Use the proper one when created [:> raw-svg* {:id "nitrate-welcome-light"
[:> raw-svg* {:id "nitrate-welcome"}]] :class (stl/css :welcome-illustration-light)}]
[:> raw-svg* {:id "nitrate-welcome"
:class (stl/css :welcome-illustration-dark)}]]
[:div {:class (stl/css :modal-end)} [:div {:class (stl/css :modal-end)}
[:div {:class (stl/css :modal-title)} [:div {:class (stl/css :modal-title)}

16
frontend/src/app/main/ui/nitrate/nitrate_form.scss
View File

@ -101,6 +101,22 @@
block-size: auto; block-size: auto;
} }
.welcome-illustration-light {
display: none;
:global(.light) & {
display: block;
}
}
.welcome-illustration-dark {
display: block;
:global(.light) & {
display: none;
}
}
.radio-btns { .radio-btns {
display: flex; display: flex;
flex-direction: column; flex-direction: column;