Why doesn't cds-theme="dark" affect @clr/angular or @/clr/ui components? #6182
-
Describe the bugThe theme dark has no effect in Angular project. How to reproduce
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>TanzuMigratorUi</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="/node_modules/@cds/core/styles/theme.dark.min.css" rel="stylesheet">
</head>
<body cds-theme="dark">
<app-root></app-root>
</body></html>Expected behaviorThe dark theme should be applied, but instead, it does not make any effect. VersionsClarity project:
Clarity version:
Framework:
Framework version: Device:
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
We know this would benefit consumers as it would make the core themes standard across To provide value and context for the community I am going to convert this into a discussion and modify your title to be Why doesn't cds-theme="dark" affect |
Beta Was this translation helpful? Give feedback.
Hi @eduardoroliveira.
@cds/coreis a distinct package from@clr/uiand@clr/angular. They do not share any custom properties. We are investigating how we can align the CSS custom properties for colors across all of the packages:@clr/angular, @clr/ui @cds/core. There are two considerations that need to be taken into account:@clr/ui & @clr/angularconsumers.We know this would benefit consumers as …