starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

RadzenText in a sidebar is invisible in light mode #1753

New Issue
Closed
opened 2026-01-29 17:58:06 +00:00 by claunia · 1 comment
claunia commented 2026-01-29 17:58:06 +00:00
Owner
Copy Link

Originally created by @benghaner on GitHub (May 5, 2025).

Describe the bug
Certain uses of RadzenText renders invisible text inside a RadzenSidebar when in light mode.

To Reproduce
Steps to reproduce the behavior:

  1. Go to the Right and Left Sidebar demo
  2. Click on the Settings gear at the top right and change the theme to Standard
  3. Scroll to the Right and Left Sidebar demo
  4. Click on Edit Source
  5. Go to the code for the right RadzenSidebar
  6. Replace the contents with the following: <RadzenText TagName="TagName.H2" TextStyle="TextStyle.H5">Hello World</RadzenText>
  7. Click Run
  8. See that the text is invisible
  9. Change the theme to Standard Dark and the text renders correctly

Expected behavior
The text should be visible for both themes.

Screenshots
Image

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Chrome
  • Version 134.0.6998.178 (Official Build) (64-bit)
Originally created by @benghaner on GitHub (May 5, 2025). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** Certain uses of `RadzenText` renders invisible text inside a `RadzenSidebar` when in light mode. **To Reproduce** Steps to reproduce the behavior: 1. Go to the [Right and Left Sidebar](https://blazor.radzen.com/layout#right-left-sidebar) demo 2. Click on the Settings gear at the top right and change the theme to Standard 3. Scroll to the Right and Left Sidebar demo 4. Click on Edit Source 5. Go to the code for the right `RadzenSidebar` 6. Replace the contents with the following: `<RadzenText TagName="TagName.H2" TextStyle="TextStyle.H5">Hello World</RadzenText>` 7. Click Run 8. See that the text is invisible 9. Change the theme to Standard Dark and the text renders correctly **Expected behavior** The text should be visible for both themes. **Screenshots** ![Image](https://github.com/user-attachments/assets/d0833373-b2bc-44a7-ab55-63dc084ae72a) **Desktop (please complete the following information):** - OS: Windows 11 - Browser: Chrome - Version 134.0.6998.178 (Official Build) (64-bit)
claunia commented 2026-01-29 17:58:07 +00:00
Author
Owner
Copy Link

@yordanov commented on GitHub (May 5, 2025):

Hi @benghaner,

Such scenario is supported via the available utility CSS classes:

<div class="rz-background-color-base-darker">
    <RadzenText class="rz-color-on-base-darker" Text="Hello World" />
</div>

Or, use the respective CSS variable to make sure the color changes with the theme in light or dark mode:

<RadzenText Style="color: var(--rz-sidebar-color);" Text="Hello World" />
@yordanov commented on GitHub (May 5, 2025): Hi @benghaner, Such scenario is supported via the available [utility CSS classes](https://blazor.radzen.com/colors#theme-colors): ```html <div class="rz-background-color-base-darker"> <RadzenText class="rz-color-on-base-darker" Text="Hello World" /> </div> ``` Or, use the respective CSS variable to make sure the color changes with the theme in light or dark mode: ```html <RadzenText Style="color: var(--rz-sidebar-color);" Text="Hello World" /> ```
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1753
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?