imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upgrade to compound-design-tokens v2 (#28471)

Browse source 
* Upgrade to compound-design-tokens v2

Switch out color/text/placeholder for color/text/secondary

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Upgrade compound to fix Search component placeholder colour

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2024-11-15 11:46:48 +00:00 • committed by GitHub
parent e7cd322559
commit 774b767b80
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/views/emojipicker/_EmojiPicker.pcss
View file

@ -111,7 +111,7 @@ Please see LICENSE files in the repository root for full details.
border-radius: 4px 0;
&::placeholder {
color: var(--cpd-color-text-placeholder);
color: var(--cpd-color-text-secondary);
}
}

2
res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss
View file

@ -155,7 +155,7 @@ Please see LICENSE files in the repository root for full details.
display: inline-block;
pointer-events: none;
white-space: nowrap;
color: var(--cpd-color-text-placeholder);
color: var(--cpd-color-text-secondary);
}
}

2
res/themes/dark/css/_dark.pcss
View file

@ -136,7 +136,7 @@ $input-border-color: rgba(231, 231, 231, 0.2);
$input-darker-bg-color: #181b21;
$input-darker-fg-color: #61708b;
$input-lighter-bg-color: #f2f5f8;
$input-placeholder: var(--cpd-color-text-placeholder);
$input-placeholder: var(--cpd-color-text-secondary);
/* ******************** */
/* Dialog */

2
res/themes/legacy-dark/css/_legacy-dark.pcss
View file

@ -54,7 +54,7 @@ $input-border-color: #e7e7e7;
$input-darker-bg-color: #181b21;
$input-darker-fg-color: #61708b;
$input-lighter-bg-color: #f2f5f8;
$input-placeholder: var(--cpd-color-text-placeholder);
$input-placeholder: var(--cpd-color-text-secondary);
$resend-button-divider-color: $muted-fg-color;

2
res/themes/legacy-light/css/_legacy-light.pcss
View file

@ -81,7 +81,7 @@ $strong-input-border-color: #c7c7c7;
/* used for UserSettings EditableText */
$input-underline-color: rgba(151, 151, 151, 0.5);
$input-fg-color: rgba(74, 74, 74, 0.9);
$input-placeholder: var(--cpd-color-text-placeholder);
$input-placeholder: var(--cpd-color-text-secondary);
/* scrollbars */
$scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
/* context menus */

2
res/themes/light/css/_light.pcss
View file

@ -184,7 +184,7 @@ $input-darker-fg-color: #9fa9ba;
$input-lighter-bg-color: $secondary-accent-color;
$input-underline-color: rgba(151, 151, 151, 0.5);
$input-fg-color: rgba(74, 74, 74, 0.9);
$input-placeholder: var(--cpd-color-text-placeholder);
$input-placeholder: var(--cpd-color-text-secondary);
/* ******************** */
/* Dialog */