3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 05:18:29 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix colors on measurements elements

Browse source
This commit is contained in:
Eva 2024-01-18 18:32:46 +01:00 • committed by Andrey Antukh
parent 3dc45104db
commit 1e1b13196c
28 changed files with 103 additions and 391 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/resources/styles/common/refactor/color-defs.scss
View file

@ -10,8 +10,8 @@
// DARK
--dark-gray-1: #1d1f20;
--dark-gray-2: #000000;
--dark-gray-2-30: rgba(0, 0, 0, 0.3);
--dark-gray-2-80: rgba(0, 0, 0, 0.8);
--dark-gray-2-30: #{color.change(#000000, $alpha: 0.3)};
--dark-gray-2-80: #{color.change(#000000, $alpha: 0.8)};
--dark-gray-3: #292c2d;
--dark-gray-4: #34393b;
--white: #fff;
@ -22,6 +22,7 @@
--lilac: #bb97d8;
--pink: #ff6fe0;
--strong-green: #00d1b8;
--strong-green-10: #{color.change(#00d1b8, $alpha: 0.1)};
// NOTIFICATION
--dark-ok-color: var(--strong-green);
@ -33,8 +34,8 @@
// LIGHT
--light-gray-1: #fff;
--light-gray-2: #e8eaee;
--light-gray-2-30: rgba(232, 234, 238, 0.3);
--light-gray-2-80: rgba(232, 234, 238, 0.8);
--light-gray-2-30: #{color.change(#e8eaee, $alpha: 0.3)};
--light-gray-2-80: #{color.change(#e8eaee, $alpha: 0.8)};
--light-gray-3: #f3f4f6;
--light-gray-4: #eef0f2;
--black: #000;
@ -44,6 +45,7 @@
--purple-30: rgba(105, 17, 212, 0.2);
--blue: #1345aa;
--strong-purple: #8c33eb;
--strong-purple-10: #{color.change(#8c33eb, $alpha: 0.1)};
// NOTIFICATION WILL CHANGE
--light-ok-color: var(--strong-green);

6
frontend/resources/styles/common/refactor/design-tokens.scss
View file

@ -112,7 +112,7 @@
--layer-row-foreground-color: var(--color-foreground-secondary);
--layer-row-foreground-color-hover: var(--color-accent-primary);
--layer-row-foreground-color-selected: var(--color-accent-primary);
--layer-row-foreground-color-drag: var(--color-select);
--layer-row-foreground-color-drag: var(--color-accent-tertiary);
--layer-row-foreground-color-focus: var(--color-foreground-primary);
--layer-row-border-color-focus: var(--color-accent-primary);
--layer-child-row-background-color: var(--color-background-tertiary);
@ -210,13 +210,13 @@
--assets-item-name-foreground-color-disabled: var(--color-foreground-disabled);
--assets-item-border-color: var(--color-accent-primary);
--assets-item-background-color-drag: var(--color-accent-primary-muted);
--assets-item-border-color-drag: var(--color-select);
--assets-item-border-color-drag: var(--color-accent-tertiary);
--assets-component-background-color: var(--white); // We don't want this color to change with palette
--assets-component-background-color-disabled: var(
--off-white
); // We don't want this color to change with palette
--assets-component-border-color: var(--color-background-tertiary);
--assets-component-border-selected: var(--color-select);
--assets-component-border-selected: var(--color-accent-tertiary);
--radio-btns-background-color: var(--color-background-tertiary);
--radio-btn-background-color-selected: var(--color-background-quaternary);

2
frontend/resources/styles/common/refactor/themes/default-theme.scss
View file

@ -21,6 +21,8 @@
--color-accent-primary-muted: var(--green-30);
--color-accent-secondary: var(--lilac);
--color-accent-tertiary: var(--strong-green);
--color-accent-tertiary-muted: var(--strong-green-10);
--color-component-highlight: var(--lilac);
--overlay-color: rgba(0, 0, 0, 0.4);
--ok-color: var(--dark-ok-color);

2
frontend/resources/styles/common/refactor/themes/light-theme.scss
View file

@ -21,6 +21,8 @@
--color-accent-primary-muted: var(--purple-30);
--color-accent-secondary: var(--blue);
--color-accent-tertiary: var(--strong-purple);
--color-accent-tertiary-muted: var(--strong-purple-10);
--color-component-highlight: var(--blue);
--overlay-color: rgba(255, 255, 255, 0.4);
--ok-color: var(--light-ok-color);