Skip to content

Commit f2ccb75

Browse files
committed
fix: Fixed dark mode bug.
1 parent fdcecca commit f2ccb75

File tree

3 files changed

+7
-6
lines changed

3 files changed

+7
-6
lines changed

packages/module/src/LogViewer/LogViewer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -312,7 +312,7 @@ const LogViewerBase: React.FunctionComponent<LogViewerProps> = memo(
312312
hasLineNumbers && styles.modifiers.lineNumbers,
313313
!isTextWrapped && styles.modifiers.nowrap,
314314
initialIndexWidth && styles.modifiers.lineNumberChars,
315-
theme === 'dark' && styles.themeDark
315+
theme === 'dark' && styles.modifiers.dark
316316
)}
317317
{...(initialIndexWidth && {
318318
style: {

packages/module/src/LogViewer/css/log-viewer.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -50,14 +50,14 @@
5050
height: var(--pf-v6-c-log-viewer--Height);
5151
max-height: var(--pf-v6-c-log-viewer--MaxHeight);
5252
}
53-
.pf-v6-c-log-viewer.pf-v6-theme-dark {
53+
.pf-v6-c-log-viewer.pf-m-dark {
5454
--pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
5555
}
56-
.pf-v6-c-log-viewer.pf-v6-theme-dark .pf-v6-c-log-viewer__main {
57-
--pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
56+
html:not(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
57+
--pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
5858
--pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
59-
--pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
60-
--pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
59+
--pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--inverse);
60+
--pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--inverse);
6161
--pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
6262
}
6363
.pf-v6-c-log-viewer.pf-m-wrap-text {

packages/module/src/LogViewer/css/log-viewer.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ export default {
1111
"logViewerText": "pf-v6-c-log-viewer__text",
1212
"logViewerTimestamp": "pf-v6-c-log-viewer__timestamp",
1313
"modifiers": {
14+
"dark": "pf-m-dark",
1415
"wrapText": "pf-m-wrap-text",
1516
"nowrap": "pf-m-nowrap",
1617
"lineNumbers": "pf-m-line-numbers",

0 commit comments

Comments
 (0)