Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 10:38:13 -05:00
Code Issues Activity

🐛 Fix selected text not being visible

Browse source
This commit is contained in:
Belén Albeza 2024-01-31 15:31:23 +01:00 • committed by Alonso Torres
parent 41d6261ef3
commit f7ad3e37a4
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/styles/common/refactor/basic-rules.scss
View file

@ -29,7 +29,8 @@
} }
::selection { ::selection {
background-color: var(--color-accent-primary-muted); background: var(--text-editor-selection-background-color);
color: var(--text-editor-selection-foreground-color);
} }
} }

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

@ -27,6 +27,7 @@
--da-secondary: #bb97d8; --da-secondary: #bb97d8;
--da-tertiary: #00d1b8; --da-tertiary: #00d1b8;
--da-tertiary-10: #{color.change(#00d1b8, $alpha: 0.1)}; --da-tertiary-10: #{color.change(#00d1b8, $alpha: 0.1)};
--da-tertiary-70: #{color.change(#00d1b8, $alpha: 0.7)};
--da-quaternary: #ff6fe0; --da-quaternary: #ff6fe0;
// LIGHT // LIGHT
@ -50,6 +51,7 @@
--la-secondary: #1345aa; --la-secondary: #1345aa;
--la-tertiary: #8c33eb; --la-tertiary: #8c33eb;
--la-tertiary-10: #{color.change(#8c33eb, $alpha: 0.1)}; --la-tertiary-10: #{color.change(#8c33eb, $alpha: 0.1)};
--la-tertiary-70: #{color.change(#8c33eb, $alpha: 0.7)};
--la-quaternary: #ff6fe0; --la-quaternary: #ff6fe0;
// STATUS COLOR // STATUS COLOR

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

@ -357,6 +357,10 @@
--viewer-thumbnails-control-foreground-color: var(--color-foreground-secondary); --viewer-thumbnails-control-foreground-color: var(--color-foreground-secondary);
--viewer-thumbnail-border-color: var(--color-accent-primary); --viewer-thumbnail-border-color: var(--color-accent-primary);
--viewer-thumbnail-background-color-selected: var(--color-accent-primary-muted); --viewer-thumbnail-background-color-selected: var(--color-accent-primary-muted);
// TEXT SELECTION
--text-editor-selection-background-color: var(--da-tertiary-70);
--text-editor-selection-foreground-color: var(--app-white);
} }
#app { #app {
@ -383,4 +387,6 @@
--assets-item-name-background-color: var(--color-background-primary); --assets-item-name-background-color: var(--color-background-primary);
--assets-item-name-foreground-color: var(--color-foreground-primary); --assets-item-name-foreground-color: var(--color-foreground-primary);
--text-editor-selection-background-color: var(--la-tertiary-70);
} }