github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-13 23:48:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Set low-emphasis color for both light/dark modes (#7884)

Browse Source
This commit is contained in:
Xaviju 2025-12-04 11:04:07 +01:00 committed by GitHub
parent c2b4c9907d
commit 75a2331edf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/app/main/ui/inspect/styles/style_box.scss
View File

@ -6,6 +6,15 @@
@use "ds/typography.scss" as *; @use "ds/typography.scss" as *;
// TODO: this must be a custom property in the design system
:global(.light) {
--low-emphasis-background: #fafafa;
}
:global(.default) {
--low-emphasis-background: #121214;
}
.style-box { .style-box {
--title-gap: var(--sp-xs); --title-gap: var(--sp-xs);
--title-padding: var(--sp-s); --title-padding: var(--sp-s);
@ -13,12 +22,9 @@
--arrow-color: var(--color-foreground-secondary); --arrow-color: var(--color-foreground-secondary);
--box-border-color: var(--color-background-primary); --box-border-color: var(--color-background-primary);
// TODO: this must be a custom property in the design system
--lowEmphasis-background: #121214;
padding-block: var(--sp-s); padding-block: var(--sp-s);
padding-inline: var(--sp-m); padding-inline: var(--sp-m);
background-color: var(--lowEmphasis-background); background-color: var(--low-emphasis-background);
border-block-end: 2px solid var(--box-border-color); border-block-end: 2px solid var(--box-border-color);
} }