@patternfly/patternfly 4.194.4 → 4.196.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/_globals.scss +7 -0
- package/base/_variables.scss +9 -0
- package/base/patternfly-globals.css +4 -0
- package/base/patternfly-variables.css +85 -0
- package/components/AboutModalBox/about-modal-box.css +28 -0
- package/components/AboutModalBox/about-modal-box.scss +7 -0
- package/components/AboutModalBox/themes/dark/about-modal-box.scss +4 -6
- package/components/Accordion/accordion.css +6 -0
- package/components/Accordion/accordion.scss +7 -0
- package/components/Accordion/themes/dark/accordion.scss +3 -1
- package/components/Alert/alert.css +14 -0
- package/components/Alert/alert.scss +7 -0
- package/components/Alert/themes/dark/alert.scss +3 -1
- package/components/AppLauncher/app-launcher.css +12 -0
- package/components/AppLauncher/app-launcher.scss +7 -0
- package/components/AppLauncher/themes/dark/app-launcher.scss +3 -1
- package/components/Badge/badge.css +5 -0
- package/components/Badge/badge.scss +7 -0
- package/components/Badge/themes/dark/badge.scss +3 -1
- package/components/Banner/banner.css +31 -0
- package/components/Banner/banner.scss +7 -0
- package/components/Banner/themes/dark/banner.scss +4 -2
- package/components/Breadcrumb/breadcrumb.css +4 -0
- package/components/Breadcrumb/breadcrumb.scss +7 -0
- package/components/Breadcrumb/themes/dark/breadcrumb.scss +3 -1
- package/components/Button/button.css +38 -0
- package/components/Button/button.scss +7 -0
- package/components/Button/themes/dark/button.scss +3 -1
- package/components/CalendarMonth/calendar-month.css +22 -0
- package/components/CalendarMonth/calendar-month.scss +7 -0
- package/components/CalendarMonth/themes/dark/calendar-month.scss +3 -1
- package/components/Chip/chip.css +6 -0
- package/components/Chip/chip.scss +7 -0
- package/components/Chip/themes/dark/chip.scss +3 -1
- package/components/ClipboardCopy/clipboard-copy.css +11 -0
- package/components/ClipboardCopy/clipboard-copy.scss +7 -0
- package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +3 -1
- package/components/CodeEditor/code-editor.css +4 -0
- package/components/CodeEditor/code-editor.scss +7 -0
- package/components/CodeEditor/themes/dark/code-editor.scss +3 -1
- package/components/ContextSelector/context-selector.css +17 -0
- package/components/ContextSelector/context-selector.scss +7 -0
- package/components/ContextSelector/themes/dark/context-selector.scss +3 -1
- package/components/DataList/data-list.css +7 -0
- package/components/DataList/data-list.scss +7 -0
- package/components/DataList/themes/dark/data-list.scss +3 -1
- package/components/DatePicker/date-picker.css +5 -0
- package/components/DatePicker/date-picker.scss +7 -0
- package/components/DatePicker/themes/dark/date-picker.scss +3 -1
- package/components/Drawer/drawer.css +7 -0
- package/components/Drawer/drawer.scss +7 -0
- package/components/Drawer/themes/dark/drawer.scss +3 -1
- package/components/Dropdown/dropdown.css +22 -0
- package/components/Dropdown/dropdown.scss +7 -0
- package/components/Dropdown/themes/dark/dropdown.scss +3 -1
- package/components/Form/form.css +4 -0
- package/components/Form/form.scss +7 -0
- package/components/Form/themes/dark/form.scss +3 -1
- package/components/FormControl/form-control.css +22 -0
- package/components/FormControl/form-control.scss +7 -0
- package/components/FormControl/themes/dark/form-control.scss +3 -1
- package/components/HelperText/helper-text.css +4 -0
- package/components/HelperText/helper-text.scss +7 -0
- package/components/HelperText/themes/dark/helper-text.scss +3 -1
- package/components/Hint/hint.css +5 -0
- package/components/Hint/hint.scss +7 -0
- package/components/Hint/themes/dark/hint.scss +3 -1
- package/components/InputGroup/input-group.css +22 -0
- package/components/InputGroup/input-group.scss +7 -0
- package/components/InputGroup/themes/dark/input-group.scss +3 -1
- package/components/Label/label.css +71 -2
- package/components/Label/label.scss +37 -2
- package/components/Label/themes/dark/label.scss +3 -1
- package/components/LogViewer/log-viewer.css +28 -0
- package/components/LogViewer/log-viewer.scss +7 -0
- package/components/LogViewer/themes/dark/log-viewer.scss +4 -2
- package/components/Login/login.css +31 -0
- package/components/Login/login.scss +7 -0
- package/components/Login/themes/dark/login.scss +4 -2
- package/components/Masthead/masthead.css +32 -0
- package/components/Masthead/masthead.scss +7 -0
- package/components/Masthead/themes/dark/masthead.scss +4 -2
- package/components/Menu/menu.css +9 -0
- package/components/Menu/menu.scss +7 -0
- package/components/Menu/themes/dark/menu.scss +3 -1
- package/components/MenuToggle/menu-toggle.css +19 -0
- package/components/MenuToggle/menu-toggle.scss +7 -0
- package/components/MenuToggle/themes/dark/menu-toggle.scss +3 -1
- package/components/ModalBox/modal-box.css +4 -0
- package/components/ModalBox/modal-box.scss +7 -0
- package/components/ModalBox/themes/dark/modal-box.scss +3 -1
- package/components/Nav/nav.css +34 -0
- package/components/Nav/nav.scss +7 -0
- package/components/Nav/themes/dark/nav.scss +3 -1
- package/components/NotificationBadge/notification-badge.css +4 -0
- package/components/NotificationBadge/notification-badge.scss +7 -0
- package/components/NotificationBadge/themes/dark/notification-badge.scss +3 -1
- package/components/NotificationDrawer/notification-drawer.css +11 -0
- package/components/NotificationDrawer/notification-drawer.scss +7 -0
- package/components/NotificationDrawer/themes/dark/notification-drawer.scss +3 -1
- package/components/OptionsMenu/options-menu.css +17 -0
- package/components/OptionsMenu/options-menu.scss +7 -0
- package/components/OptionsMenu/themes/dark/options-menu.scss +3 -1
- package/components/Page/page.css +65 -0
- package/components/Page/page.scss +12 -0
- package/components/Page/themes/dark/page.scss +4 -2
- package/components/Pagination/pagination.css +4 -0
- package/components/Pagination/pagination.scss +7 -0
- package/components/Pagination/themes/dark/pagination.scss +3 -1
- package/components/Popover/popover.css +13 -0
- package/components/Popover/popover.scss +7 -0
- package/components/Popover/themes/dark/popover.scss +3 -1
- package/components/Progress/progress.css +6 -0
- package/components/Progress/progress.scss +7 -0
- package/components/Progress/themes/dark/progress.scss +3 -1
- package/components/SearchInput/search-input.css +9 -0
- package/components/SearchInput/search-input.scss +7 -0
- package/components/SearchInput/themes/dark/search-input.scss +3 -1
- package/components/Select/select.css +16 -0
- package/components/Select/select.scss +7 -0
- package/components/Select/themes/dark/select.scss +3 -1
- package/components/SimpleList/simple-list.css +11 -0
- package/components/SimpleList/simple-list.scss +7 -0
- package/components/SimpleList/themes/dark/simple-list.scss +3 -1
- package/components/Skeleton/skeleton.css +6 -0
- package/components/Skeleton/skeleton.scss +7 -0
- package/components/Skeleton/themes/dark/skeleton.scss +3 -1
- package/components/Switch/switch.css +7 -0
- package/components/Switch/switch.scss +7 -0
- package/components/Switch/themes/dark/switch.scss +3 -1
- package/components/Table/table.css +7 -0
- package/components/Table/table.scss +7 -0
- package/components/Table/themes/dark/table.scss +7 -1
- package/components/Tabs/tabs.css +6 -0
- package/components/Tabs/tabs.scss +7 -0
- package/components/Tabs/themes/dark/tabs.scss +3 -1
- package/components/Tile/themes/dark/tile.scss +3 -1
- package/components/Tile/tile.css +7 -0
- package/components/Tile/tile.scss +7 -0
- package/components/ToggleGroup/themes/dark/toggle-group.scss +3 -1
- package/components/ToggleGroup/toggle-group.css +8 -0
- package/components/ToggleGroup/toggle-group.scss +7 -0
- package/components/Tooltip/themes/dark/tooltip.scss +3 -1
- package/components/Tooltip/tooltip.css +13 -0
- package/components/Tooltip/tooltip.scss +7 -0
- package/components/TreeView/themes/dark/tree-view.scss +3 -1
- package/components/TreeView/tree-view.css +5 -0
- package/components/TreeView/tree-view.scss +7 -0
- package/components/Wizard/themes/dark/wizard.scss +4 -2
- package/components/Wizard/wizard.css +34 -0
- package/components/Wizard/wizard.scss +7 -0
- package/docs/components/FormControl/examples/FormControl.md +2 -0
- package/docs/components/Label/examples/Label.md +147 -0
- package/docs/components/Table/examples/Table.md +477 -3
- package/docs/demos/Drawer/examples/Drawer.md +1930 -0
- package/docs/demos/JumpLinks/examples/JumpLinks.md +1946 -0
- package/docs/utilities/Text/examples/Text.md +43 -26
- package/package.json +1 -1
- package/patternfly-addons.css +24 -0
- package/patternfly-base-no-reset.css +93 -4
- package/patternfly-base.css +93 -4
- package/patternfly-no-reset.css +2222 -34
- package/patternfly-theme-dark.css +0 -636
- package/patternfly-theme-dark.scss +1 -7
- package/patternfly.css +2222 -34
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/colors.scss +1 -0
- package/sass-utilities/mixins.scss +7 -0
- package/sass-utilities/scss-variables.scss +1 -0
- package/sass-utilities/themes/dark/_all.scss +4 -0
- package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
- package/utilities/Text/text.css +24 -0
- package/utilities/Text/text.scss +24 -0
- package/patternfly-theme-dark-prefers-color-scheme.css +0 -711
- package/patternfly-theme-dark-prefers-color-scheme.scss +0 -5
- package/themes/dark/_chart-globals.scss +0 -39
- package/themes/dark/_patternfly-theme-dark.scss +0 -119
- package/themes/dark/_variables.scss +0 -94
- package/themes/dark/colors.scss +0 -16
- package/themes/dark/globals.scss +0 -7
- package/themes/dark/mixins.scss +0 -5
- package/themes/dark/placeholders.scss +0 -30
- package/themes/dark/scss-variables.scss +0 -85
package/patternfly.css
CHANGED
|
@@ -171,6 +171,7 @@
|
|
|
171
171
|
--pf-global--palette--light-green-500: #6ca100;
|
|
172
172
|
--pf-global--palette--light-green-600: #486b00;
|
|
173
173
|
--pf-global--palette--light-green-700: #253600;
|
|
174
|
+
--pf-global--palette--orange-50: #fff6ec;
|
|
174
175
|
--pf-global--palette--orange-100: #f4b678;
|
|
175
176
|
--pf-global--palette--orange-200: #ef9234;
|
|
176
177
|
--pf-global--palette--orange-300: #ec7a08;
|
|
@@ -194,6 +195,7 @@
|
|
|
194
195
|
--pf-global--palette--red-500: #2c0000;
|
|
195
196
|
--pf-global--palette--white: #fff;
|
|
196
197
|
--pf-global--BackgroundColor--100: #fff;
|
|
198
|
+
--pf-global--BackgroundColor--150: #fafafa;
|
|
197
199
|
--pf-global--BackgroundColor--200: #f0f0f0;
|
|
198
200
|
--pf-global--BackgroundColor--light-100: #fff;
|
|
199
201
|
--pf-global--BackgroundColor--light-200: #fafafa;
|
|
@@ -369,6 +371,119 @@
|
|
|
369
371
|
--pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
|
|
370
372
|
}
|
|
371
373
|
|
|
374
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
375
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
376
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
377
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
378
|
+
--pf-global--Color--100: #fff;
|
|
379
|
+
--pf-global--Color--200: #aaabac;
|
|
380
|
+
--pf-global--BorderColor--100: #444548;
|
|
381
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
382
|
+
--pf-global--link--Color: #1fa7f8;
|
|
383
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
384
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
385
|
+
}
|
|
386
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
387
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
388
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
389
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
390
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
391
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
392
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
393
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
394
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
395
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
396
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
397
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
398
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
399
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
400
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
401
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
:root:where(.pf-theme-dark) {
|
|
405
|
+
--pf-global--palette--black-50: #e0e0e0;
|
|
406
|
+
--pf-global--palette--black-100: #c6c7c8;
|
|
407
|
+
--pf-global--palette--black-200: #aaabac;
|
|
408
|
+
--pf-global--palette--black-300: #868789;
|
|
409
|
+
--pf-global--palette--black-400: #57585a;
|
|
410
|
+
--pf-global--palette--black-500: #444548;
|
|
411
|
+
--pf-global--palette--black-600: #36373a;
|
|
412
|
+
--pf-global--palette--black-700: #26292d;
|
|
413
|
+
--pf-global--palette--black-800: #1b1d21;
|
|
414
|
+
--pf-global--palette--black-900: #0f1214;
|
|
415
|
+
--pf-global--palette--red-9999: #fe5142;
|
|
416
|
+
--pf-global--palette--red-8888: #fe6a5d;
|
|
417
|
+
--pf-global--palette--blue-300: #1fa7f8;
|
|
418
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
419
|
+
--pf-global--BackgroundColor--150: #212427;
|
|
420
|
+
--pf-global--BackgroundColor--200: #0f1214;
|
|
421
|
+
--pf-global--BackgroundColor--300: #26292d;
|
|
422
|
+
--pf-global--BackgroundColor--400: #36373a;
|
|
423
|
+
--pf-global--BorderColor--100: #444548;
|
|
424
|
+
--pf-global--BorderColor--200: #444548;
|
|
425
|
+
--pf-global--BorderColor--300: #57585a;
|
|
426
|
+
--pf-global--BorderColor--400: #aaabac;
|
|
427
|
+
--pf-global--Color--100: #fff;
|
|
428
|
+
--pf-global--Color--200: #aaabac;
|
|
429
|
+
--pf-global--active-color--100: #1fa7f8;
|
|
430
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
431
|
+
--pf-global--primary-color--300: #06c;
|
|
432
|
+
--pf-global--success-color--100: #5ba352;
|
|
433
|
+
--pf-global--warning-color--100: #f0ab00;
|
|
434
|
+
--pf-global--warning-color--200: #f4c145;
|
|
435
|
+
--pf-global--danger-color--100: #fe5142;
|
|
436
|
+
--pf-global--danger-color--200: #fe6a5d;
|
|
437
|
+
--pf-global--link--Color: #1fa7f8;
|
|
438
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
439
|
+
--pf-global--disabled-color--100: #57585a;
|
|
440
|
+
--pf-global--disabled-color--200: #444548;
|
|
441
|
+
--pf-global--disabled-color--300: #aaabac;
|
|
442
|
+
--pf-global--icon--Color--light: #aaabac;
|
|
443
|
+
--pf-global--icon--Color--dark: #aaabac;
|
|
444
|
+
--pf-global--Color--dark-100: #fff;
|
|
445
|
+
--pf-global--Color--dark-200: #aaabac;
|
|
446
|
+
--pf-global--Color--light-100: #fff;
|
|
447
|
+
--pf-global--Color--light-200: #aaabac;
|
|
448
|
+
--pf-global--Color--light-300: #3c3f42;
|
|
449
|
+
--pf-global--BorderColor--dark-100: #444548;
|
|
450
|
+
--pf-global--BorderColor--light-100: #444548;
|
|
451
|
+
--pf-global--primary-color--light-100: #1fa7f8;
|
|
452
|
+
--pf-global--primary-color--dark-100: #1fa7f8;
|
|
453
|
+
--pf-global--link--Color--light: #1fa7f8;
|
|
454
|
+
--pf-global--link--Color--light--hover: #73bcf7;
|
|
455
|
+
--pf-global--link--Color--dark: #1fa7f8;
|
|
456
|
+
--pf-global--link--Color--dark--hover: #73bcf7;
|
|
457
|
+
--pf-global--BackgroundColor--light-100: #1b1d21;
|
|
458
|
+
--pf-global--BackgroundColor--light-200: #0f1214;
|
|
459
|
+
--pf-global--BackgroundColor--light-300: #26292d;
|
|
460
|
+
--pf-global--BackgroundColor--dark-100: #1b1d21;
|
|
461
|
+
--pf-global--BackgroundColor--dark-200: #0f1214;
|
|
462
|
+
--pf-global--BackgroundColor--dark-300: #26292d;
|
|
463
|
+
--pf-global--BackgroundColor--dark-400: #36373a;
|
|
464
|
+
--pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
|
|
465
|
+
--pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
466
|
+
--pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
467
|
+
--pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
468
|
+
--pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
469
|
+
--pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
|
|
470
|
+
--pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
471
|
+
--pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
472
|
+
--pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
473
|
+
--pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
474
|
+
--pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
|
|
475
|
+
--pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
476
|
+
--pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
477
|
+
--pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
478
|
+
--pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
479
|
+
--pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
|
|
480
|
+
--pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
481
|
+
--pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
482
|
+
--pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
483
|
+
--pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
484
|
+
--pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
|
|
485
|
+
}
|
|
486
|
+
|
|
372
487
|
@font-face {
|
|
373
488
|
font-family: "RedHatDisplay";
|
|
374
489
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
@@ -759,6 +874,10 @@ a {
|
|
|
759
874
|
font-weight: var(--pf-global--FontWeight--semi-bold);
|
|
760
875
|
}
|
|
761
876
|
|
|
877
|
+
:root:where(.pf-theme-dark) {
|
|
878
|
+
color-scheme: dark;
|
|
879
|
+
}
|
|
880
|
+
|
|
762
881
|
.pf-t-dark.pf-m-transparent {
|
|
763
882
|
background-color: transparent;
|
|
764
883
|
}
|
|
@@ -769,10 +888,10 @@ a {
|
|
|
769
888
|
background-color: rgba(3, 3, 3, 0.6);
|
|
770
889
|
}
|
|
771
890
|
.pf-t-dark.pf-m-opaque-100 {
|
|
772
|
-
background-color: #
|
|
891
|
+
background-color: #1b1d21;
|
|
773
892
|
}
|
|
774
893
|
.pf-t-dark.pf-m-opaque-200 {
|
|
775
|
-
background-color: #
|
|
894
|
+
background-color: #0f1214;
|
|
776
895
|
}
|
|
777
896
|
|
|
778
897
|
.pf-t-light.pf-m-transparent {
|
|
@@ -782,10 +901,10 @@ a {
|
|
|
782
901
|
background-color: #fff;
|
|
783
902
|
}
|
|
784
903
|
.pf-t-light.pf-m-opaque-200 {
|
|
785
|
-
background-color: #
|
|
904
|
+
background-color: #c6c7c8;
|
|
786
905
|
}
|
|
787
906
|
.pf-t-light.pf-m-opaque-300 {
|
|
788
|
-
background-color: #
|
|
907
|
+
background-color: #aaabac;
|
|
789
908
|
}
|
|
790
909
|
|
|
791
910
|
* .fa,
|
|
@@ -5720,6 +5839,40 @@ a {
|
|
|
5720
5839
|
}
|
|
5721
5840
|
}
|
|
5722
5841
|
|
|
5842
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
5843
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
5844
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
5845
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
5846
|
+
--pf-global--Color--100: #fff;
|
|
5847
|
+
--pf-global--Color--200: #aaabac;
|
|
5848
|
+
--pf-global--BorderColor--100: #444548;
|
|
5849
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
5850
|
+
--pf-global--link--Color: #1fa7f8;
|
|
5851
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
5852
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
5853
|
+
}
|
|
5854
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
5855
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
5856
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
5857
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
5858
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
5859
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
5860
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
5861
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
5862
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
5863
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
5864
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
5865
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
5866
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
5867
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
5868
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
5869
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
5870
|
+
}
|
|
5871
|
+
|
|
5872
|
+
:where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
5873
|
+
color: var(--pf-global--Color--100);
|
|
5874
|
+
}
|
|
5875
|
+
|
|
5723
5876
|
.pf-c-accordion {
|
|
5724
5877
|
--pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
5725
5878
|
--pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
|
|
@@ -5929,6 +6082,42 @@ a {
|
|
|
5929
6082
|
--pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
|
|
5930
6083
|
}
|
|
5931
6084
|
|
|
6085
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
6086
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
6087
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
6088
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
6089
|
+
--pf-global--Color--100: #fff;
|
|
6090
|
+
--pf-global--Color--200: #aaabac;
|
|
6091
|
+
--pf-global--BorderColor--100: #444548;
|
|
6092
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
6093
|
+
--pf-global--link--Color: #1fa7f8;
|
|
6094
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
6095
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
6096
|
+
}
|
|
6097
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
6098
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
6099
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
6100
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
6101
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
6102
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
6103
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
6104
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
6105
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
6106
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6107
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6108
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6109
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
6110
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
6111
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
6112
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
6113
|
+
}
|
|
6114
|
+
|
|
6115
|
+
:where(.pf-theme-dark) .pf-c-accordion {
|
|
6116
|
+
--pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
6117
|
+
--pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
6118
|
+
--pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
6119
|
+
}
|
|
6120
|
+
|
|
5932
6121
|
.pf-c-action-list {
|
|
5933
6122
|
--pf-c-action-list--m-icon--spacer: 0;
|
|
5934
6123
|
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
@@ -6152,6 +6341,50 @@ a {
|
|
|
6152
6341
|
--pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
|
|
6153
6342
|
}
|
|
6154
6343
|
|
|
6344
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
6345
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
6346
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
6347
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
6348
|
+
--pf-global--Color--100: #fff;
|
|
6349
|
+
--pf-global--Color--200: #aaabac;
|
|
6350
|
+
--pf-global--BorderColor--100: #444548;
|
|
6351
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
6352
|
+
--pf-global--link--Color: #1fa7f8;
|
|
6353
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
6354
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
6355
|
+
}
|
|
6356
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
6357
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
6358
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
6359
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
6360
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
6361
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
6362
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
6363
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
6364
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
6365
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6366
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6367
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6368
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
6369
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
6370
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
6371
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
6372
|
+
}
|
|
6373
|
+
|
|
6374
|
+
:where(.pf-theme-dark) .pf-c-alert {
|
|
6375
|
+
--pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
|
|
6376
|
+
--pf-c-alert__title--Color: var(--pf-global--default-color--200);
|
|
6377
|
+
--pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
|
|
6378
|
+
--pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
|
|
6379
|
+
--pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
|
|
6380
|
+
--pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
|
|
6381
|
+
--pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
|
|
6382
|
+
--pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-600);
|
|
6383
|
+
--pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-600);
|
|
6384
|
+
--pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-600);
|
|
6385
|
+
--pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
|
|
6386
|
+
}
|
|
6387
|
+
|
|
6155
6388
|
.pf-c-alert-group {
|
|
6156
6389
|
--pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
|
|
6157
6390
|
--pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);
|
|
@@ -6420,6 +6653,48 @@ a {
|
|
|
6420
6653
|
color: var(--pf-c-app-launcher__group-title--Color);
|
|
6421
6654
|
}
|
|
6422
6655
|
|
|
6656
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
6657
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
6658
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
6659
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
6660
|
+
--pf-global--Color--100: #fff;
|
|
6661
|
+
--pf-global--Color--200: #aaabac;
|
|
6662
|
+
--pf-global--BorderColor--100: #444548;
|
|
6663
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
6664
|
+
--pf-global--link--Color: #1fa7f8;
|
|
6665
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
6666
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
6667
|
+
}
|
|
6668
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
6669
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
6670
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
6671
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
6672
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
6673
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
6674
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
6675
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
6676
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
6677
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6678
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6679
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
6680
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
6681
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
6682
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
6683
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
6684
|
+
}
|
|
6685
|
+
|
|
6686
|
+
:where(.pf-theme-dark) .pf-c-app-launcher {
|
|
6687
|
+
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
6688
|
+
--pf-c-app-launcher__menu--Top: 100%;
|
|
6689
|
+
--pf-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
6690
|
+
--pf-c-app-launcher__menu-item--disabled--Color: var(--pf-global--palette--black-300);
|
|
6691
|
+
--pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
|
|
6692
|
+
--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
|
|
6693
|
+
--pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
|
|
6694
|
+
--pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
|
|
6695
|
+
--pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
6696
|
+
}
|
|
6697
|
+
|
|
6423
6698
|
.pf-c-avatar {
|
|
6424
6699
|
--pf-c-avatar--BorderColor: transparent;
|
|
6425
6700
|
--pf-c-avatar--BorderWidth: 0;
|
|
@@ -6798,6 +7073,41 @@ a {
|
|
|
6798
7073
|
--pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
|
|
6799
7074
|
}
|
|
6800
7075
|
|
|
7076
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
7077
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
7078
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
7079
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
7080
|
+
--pf-global--Color--100: #fff;
|
|
7081
|
+
--pf-global--Color--200: #aaabac;
|
|
7082
|
+
--pf-global--BorderColor--100: #444548;
|
|
7083
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
7084
|
+
--pf-global--link--Color: #1fa7f8;
|
|
7085
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
7086
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
7087
|
+
}
|
|
7088
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
7089
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
7090
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
7091
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
7092
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
7093
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
7094
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
7095
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
7096
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
7097
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7098
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7099
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7100
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
7101
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
7102
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
7103
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
7104
|
+
}
|
|
7105
|
+
|
|
7106
|
+
:where(.pf-theme-dark) .pf-c-badge {
|
|
7107
|
+
--pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
|
|
7108
|
+
--pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
|
|
7109
|
+
}
|
|
7110
|
+
|
|
6801
7111
|
.pf-c-banner {
|
|
6802
7112
|
--pf-c-banner--PaddingTop: var(--pf-global--spacer--xs);
|
|
6803
7113
|
--pf-c-banner--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -6885,6 +7195,43 @@ a {
|
|
|
6885
7195
|
cursor: not-allowed;
|
|
6886
7196
|
}
|
|
6887
7197
|
|
|
7198
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
7199
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
7200
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
7201
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-about-modal-box {
|
|
7202
|
+
--pf-global--Color--100: #fff;
|
|
7203
|
+
--pf-global--Color--200: #aaabac;
|
|
7204
|
+
--pf-global--BorderColor--100: #444548;
|
|
7205
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
7206
|
+
--pf-global--link--Color: #1fa7f8;
|
|
7207
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
7208
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
7209
|
+
}
|
|
7210
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
7211
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
7212
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
7213
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
|
|
7214
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
7215
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
7216
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
7217
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
7218
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
7219
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7220
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7221
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7222
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
7223
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
7224
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
7225
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
7226
|
+
}
|
|
7227
|
+
|
|
7228
|
+
:where(.pf-theme-dark) .pf-c-banner {
|
|
7229
|
+
color: var(--pf-global--Color--100);
|
|
7230
|
+
}
|
|
7231
|
+
:where(.pf-theme-dark) .pf-c-banner.pf-m-info, :where(.pf-theme-dark) .pf-c-banner.pf-m-danger, :where(.pf-theme-dark) .pf-c-banner.pf-m-success, :where(.pf-theme-dark) .pf-c-banner.pf-m-warning {
|
|
7232
|
+
color: var(--pf-global--palette--black-900);
|
|
7233
|
+
}
|
|
7234
|
+
|
|
6888
7235
|
.pf-c-brand {
|
|
6889
7236
|
--pf-c-brand--Width: auto;
|
|
6890
7237
|
--pf-c-brand--Height: auto;
|
|
@@ -7045,6 +7392,40 @@ button.pf-c-breadcrumb__link {
|
|
|
7045
7392
|
visibility: hidden;
|
|
7046
7393
|
}
|
|
7047
7394
|
|
|
7395
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
7396
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
7397
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
7398
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
7399
|
+
--pf-global--Color--100: #fff;
|
|
7400
|
+
--pf-global--Color--200: #aaabac;
|
|
7401
|
+
--pf-global--BorderColor--100: #444548;
|
|
7402
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
7403
|
+
--pf-global--link--Color: #1fa7f8;
|
|
7404
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
7405
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
7406
|
+
}
|
|
7407
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
7408
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
7409
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
7410
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
7411
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
7412
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
7413
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
7414
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
7415
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
7416
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7417
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7418
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7419
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
7420
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
7421
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
7422
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
7423
|
+
}
|
|
7424
|
+
|
|
7425
|
+
:where(.pf-theme-dark) .pf-c-breadcrumb {
|
|
7426
|
+
--pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100);
|
|
7427
|
+
}
|
|
7428
|
+
|
|
7048
7429
|
.pf-c-button {
|
|
7049
7430
|
--pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
|
|
7050
7431
|
--pf-c-button--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -7523,6 +7904,74 @@ button.pf-c-breadcrumb__link {
|
|
|
7523
7904
|
--pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
7524
7905
|
}
|
|
7525
7906
|
|
|
7907
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
7908
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
7909
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
7910
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
7911
|
+
--pf-global--Color--100: #fff;
|
|
7912
|
+
--pf-global--Color--200: #aaabac;
|
|
7913
|
+
--pf-global--BorderColor--100: #444548;
|
|
7914
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
7915
|
+
--pf-global--link--Color: #1fa7f8;
|
|
7916
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
7917
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
7918
|
+
}
|
|
7919
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
7920
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
7921
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
7922
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
7923
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
7924
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
7925
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
7926
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
7927
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
7928
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7929
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7930
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
7931
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
7932
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
7933
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
7934
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
7935
|
+
}
|
|
7936
|
+
|
|
7937
|
+
:where(.pf-theme-dark) .pf-c-button {
|
|
7938
|
+
--pf-c-button--disabled--Color: var(--pf-global--disabled-color--300);
|
|
7939
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
7940
|
+
--pf-c-button--m-tertiary--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
7941
|
+
--pf-c-button--m-tertiary--Color: var(--pf-global--palette--black-100);
|
|
7942
|
+
--pf-c-button--m-tertiary--hover--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
7943
|
+
--pf-c-button--m-tertiary--hover--Color: var(--pf-global--palette--black-100);
|
|
7944
|
+
--pf-c-button--m-tertiary--focus--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
7945
|
+
--pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
|
|
7946
|
+
--pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
7947
|
+
--pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
|
|
7948
|
+
--pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
|
|
7949
|
+
--pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
|
|
7950
|
+
--pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
|
|
7951
|
+
--pf-c-button--m-danger--Color: var(--pf-global--palette--black-900);
|
|
7952
|
+
--pf-c-button--m-danger--hover--Color: var(--pf-global--palette--black-900);
|
|
7953
|
+
--pf-c-button--m-danger--focus--Color: var(--pf-global--palette--black-900);
|
|
7954
|
+
--pf-c-button--m-danger--active--Color: var(--pf-global--palette--black-900);
|
|
7955
|
+
--pf-c-button--m-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
7956
|
+
--pf-c-button--m-control--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
7957
|
+
--pf-c-button--m-control--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
7958
|
+
--pf-c-button--m-control--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
7959
|
+
--pf-c-button--m-control--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
7960
|
+
--pf-c-button--m-control--after--BorderTopColor: transparent;
|
|
7961
|
+
--pf-c-button--m-control--after--BorderRightColor: transparent;
|
|
7962
|
+
--pf-c-button--m-control--after--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
7963
|
+
--pf-c-button--m-control--after--BorderLeftColor: transparent;
|
|
7964
|
+
--pf-c-button--m-control--hover--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
7965
|
+
--pf-c-button--m-control--active--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
7966
|
+
--pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
7967
|
+
--pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
7968
|
+
--pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
7969
|
+
}
|
|
7970
|
+
:where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
|
|
7971
|
+
border: 0;
|
|
7972
|
+
border-bottom: var(--pf-global--BorderWidth--sm) solid var(--pf-global--palette--black-700);
|
|
7973
|
+
}
|
|
7974
|
+
|
|
7526
7975
|
.pf-c-calendar-month {
|
|
7527
7976
|
--pf-c-calendar-month--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
7528
7977
|
--pf-c-calendar-month--PaddingTop: var(--pf-global--spacer--lg);
|
|
@@ -7713,6 +8162,58 @@ button.pf-c-breadcrumb__link {
|
|
|
7713
8162
|
--pf-c-calendar-month__date--hover--focus--BorderColor: transparent;
|
|
7714
8163
|
}
|
|
7715
8164
|
|
|
8165
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8166
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8167
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
8168
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
8169
|
+
--pf-global--Color--100: #fff;
|
|
8170
|
+
--pf-global--Color--200: #aaabac;
|
|
8171
|
+
--pf-global--BorderColor--100: #444548;
|
|
8172
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
8173
|
+
--pf-global--link--Color: #1fa7f8;
|
|
8174
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
8175
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
8176
|
+
}
|
|
8177
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
8178
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
8179
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
8180
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
8181
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
8182
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
8183
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
8184
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
8185
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
8186
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8187
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8188
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8189
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
8190
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
8191
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
8192
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
8193
|
+
}
|
|
8194
|
+
|
|
8195
|
+
:where(.pf-theme-dark) .pf-c-calendar-month {
|
|
8196
|
+
--pf-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-global--palette--black-500);
|
|
8197
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-global--primary-color--300);
|
|
8198
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-global--palette--black-900);
|
|
8199
|
+
--pf-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-global--palette--blue-400);
|
|
8200
|
+
--pf-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8201
|
+
--pf-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8202
|
+
--pf-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8203
|
+
--pf-c-calendar-month__date--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8204
|
+
--pf-c-calendar-month__date--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8205
|
+
--pf-c-calendar-month__date--focus--after--BorderColor: transparent;
|
|
8206
|
+
}
|
|
8207
|
+
:where(.pf-theme-dark) .pf-c-calendar-month__date:hover, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-hover {
|
|
8208
|
+
--pf-c-calendar-month__date--after--BorderColor: var(--pf-global--BorderColor--100);
|
|
8209
|
+
--pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
8210
|
+
}
|
|
8211
|
+
:where(.pf-theme-dark) .pf-c-calendar-month__date:focus, :where(.pf-theme-dark) .pf-c-calendar-month__date.pf-m-focus {
|
|
8212
|
+
--pf-c-calendar-month__date--after--BorderColor: var(--pf-global--active-color--100);
|
|
8213
|
+
--pf-c-calendar-month__date--after--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
8214
|
+
--pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
|
|
8215
|
+
}
|
|
8216
|
+
|
|
7716
8217
|
.pf-c-card {
|
|
7717
8218
|
--pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
7718
8219
|
--pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
|
|
@@ -8179,6 +8680,42 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8179
8680
|
margin-left: var(--pf-c-chip__icon--MarginLeft);
|
|
8180
8681
|
}
|
|
8181
8682
|
|
|
8683
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8684
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8685
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
8686
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
8687
|
+
--pf-global--Color--100: #fff;
|
|
8688
|
+
--pf-global--Color--200: #aaabac;
|
|
8689
|
+
--pf-global--BorderColor--100: #444548;
|
|
8690
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
8691
|
+
--pf-global--link--Color: #1fa7f8;
|
|
8692
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
8693
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
8694
|
+
}
|
|
8695
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
8696
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
8697
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
8698
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
8699
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
8700
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
8701
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
8702
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
8703
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
8704
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8705
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8706
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8707
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
8708
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
8709
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
8710
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
8711
|
+
}
|
|
8712
|
+
|
|
8713
|
+
:where(.pf-theme-dark) .pf-c-chip {
|
|
8714
|
+
--pf-c-chip--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
8715
|
+
--pf-c-chip--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
8716
|
+
--pf-c-chip--m-draggable--BackgroundColor: var(--pf-global--palette--black-600);
|
|
8717
|
+
}
|
|
8718
|
+
|
|
8182
8719
|
.pf-c-chip-group {
|
|
8183
8720
|
color: var(--pf-global--Color--100);
|
|
8184
8721
|
--pf-c-chip-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
@@ -8341,6 +8878,47 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8341
8878
|
--pf-c-button--PaddingLeft: var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft);
|
|
8342
8879
|
}
|
|
8343
8880
|
|
|
8881
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8882
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8883
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
8884
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
8885
|
+
--pf-global--Color--100: #fff;
|
|
8886
|
+
--pf-global--Color--200: #aaabac;
|
|
8887
|
+
--pf-global--BorderColor--100: #444548;
|
|
8888
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
8889
|
+
--pf-global--link--Color: #1fa7f8;
|
|
8890
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
8891
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
8892
|
+
}
|
|
8893
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
8894
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
8895
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
8896
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
8897
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
8898
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
8899
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
8900
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
8901
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
8902
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8903
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8904
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8905
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
8906
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
8907
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
8908
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
8909
|
+
}
|
|
8910
|
+
|
|
8911
|
+
:where(.pf-theme-dark) .pf-c-clipboard-copy {
|
|
8912
|
+
--pf-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
8913
|
+
}
|
|
8914
|
+
:where(.pf-theme-dark) .pf-c-clipboard-copy__group > * + * {
|
|
8915
|
+
margin-left: 0;
|
|
8916
|
+
border-left: 1px solid var(--pf-global--palette--black-700) !important;
|
|
8917
|
+
}
|
|
8918
|
+
:where(.pf-theme-dark) .pf-c-clipboard-copy__expandable-content {
|
|
8919
|
+
border: 0;
|
|
8920
|
+
}
|
|
8921
|
+
|
|
8344
8922
|
.pf-c-code-block {
|
|
8345
8923
|
--pf-c-code-block--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
8346
8924
|
--pf-c-code-block__header--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -8516,6 +9094,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8516
9094
|
margin-left: var(--pf-c-code-editor__tab-icon--text--MarginLeft);
|
|
8517
9095
|
}
|
|
8518
9096
|
|
|
9097
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
9098
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
9099
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
9100
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
9101
|
+
--pf-global--Color--100: #fff;
|
|
9102
|
+
--pf-global--Color--200: #aaabac;
|
|
9103
|
+
--pf-global--BorderColor--100: #444548;
|
|
9104
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
9105
|
+
--pf-global--link--Color: #1fa7f8;
|
|
9106
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
9107
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
9108
|
+
}
|
|
9109
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
9110
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
9111
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
9112
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
9113
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
9114
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
9115
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
9116
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
9117
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
9118
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
9119
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
9120
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
9121
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
9122
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
9123
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
9124
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
9125
|
+
}
|
|
9126
|
+
|
|
9127
|
+
:where(.pf-theme-dark) .pf-c-code-editor__controls > * + * {
|
|
9128
|
+
border-left: 1px solid var(--pf-global--palette--black-700);
|
|
9129
|
+
}
|
|
9130
|
+
|
|
8519
9131
|
.pf-c-content {
|
|
8520
9132
|
--pf-c-content--MarginBottom: var(--pf-global--spacer--md);
|
|
8521
9133
|
--pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
|
|
@@ -9051,6 +9663,53 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9051
9663
|
pointer-events: none;
|
|
9052
9664
|
}
|
|
9053
9665
|
|
|
9666
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
9667
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
9668
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
9669
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
9670
|
+
--pf-global--Color--100: #fff;
|
|
9671
|
+
--pf-global--Color--200: #aaabac;
|
|
9672
|
+
--pf-global--BorderColor--100: #444548;
|
|
9673
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
9674
|
+
--pf-global--link--Color: #1fa7f8;
|
|
9675
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
9676
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
9677
|
+
}
|
|
9678
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
9679
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
9680
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
9681
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
9682
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
9683
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
9684
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
9685
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
9686
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
9687
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
9688
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
9689
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
9690
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
9691
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
9692
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
9693
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
9694
|
+
}
|
|
9695
|
+
|
|
9696
|
+
:where(.pf-theme-dark) .pf-c-context-selector {
|
|
9697
|
+
--pf-c-context-selector__menu--Top: 100%;
|
|
9698
|
+
--pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
9699
|
+
}
|
|
9700
|
+
:where(.pf-theme-dark) .pf-c-context-selector__toggle {
|
|
9701
|
+
background: var(--pf-global--BackgroundColor--400);
|
|
9702
|
+
}
|
|
9703
|
+
:where(.pf-theme-dark) .pf-c-context-selector__toggle.pf-m-plain {
|
|
9704
|
+
background: transparent;
|
|
9705
|
+
}
|
|
9706
|
+
:where(.pf-theme-dark) .pf-c-context-selector__menu {
|
|
9707
|
+
background: var(--pf-global--BackgroundColor--300);
|
|
9708
|
+
}
|
|
9709
|
+
:where(.pf-theme-dark) .pf-c-context-selector__menu-footer {
|
|
9710
|
+
border-top: 1px solid var(--pf-global--BorderColor--300);
|
|
9711
|
+
}
|
|
9712
|
+
|
|
9054
9713
|
@media screen and (min-width: 768px) {
|
|
9055
9714
|
.pf-c-data-list:not([class*=pf-m-grid]) {
|
|
9056
9715
|
--pf-c-data-list__cell--cell--PaddingTop: var(--pf-c-data-list__cell--cell--md--PaddingTop);
|
|
@@ -9887,6 +10546,43 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9887
10546
|
padding: 0;
|
|
9888
10547
|
}
|
|
9889
10548
|
|
|
10549
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
10550
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
10551
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
10552
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
10553
|
+
--pf-global--Color--100: #fff;
|
|
10554
|
+
--pf-global--Color--200: #aaabac;
|
|
10555
|
+
--pf-global--BorderColor--100: #444548;
|
|
10556
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
10557
|
+
--pf-global--link--Color: #1fa7f8;
|
|
10558
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
10559
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
10560
|
+
}
|
|
10561
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
10562
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
10563
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
10564
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
10565
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
10566
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
10567
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
10568
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
10569
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
10570
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
10571
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
10572
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
10573
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
10574
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
10575
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
10576
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
10577
|
+
}
|
|
10578
|
+
|
|
10579
|
+
:where(.pf-theme-dark) .pf-c-data-list {
|
|
10580
|
+
--pf-c-data-list--BorderTopColor: var(--pf-global--BorderColor--100);
|
|
10581
|
+
--pf-c-data-list--sm--BorderTopColor: var(--pf-global--BorderColor--100);
|
|
10582
|
+
--pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
10583
|
+
--pf-c-data-list__item--sm--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
10584
|
+
}
|
|
10585
|
+
|
|
9890
10586
|
.pf-c-description-list {
|
|
9891
10587
|
--pf-c-description-list--RowGap: var(--pf-global--gutter--md);
|
|
9892
10588
|
--pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
|
|
@@ -11693,13 +12389,48 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
11693
12389
|
transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
|
|
11694
12390
|
}
|
|
11695
12391
|
|
|
11696
|
-
.pf-c-
|
|
11697
|
-
|
|
11698
|
-
|
|
11699
|
-
|
|
11700
|
-
--pf-
|
|
11701
|
-
--pf-
|
|
11702
|
-
--pf-
|
|
12392
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
12393
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
12394
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
12395
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
12396
|
+
--pf-global--Color--100: #fff;
|
|
12397
|
+
--pf-global--Color--200: #aaabac;
|
|
12398
|
+
--pf-global--BorderColor--100: #444548;
|
|
12399
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
12400
|
+
--pf-global--link--Color: #1fa7f8;
|
|
12401
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
12402
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
12403
|
+
}
|
|
12404
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
12405
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
12406
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
12407
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
12408
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
12409
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
12410
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
12411
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
12412
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
12413
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12414
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12415
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
12416
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
12417
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
12418
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
12419
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
12420
|
+
}
|
|
12421
|
+
|
|
12422
|
+
:where(.pf-theme-dark) .pf-c-date-picker {
|
|
12423
|
+
--pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
12424
|
+
--pf-c-date-picker__calendar--Top: 100%;
|
|
12425
|
+
}
|
|
12426
|
+
|
|
12427
|
+
.pf-c-divider {
|
|
12428
|
+
--pf-c-divider--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
12429
|
+
--pf-c-divider--BorderColor--base: var(--pf-c-divider--BackgroundColor);
|
|
12430
|
+
--pf-c-divider--Height: var(--pf-c-divider--BorderWidth--base);
|
|
12431
|
+
--pf-c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
|
|
12432
|
+
--pf-c-divider--after--BackgroundColor: var(--pf-c-divider--BorderColor--base);
|
|
12433
|
+
--pf-c-divider--after--FlexBasis: 100%;
|
|
11703
12434
|
--pf-c-divider--after--Inset: 0%;
|
|
11704
12435
|
--pf-c-divider--m-vertical--after--FlexBasis: 100%;
|
|
11705
12436
|
--pf-c-divider--m-horizontal--Display: flex;
|
|
@@ -12855,6 +13586,44 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12855
13586
|
visibility: hidden;
|
|
12856
13587
|
}
|
|
12857
13588
|
}
|
|
13589
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
13590
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
13591
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
13592
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
13593
|
+
--pf-global--Color--100: #fff;
|
|
13594
|
+
--pf-global--Color--200: #aaabac;
|
|
13595
|
+
--pf-global--BorderColor--100: #444548;
|
|
13596
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
13597
|
+
--pf-global--link--Color: #1fa7f8;
|
|
13598
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
13599
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
13600
|
+
}
|
|
13601
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
13602
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
13603
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
13604
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
13605
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
13606
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
13607
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
13608
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
13609
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
13610
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13611
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13612
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13613
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
13614
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
13615
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
13616
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
13617
|
+
}
|
|
13618
|
+
|
|
13619
|
+
:where(.pf-theme-dark) .pf-c-drawer {
|
|
13620
|
+
--pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
13621
|
+
--pf-c-drawer__splitter--BackgroundColor: transparent;
|
|
13622
|
+
}
|
|
13623
|
+
:where(.pf-theme-dark) .pf-c-drawer.pf-m-inline, :where(.pf-theme-dark) .pf-c-drawer.pf-m-static {
|
|
13624
|
+
--pf-c-drawer__panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
13625
|
+
}
|
|
13626
|
+
|
|
12858
13627
|
.pf-c-dropdown {
|
|
12859
13628
|
--pf-c-dropdown__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
12860
13629
|
--pf-c-dropdown__toggle--PaddingRight: var(--pf-global--spacer--sm);
|
|
@@ -13423,6 +14192,58 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13423
14192
|
color: var(--pf-c-dropdown__group-title--Color);
|
|
13424
14193
|
}
|
|
13425
14194
|
|
|
14195
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
14196
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
14197
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
14198
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
14199
|
+
--pf-global--Color--100: #fff;
|
|
14200
|
+
--pf-global--Color--200: #aaabac;
|
|
14201
|
+
--pf-global--BorderColor--100: #444548;
|
|
14202
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
14203
|
+
--pf-global--link--Color: #1fa7f8;
|
|
14204
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
14205
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
14206
|
+
}
|
|
14207
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
14208
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
14209
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
14210
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
14211
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
14212
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
14213
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
14214
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
14215
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
14216
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
14217
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
14218
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
14219
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
14220
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
14221
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
14222
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
14223
|
+
}
|
|
14224
|
+
|
|
14225
|
+
:where(.pf-theme-dark) .pf-c-dropdown {
|
|
14226
|
+
--pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
14227
|
+
--pf-c-dropdown__toggle--before--BorderTopColor: transparent;
|
|
14228
|
+
--pf-c-dropdown__toggle--before--BorderRightColor: transparent;
|
|
14229
|
+
--pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
14230
|
+
--pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
|
|
14231
|
+
--pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
|
|
14232
|
+
--pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
14233
|
+
--pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
14234
|
+
--pf-c-dropdown__menu--Top: 100%;
|
|
14235
|
+
--pf-c-dropdown--m-top__menu--TranslateY: -100%;
|
|
14236
|
+
--pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
14237
|
+
--pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
|
|
14238
|
+
--pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
14239
|
+
}
|
|
14240
|
+
:where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
|
|
14241
|
+
color: var(--pf-global--palette--black-100);
|
|
14242
|
+
}
|
|
14243
|
+
:where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
|
|
14244
|
+
background: transparent;
|
|
14245
|
+
}
|
|
14246
|
+
|
|
13426
14247
|
.pf-c-empty-state {
|
|
13427
14248
|
--pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
|
|
13428
14249
|
--pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
|
|
@@ -14234,6 +15055,40 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14234
15055
|
margin-bottom: var(--pf-c-form__field-group-body__field-group--last-child--MarginBottom);
|
|
14235
15056
|
}
|
|
14236
15057
|
|
|
15058
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
15059
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
15060
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
15061
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
15062
|
+
--pf-global--Color--100: #fff;
|
|
15063
|
+
--pf-global--Color--200: #aaabac;
|
|
15064
|
+
--pf-global--BorderColor--100: #444548;
|
|
15065
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
15066
|
+
--pf-global--link--Color: #1fa7f8;
|
|
15067
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
15068
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
15069
|
+
}
|
|
15070
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
15071
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
15072
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
15073
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
15074
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
15075
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
15076
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
15077
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
15078
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
15079
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15080
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15081
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15082
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
15083
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
15084
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
15085
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
15086
|
+
}
|
|
15087
|
+
|
|
15088
|
+
:where(.pf-theme-dark) .pf-c-form {
|
|
15089
|
+
--pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
|
|
15090
|
+
}
|
|
15091
|
+
|
|
14237
15092
|
.pf-c-form-control {
|
|
14238
15093
|
--pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
|
|
14239
15094
|
--pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
|
|
@@ -14278,7 +15133,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14278
15133
|
--pf-c-form-control--success--BackgroundSizeX: var(--pf-c-form-control--FontSize);
|
|
14279
15134
|
--pf-c-form-control--success--BackgroundSizeY: var(--pf-c-form-control--FontSize);
|
|
14280
15135
|
--pf-c-form-control--success--BackgroundSize: var(--pf-c-form-control--success--BackgroundSizeX) var(--pf-c-form-control--success--BackgroundSizeY);
|
|
14281
|
-
--pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%
|
|
15136
|
+
--pf-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
|
|
14282
15137
|
--pf-c-form-control--m-warning--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
14283
15138
|
--pf-c-form-control--m-warning--PaddingBottom: calc(var(--pf-global--spacer--form-element) - var(--pf-c-form-control--m-warning--BorderBottomWidth));
|
|
14284
15139
|
--pf-c-form-control--m-warning--BorderBottomColor: var(--pf-global--warning-color--100);
|
|
@@ -14300,13 +15155,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14300
15155
|
--pf-c-form-control--invalid--BackgroundSizeX: var(--pf-c-form-control--FontSize);
|
|
14301
15156
|
--pf-c-form-control--invalid--BackgroundSizeY: var(--pf-c-form-control--FontSize);
|
|
14302
15157
|
--pf-c-form-control--invalid--BackgroundSize: var(--pf-c-form-control--invalid--BackgroundSizeX) var(--pf-c-form-control--invalid--BackgroundSizeY);
|
|
14303
|
-
--pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%
|
|
15158
|
+
--pf-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
|
|
14304
15159
|
--pf-c-form-control--invalid--exclamation--Background: var(--pf-c-form-control--invalid--BackgroundUrl) var(--pf-c-form-control--invalid--BackgroundPosition) / var(--pf-c-form-control--invalid--BackgroundSize) no-repeat;
|
|
14305
15160
|
--pf-c-form-control--invalid--Background: var(--pf-c-form-control--BackgroundColor) var(--pf-c-form-control--invalid--exclamation--Background);
|
|
14306
15161
|
--pf-c-form-control--m-search--PaddingLeft: var(--pf-global--spacer--xl);
|
|
14307
15162
|
--pf-c-form-control--m-search--BackgroundPosition: var(--pf-c-form-control--PaddingRight);
|
|
14308
15163
|
--pf-c-form-control--m-search--BackgroundSize: var(--pf-c-form-control--FontSize) var(--pf-c-form-control--FontSize);
|
|
14309
|
-
--pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%
|
|
15164
|
+
--pf-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
|
|
14310
15165
|
--pf-c-form-control--m-icon--PaddingRight: calc(var(--pf-c-form-control--inset--base) + var(--pf-c-form-control--m-icon--BackgroundSizeX) + var(--pf-c-form-control--m-icon--icon--spacer));
|
|
14311
15166
|
--pf-c-form-control--m-icon--BackgroundUrl: none;
|
|
14312
15167
|
--pf-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-c-form-control--inset--base));
|
|
@@ -14325,8 +15180,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14325
15180
|
--pf-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-c-form-control--m-warning--BackgroundUrl), var(--pf-c-form-control--m-icon--BackgroundUrl);
|
|
14326
15181
|
--pf-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-c-form-control--m-warning--BackgroundPosition), var(--pf-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-c-form-control--m-icon--BackgroundPositionY);
|
|
14327
15182
|
--pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
|
|
14328
|
-
--pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%
|
|
14329
|
-
--pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%
|
|
15183
|
+
--pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
|
|
15184
|
+
--pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
|
|
14330
15185
|
--pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
|
|
14331
15186
|
--pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
|
|
14332
15187
|
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
|
|
@@ -14543,6 +15398,58 @@ textarea.pf-c-form-control {
|
|
|
14543
15398
|
resize: horizontal;
|
|
14544
15399
|
}
|
|
14545
15400
|
|
|
15401
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
15402
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
15403
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
15404
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
15405
|
+
--pf-global--Color--100: #fff;
|
|
15406
|
+
--pf-global--Color--200: #aaabac;
|
|
15407
|
+
--pf-global--BorderColor--100: #444548;
|
|
15408
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
15409
|
+
--pf-global--link--Color: #1fa7f8;
|
|
15410
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
15411
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
15412
|
+
}
|
|
15413
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
15414
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
15415
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
15416
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
15417
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
15418
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
15419
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
15420
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
15421
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
15422
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15423
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15424
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15425
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
15426
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
15427
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
15428
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
15429
|
+
}
|
|
15430
|
+
|
|
15431
|
+
:where(.pf-theme-dark) .pf-c-form-control {
|
|
15432
|
+
--pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
|
|
15433
|
+
--pf-c-form-control--BorderTopColor: transparent;
|
|
15434
|
+
--pf-c-form-control--BorderRightColor: transparent;
|
|
15435
|
+
--pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15436
|
+
--pf-c-form-control--BorderLeftColor: transparent;
|
|
15437
|
+
--pf-c-form-control--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15438
|
+
--pf-c-form-control--disabled--Color: var(--pf-global--disabled-color--300);
|
|
15439
|
+
--pf-c-form-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
15440
|
+
--pf-c-form-control--readonly--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15441
|
+
color: var(--pf-global--Color--100);
|
|
15442
|
+
}
|
|
15443
|
+
:where(.pf-theme-dark) .pf-c-form-control::-webkit-calendar-picker-indicator {
|
|
15444
|
+
filter: invert(1);
|
|
15445
|
+
}
|
|
15446
|
+
:where(.pf-theme-dark) .pf-c-form-control[readonly] {
|
|
15447
|
+
border-bottom-color: var(--pf-global--palette--black-700);
|
|
15448
|
+
}
|
|
15449
|
+
:where(.pf-theme-dark) .pf-c-form-control:disabled {
|
|
15450
|
+
color: var(--pf-global--palette--black-100);
|
|
15451
|
+
}
|
|
15452
|
+
|
|
14546
15453
|
.pf-c-hint {
|
|
14547
15454
|
--pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
|
|
14548
15455
|
--pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
|
|
@@ -14604,6 +15511,41 @@ textarea.pf-c-form-control {
|
|
|
14604
15511
|
margin-right: var(--pf-c-hint__footer--child--MarginRight);
|
|
14605
15512
|
}
|
|
14606
15513
|
|
|
15514
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
15515
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
15516
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
15517
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
15518
|
+
--pf-global--Color--100: #fff;
|
|
15519
|
+
--pf-global--Color--200: #aaabac;
|
|
15520
|
+
--pf-global--BorderColor--100: #444548;
|
|
15521
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
15522
|
+
--pf-global--link--Color: #1fa7f8;
|
|
15523
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
15524
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
15525
|
+
}
|
|
15526
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
15527
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
15528
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
15529
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
15530
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
15531
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
15532
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
15533
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
15534
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
15535
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15536
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15537
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15538
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
15539
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
15540
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
15541
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
15542
|
+
}
|
|
15543
|
+
|
|
15544
|
+
:where(.pf-theme-dark) .pf-c-hint {
|
|
15545
|
+
--pf-c-hint--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
15546
|
+
--pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
|
|
15547
|
+
}
|
|
15548
|
+
|
|
14607
15549
|
.pf-c-helper-text {
|
|
14608
15550
|
--pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
|
|
14609
15551
|
--pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
|
|
@@ -14674,6 +15616,40 @@ textarea.pf-c-form-control {
|
|
|
14674
15616
|
color: var(--pf-c-helper-text__item-text--Color);
|
|
14675
15617
|
}
|
|
14676
15618
|
|
|
15619
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
15620
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
15621
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
15622
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
15623
|
+
--pf-global--Color--100: #fff;
|
|
15624
|
+
--pf-global--Color--200: #aaabac;
|
|
15625
|
+
--pf-global--BorderColor--100: #444548;
|
|
15626
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
15627
|
+
--pf-global--link--Color: #1fa7f8;
|
|
15628
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
15629
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
15630
|
+
}
|
|
15631
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
15632
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
15633
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
15634
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
15635
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
15636
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
15637
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
15638
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
15639
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
15640
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15641
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15642
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15643
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
15644
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
15645
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
15646
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
15647
|
+
}
|
|
15648
|
+
|
|
15649
|
+
:where(.pf-theme-dark) .pf-c-helper-text {
|
|
15650
|
+
--pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
|
|
15651
|
+
}
|
|
15652
|
+
|
|
14677
15653
|
.pf-c-inline-edit {
|
|
14678
15654
|
--pf-c-inline-edit__group--item--MarginRight: var(--pf-global--spacer--sm);
|
|
14679
15655
|
--pf-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-global--link--Color);
|
|
@@ -14829,6 +15805,58 @@ label.pf-c-input-group__text {
|
|
|
14829
15805
|
margin-left: 0;
|
|
14830
15806
|
}
|
|
14831
15807
|
|
|
15808
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
15809
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
15810
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
15811
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
15812
|
+
--pf-global--Color--100: #fff;
|
|
15813
|
+
--pf-global--Color--200: #aaabac;
|
|
15814
|
+
--pf-global--BorderColor--100: #444548;
|
|
15815
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
15816
|
+
--pf-global--link--Color: #1fa7f8;
|
|
15817
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
15818
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
15819
|
+
}
|
|
15820
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
15821
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
15822
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
15823
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
15824
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
15825
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
15826
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
15827
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
15828
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
15829
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15830
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15831
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
15832
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
15833
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
15834
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
15835
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
15836
|
+
}
|
|
15837
|
+
|
|
15838
|
+
:where(.pf-theme-dark) .pf-c-input-group {
|
|
15839
|
+
--pf-c-input-group--BackgroundColor: transparent;
|
|
15840
|
+
--pf-c-input-group__text--BorderTopColor: transparent;
|
|
15841
|
+
--pf-c-input-group__text--BorderRightColor: transparent;
|
|
15842
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15843
|
+
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
15844
|
+
--pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
|
|
15845
|
+
}
|
|
15846
|
+
:where(.pf-theme-dark) .pf-c-input-group > * + * {
|
|
15847
|
+
margin-left: 0;
|
|
15848
|
+
border-left: 1px solid var(--pf-global--palette--black-700);
|
|
15849
|
+
}
|
|
15850
|
+
:where(.pf-theme-dark) .pf-c-input-group__text {
|
|
15851
|
+
--pf-c-input-group__text--BorderTopColor: transparent;
|
|
15852
|
+
--pf-c-input-group__text--BorderRightColor: transparent;
|
|
15853
|
+
--pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
15854
|
+
--pf-c-input-group__text--BorderLeftColor: transparent;
|
|
15855
|
+
}
|
|
15856
|
+
:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
|
|
15857
|
+
--pf-c-input-group__text--BackgroundColor: transparent;
|
|
15858
|
+
}
|
|
15859
|
+
|
|
14832
15860
|
.pf-c-jump-links {
|
|
14833
15861
|
--pf-c-jump-links__list--Display: flex;
|
|
14834
15862
|
--pf-c-jump-links__list--Visibility: visible;
|
|
@@ -15174,9 +16202,9 @@ label.pf-c-input-group__text {
|
|
|
15174
16202
|
--pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
15175
16203
|
--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
15176
16204
|
--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
15177
|
-
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--
|
|
16205
|
+
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--palette--orange-50);
|
|
15178
16206
|
--pf-c-label--m-orange__icon--Color: var(--pf-global--palette--orange-300);
|
|
15179
|
-
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--
|
|
16207
|
+
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-700);
|
|
15180
16208
|
--pf-c-label--m-orange__content--before--BorderColor: var(--pf-global--palette--orange-100);
|
|
15181
16209
|
--pf-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--orange-300);
|
|
15182
16210
|
--pf-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--orange-300);
|
|
@@ -15214,6 +16242,16 @@ label.pf-c-input-group__text {
|
|
|
15214
16242
|
--pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
15215
16243
|
--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
15216
16244
|
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
16245
|
+
--pf-c-label--m-gold--BackgroundColor: var(--pf-global--palette--gold-50);
|
|
16246
|
+
--pf-c-label--m-gold__icon--Color: var(--pf-global--palette--gold-400);
|
|
16247
|
+
--pf-c-label--m-gold__content--Color: var(--pf-global--palette--gold-700);
|
|
16248
|
+
--pf-c-label--m-gold__content--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
16249
|
+
--pf-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-300);
|
|
16250
|
+
--pf-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-300);
|
|
16251
|
+
--pf-c-label--m-outline--m-gold__content--Color: var(--pf-global--palette--gold-600);
|
|
16252
|
+
--pf-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
16253
|
+
--pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
16254
|
+
--pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
15217
16255
|
--pf-c-label--m-overflow__content--Color: var(--pf-global--link--Color);
|
|
15218
16256
|
--pf-c-label--m-overflow__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
15219
16257
|
--pf-c-label--m-overflow__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -15370,6 +16408,21 @@ label.pf-c-input-group__text {
|
|
|
15370
16408
|
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
15371
16409
|
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
|
|
15372
16410
|
}
|
|
16411
|
+
.pf-c-label.pf-m-gold {
|
|
16412
|
+
--pf-c-label--BackgroundColor: var(--pf-c-label--m-gold--BackgroundColor);
|
|
16413
|
+
--pf-c-label__icon--Color: var(--pf-c-label--m-gold__icon--Color);
|
|
16414
|
+
--pf-c-label__content--Color: var(--pf-c-label--m-gold__content--Color);
|
|
16415
|
+
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
|
|
16416
|
+
--pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-gold__content--link--hover--before--BorderColor);
|
|
16417
|
+
--pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-gold__content--link--focus--before--BorderColor);
|
|
16418
|
+
--pf-c-label--m-outline__content--Color: var(--pf-c-label--m-outline--m-gold__content--Color);
|
|
16419
|
+
--pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--before--BorderColor);
|
|
16420
|
+
--pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
|
|
16421
|
+
--pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
|
|
16422
|
+
--pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
|
|
16423
|
+
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
|
|
16424
|
+
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-gold__content--before--BorderColor);
|
|
16425
|
+
}
|
|
15373
16426
|
.pf-c-label.pf-m-outline {
|
|
15374
16427
|
--pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
|
|
15375
16428
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
|
|
@@ -15504,6 +16557,80 @@ button.pf-c-label__content:focus {
|
|
|
15504
16557
|
color: var(--pf-c-label__icon--Color);
|
|
15505
16558
|
}
|
|
15506
16559
|
|
|
16560
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
16561
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
16562
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
16563
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
16564
|
+
--pf-global--Color--100: #fff;
|
|
16565
|
+
--pf-global--Color--200: #aaabac;
|
|
16566
|
+
--pf-global--BorderColor--100: #444548;
|
|
16567
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
16568
|
+
--pf-global--link--Color: #1fa7f8;
|
|
16569
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
16570
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
16571
|
+
}
|
|
16572
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
16573
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
16574
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
16575
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
16576
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
16577
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
16578
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
16579
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
16580
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
16581
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
16582
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
16583
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
16584
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
16585
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
16586
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
16587
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
16588
|
+
}
|
|
16589
|
+
|
|
16590
|
+
:where(.pf-theme-dark) .pf-c-label {
|
|
16591
|
+
--pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16592
|
+
--pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16593
|
+
--pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16594
|
+
--pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16595
|
+
--pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16596
|
+
--pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16597
|
+
--pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
16598
|
+
--pf-c-label__content--before--BorderWidth: 0;
|
|
16599
|
+
--pf-c-label__content--before--BorderColor: transparent;
|
|
16600
|
+
--pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16601
|
+
--pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
16602
|
+
--pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
|
|
16603
|
+
--pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
|
|
16604
|
+
--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
|
|
16605
|
+
--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
|
|
16606
|
+
--pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
|
|
16607
|
+
--pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
|
|
16608
|
+
--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
|
|
16609
|
+
--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
|
|
16610
|
+
--pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
16611
|
+
--pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
|
|
16612
|
+
--pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
16613
|
+
--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
16614
|
+
--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
|
|
16615
|
+
--pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
|
|
16616
|
+
--pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
|
|
16617
|
+
--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
|
|
16618
|
+
--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
|
|
16619
|
+
--pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
16620
|
+
--pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
|
|
16621
|
+
--pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
16622
|
+
--pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
|
|
16623
|
+
--pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
16624
|
+
--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
16625
|
+
--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
|
|
16626
|
+
--pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
|
|
16627
|
+
--pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
16628
|
+
--pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
|
|
16629
|
+
--pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
16630
|
+
--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
16631
|
+
--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
|
|
16632
|
+
}
|
|
16633
|
+
|
|
15507
16634
|
.pf-c-label-group {
|
|
15508
16635
|
--pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
|
|
15509
16636
|
--pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
|
|
@@ -15883,6 +17010,40 @@ ul.pf-c-list {
|
|
|
15883
17010
|
font-weight: var(--pf-c-log-viewer__timestamp--FontWeight);
|
|
15884
17011
|
}
|
|
15885
17012
|
|
|
17013
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
17014
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
17015
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
17016
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
17017
|
+
--pf-global--Color--100: #fff;
|
|
17018
|
+
--pf-global--Color--200: #aaabac;
|
|
17019
|
+
--pf-global--BorderColor--100: #444548;
|
|
17020
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
17021
|
+
--pf-global--link--Color: #1fa7f8;
|
|
17022
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
17023
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
17024
|
+
}
|
|
17025
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
17026
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
17027
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
17028
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
17029
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
17030
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
17031
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
17032
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
17033
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
17034
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17035
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17036
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17037
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
17038
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
17039
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
17040
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
17041
|
+
}
|
|
17042
|
+
|
|
17043
|
+
:where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
|
|
17044
|
+
color: var(--pf-global--Color--100);
|
|
17045
|
+
}
|
|
17046
|
+
|
|
15886
17047
|
.pf-c-login {
|
|
15887
17048
|
--pf-c-login--PaddingTop: var(--pf-global--spacer--lg);
|
|
15888
17049
|
--pf-c-login--PaddingBottom: var(--pf-global--spacer--lg);
|
|
@@ -16150,6 +17311,41 @@ ul.pf-c-list {
|
|
|
16150
17311
|
padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
|
|
16151
17312
|
}
|
|
16152
17313
|
|
|
17314
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
17315
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
17316
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
17317
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
|
|
17318
|
+
--pf-global--Color--100: #fff;
|
|
17319
|
+
--pf-global--Color--200: #aaabac;
|
|
17320
|
+
--pf-global--BorderColor--100: #444548;
|
|
17321
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
17322
|
+
--pf-global--link--Color: #1fa7f8;
|
|
17323
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
17324
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
17325
|
+
}
|
|
17326
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
17327
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
17328
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
17329
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
|
|
17330
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
17331
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
17332
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
17333
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
17334
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
17335
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17336
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17337
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17338
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
17339
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
17340
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
17341
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
17342
|
+
}
|
|
17343
|
+
|
|
17344
|
+
:where(.pf-theme-dark) .pf-c-login__header,
|
|
17345
|
+
:where(.pf-theme-dark) .pf-c-login__footer {
|
|
17346
|
+
color: var(--pf-global--Color--100);
|
|
17347
|
+
}
|
|
17348
|
+
|
|
16153
17349
|
.pf-c-masthead {
|
|
16154
17350
|
--pf-c-masthead--PaddingLeft: var(--pf-c-masthead--inset);
|
|
16155
17351
|
--pf-c-masthead--PaddingRight: var(--pf-c-masthead--inset);
|
|
@@ -16770,6 +17966,44 @@ ul.pf-c-list {
|
|
|
16770
17966
|
}
|
|
16771
17967
|
}
|
|
16772
17968
|
|
|
17969
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
17970
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
17971
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
17972
|
+
:where(.pf-theme-dark) .pf-c-login__footer {
|
|
17973
|
+
--pf-global--Color--100: #fff;
|
|
17974
|
+
--pf-global--Color--200: #aaabac;
|
|
17975
|
+
--pf-global--BorderColor--100: #444548;
|
|
17976
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
17977
|
+
--pf-global--link--Color: #1fa7f8;
|
|
17978
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
17979
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
17980
|
+
}
|
|
17981
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
17982
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
17983
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
17984
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
|
|
17985
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
17986
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
17987
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
17988
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
17989
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
17990
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17991
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17992
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
17993
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
17994
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
17995
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
17996
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
17997
|
+
}
|
|
17998
|
+
|
|
17999
|
+
:where(.pf-theme-dark) .pf-c-masthead {
|
|
18000
|
+
--pf-c-masthead--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
18001
|
+
color: var(--pf-global--Color--100);
|
|
18002
|
+
}
|
|
18003
|
+
:where(.pf-theme-dark) .pf-c-masthead .pf-c-toolbar {
|
|
18004
|
+
--pf-c-toolbar--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
18005
|
+
}
|
|
18006
|
+
|
|
16773
18007
|
.pf-c-menu {
|
|
16774
18008
|
color: var(--pf-global--Color--100);
|
|
16775
18009
|
--pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
@@ -17330,6 +18564,45 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17330
18564
|
border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor);
|
|
17331
18565
|
}
|
|
17332
18566
|
|
|
18567
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
18568
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
18569
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
18570
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
18571
|
+
--pf-global--Color--100: #fff;
|
|
18572
|
+
--pf-global--Color--200: #aaabac;
|
|
18573
|
+
--pf-global--BorderColor--100: #444548;
|
|
18574
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
18575
|
+
--pf-global--link--Color: #1fa7f8;
|
|
18576
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
18577
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
18578
|
+
}
|
|
18579
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
18580
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
18581
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
18582
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
18583
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
18584
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
18585
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
18586
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
18587
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
18588
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
18589
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
18590
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
18591
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
18592
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
18593
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
18594
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
18595
|
+
}
|
|
18596
|
+
|
|
18597
|
+
:where(.pf-theme-dark) .pf-c-menu {
|
|
18598
|
+
--pf-c-menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
18599
|
+
--pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
18600
|
+
--pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
18601
|
+
--pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
|
|
18602
|
+
--pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
18603
|
+
--pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
|
|
18604
|
+
}
|
|
18605
|
+
|
|
17333
18606
|
.pf-c-menu-toggle {
|
|
17334
18607
|
--pf-c-menu-toggle--BorderRadius: 0;
|
|
17335
18608
|
--pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -17724,6 +18997,55 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17724
18997
|
color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
|
|
17725
18998
|
}
|
|
17726
18999
|
|
|
19000
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
19001
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
19002
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
19003
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
19004
|
+
--pf-global--Color--100: #fff;
|
|
19005
|
+
--pf-global--Color--200: #aaabac;
|
|
19006
|
+
--pf-global--BorderColor--100: #444548;
|
|
19007
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
19008
|
+
--pf-global--link--Color: #1fa7f8;
|
|
19009
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
19010
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
19011
|
+
}
|
|
19012
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
19013
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
19014
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
19015
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
19016
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
19017
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
19018
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
19019
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
19020
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
19021
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19022
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19023
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19024
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
19025
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
19026
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
19027
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
19028
|
+
}
|
|
19029
|
+
|
|
19030
|
+
:where(.pf-theme-dark) .pf-c-menu-toggle {
|
|
19031
|
+
--pf-c-menu-toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
19032
|
+
--pf-c-menu-toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
19033
|
+
--pf-c-menu-toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
19034
|
+
--pf-c-menu-toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
19035
|
+
--pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
19036
|
+
--pf-c-menu-toggle--before--BorderTopColor: transparent;
|
|
19037
|
+
--pf-c-menu-toggle--before--BorderRightColor: transparent;
|
|
19038
|
+
--pf-c-menu-toggle--before--BorderBottomColor: transparent;
|
|
19039
|
+
--pf-c-menu-toggle--before--BorderLeftColor: transparent;
|
|
19040
|
+
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
19041
|
+
--pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
|
|
19042
|
+
--pf-c-menu-toggle--disabled--Color: var(--pf-global--palette--black-100);
|
|
19043
|
+
--pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
19044
|
+
}
|
|
19045
|
+
:where(.pf-theme-dark) .pf-c-menu-toggle.pf-m-plain {
|
|
19046
|
+
background: transparent;
|
|
19047
|
+
}
|
|
19048
|
+
|
|
17727
19049
|
.pf-c-modal-box {
|
|
17728
19050
|
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
17729
19051
|
--pf-c-modal-box--BoxShadow: var(--pf-global--BoxShadow--xl);
|
|
@@ -17907,6 +19229,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17907
19229
|
}
|
|
17908
19230
|
}
|
|
17909
19231
|
|
|
19232
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
19233
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
19234
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
19235
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
19236
|
+
--pf-global--Color--100: #fff;
|
|
19237
|
+
--pf-global--Color--200: #aaabac;
|
|
19238
|
+
--pf-global--BorderColor--100: #444548;
|
|
19239
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
19240
|
+
--pf-global--link--Color: #1fa7f8;
|
|
19241
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
19242
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
19243
|
+
}
|
|
19244
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
19245
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
19246
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
19247
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
19248
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
19249
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
19250
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
19251
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
19252
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
19253
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19254
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19255
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
19256
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
19257
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
19258
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
19259
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
19260
|
+
}
|
|
19261
|
+
|
|
19262
|
+
:where(.pf-theme-dark) .pf-c-modal-box {
|
|
19263
|
+
--pf-c-modal-box--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
19264
|
+
}
|
|
19265
|
+
|
|
17910
19266
|
.pf-c-multiple-file-upload {
|
|
17911
19267
|
--pf-c-multiple-file-upload--GridTemplateColumns: 1fr;
|
|
17912
19268
|
--pf-c-multiple-file-upload--Gap: var(--pf-global--spacer--lg);
|
|
@@ -19017,6 +20373,70 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19017
20373
|
left: 0;
|
|
19018
20374
|
}
|
|
19019
20375
|
|
|
20376
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
20377
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
20378
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
20379
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
20380
|
+
--pf-global--Color--100: #fff;
|
|
20381
|
+
--pf-global--Color--200: #aaabac;
|
|
20382
|
+
--pf-global--BorderColor--100: #444548;
|
|
20383
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
20384
|
+
--pf-global--link--Color: #1fa7f8;
|
|
20385
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
20386
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
20387
|
+
}
|
|
20388
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
20389
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
20390
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
20391
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
20392
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
20393
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
20394
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
20395
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
20396
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
20397
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20398
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20399
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20400
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
20401
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
20402
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
20403
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
20404
|
+
}
|
|
20405
|
+
|
|
20406
|
+
:where(.pf-theme-dark) .pf-c-nav {
|
|
20407
|
+
--pf-c-nav__item--item__link--after--Top: -1px;
|
|
20408
|
+
--pf-c-nav__item--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
20409
|
+
--pf-c-nav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20410
|
+
--pf-c-nav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20411
|
+
--pf-c-nav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20412
|
+
--pf-c-nav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20413
|
+
--pf-c-nav__link--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
20414
|
+
--pf-c-nav--m-tertiary__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
20415
|
+
--pf-c-nav__section-title--Color: var(--pf-global--Color--200);
|
|
20416
|
+
--pf-c-nav__section-title--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
20417
|
+
--pf-c-nav__scroll-button--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
20418
|
+
--pf-c-nav--c-divider--BackgroundColor: var(--pf-global--BorderColor--100);
|
|
20419
|
+
--pf-c-nav__link--hover--before--BorderBottomWidth: 0;
|
|
20420
|
+
--pf-c-nav__link--focus--before--BorderBottomWidth: 0;
|
|
20421
|
+
--pf-c-nav__link--active--before--BorderBottomWidth: 0;
|
|
20422
|
+
--pf-c-nav__link--m-current--before--BorderBottomWidth: 0;
|
|
20423
|
+
}
|
|
20424
|
+
:where(.pf-theme-dark) .pf-c-nav__link::before {
|
|
20425
|
+
bottom: 0;
|
|
20426
|
+
}
|
|
20427
|
+
:where(.pf-theme-dark) .pf-c-nav__link::after {
|
|
20428
|
+
top: var(--pf-c-nav__item--item__link--after--Top);
|
|
20429
|
+
}
|
|
20430
|
+
:where(.pf-theme-dark) .pf-c-nav__item + .pf-c-nav__item {
|
|
20431
|
+
--pf-c-nav__link--after--Top: var(--pf-c-nav__item--item__link--after--Top);
|
|
20432
|
+
}
|
|
20433
|
+
:where(.pf-theme-dark) .pf-c-nav__subnav {
|
|
20434
|
+
--pf-c-nav__item--item__link--after--Top: 0;
|
|
20435
|
+
}
|
|
20436
|
+
:where(.pf-theme-dark) .pf-c-nav__section {
|
|
20437
|
+
--pf-c-nav__item--item__link--after--Top: 0;
|
|
20438
|
+
}
|
|
20439
|
+
|
|
19020
20440
|
.pf-c-notification-badge {
|
|
19021
20441
|
--pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
|
|
19022
20442
|
--pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -19107,6 +20527,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19107
20527
|
margin-left: var(--pf-c-notification-badge__count--MarginLeft);
|
|
19108
20528
|
}
|
|
19109
20529
|
|
|
20530
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
20531
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
20532
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
20533
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
20534
|
+
--pf-global--Color--100: #fff;
|
|
20535
|
+
--pf-global--Color--200: #aaabac;
|
|
20536
|
+
--pf-global--BorderColor--100: #444548;
|
|
20537
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
20538
|
+
--pf-global--link--Color: #1fa7f8;
|
|
20539
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
20540
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
20541
|
+
}
|
|
20542
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
20543
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
20544
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
20545
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
20546
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
20547
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
20548
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
20549
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
20550
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
20551
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20552
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20553
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20554
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
20555
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
20556
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
20557
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
20558
|
+
}
|
|
20559
|
+
|
|
20560
|
+
:where(.pf-theme-dark) .pf-c-notification-badge {
|
|
20561
|
+
--pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--300);
|
|
20562
|
+
}
|
|
20563
|
+
|
|
19110
20564
|
.pf-c-notification-drawer {
|
|
19111
20565
|
--pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
19112
20566
|
--pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
|
|
@@ -19370,6 +20824,47 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19370
20824
|
transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
|
|
19371
20825
|
}
|
|
19372
20826
|
|
|
20827
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
20828
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
20829
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
20830
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
20831
|
+
--pf-global--Color--100: #fff;
|
|
20832
|
+
--pf-global--Color--200: #aaabac;
|
|
20833
|
+
--pf-global--BorderColor--100: #444548;
|
|
20834
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
20835
|
+
--pf-global--link--Color: #1fa7f8;
|
|
20836
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
20837
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
20838
|
+
}
|
|
20839
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
20840
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
20841
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
20842
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
20843
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
20844
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
20845
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
20846
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
20847
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
20848
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20849
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20850
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
20851
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
20852
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
20853
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
20854
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
20855
|
+
}
|
|
20856
|
+
|
|
20857
|
+
:where(.pf-theme-dark) .pf-c-notification-drawer {
|
|
20858
|
+
--pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20859
|
+
--pf-c-notification-drawer__header--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20860
|
+
--pf-c-notification-drawer__list-item--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20861
|
+
--pf-c-notification-drawer__list-item--BoxShadow: none;
|
|
20862
|
+
--pf-c-notification-drawer__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
|
|
20863
|
+
--pf-c-notification-drawer__list-item--m-read--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
20864
|
+
--pf-c-notification-drawer__list-item--list-item--m-read--BoxShadow: none;
|
|
20865
|
+
--pf-c-notification-drawer__group-toggle--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20866
|
+
}
|
|
20867
|
+
|
|
19373
20868
|
.pf-c-options-menu {
|
|
19374
20869
|
--pf-c-options-menu__toggle--BackgroundColor: transparent;
|
|
19375
20870
|
--pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -19615,6 +21110,53 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19615
21110
|
color: var(--pf-c-options-menu__group-title--Color);
|
|
19616
21111
|
}
|
|
19617
21112
|
|
|
21113
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
21114
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
21115
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
21116
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
21117
|
+
--pf-global--Color--100: #fff;
|
|
21118
|
+
--pf-global--Color--200: #aaabac;
|
|
21119
|
+
--pf-global--BorderColor--100: #444548;
|
|
21120
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
21121
|
+
--pf-global--link--Color: #1fa7f8;
|
|
21122
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
21123
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
21124
|
+
}
|
|
21125
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
21126
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
21127
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
21128
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
21129
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
21130
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
21131
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
21132
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
21133
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
21134
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
21135
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
21136
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
21137
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
21138
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
21139
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
21140
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
21141
|
+
}
|
|
21142
|
+
|
|
21143
|
+
:where(.pf-theme-dark) .pf-c-options-menu {
|
|
21144
|
+
--pf-c-options-menu__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
21145
|
+
--pf-c-options-menu__toggle--BorderTopColor: transparent;
|
|
21146
|
+
--pf-c-options-menu__toggle--BorderRightColor: transparent;
|
|
21147
|
+
--pf-c-options-menu__toggle--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
21148
|
+
--pf-c-options-menu__toggle--BorderLeftColor: transparent;
|
|
21149
|
+
--pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
|
|
21150
|
+
--pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21151
|
+
--pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
21152
|
+
--pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
|
|
21153
|
+
--pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
|
|
21154
|
+
--pf-c-options-menu__menu--Top: 100%;
|
|
21155
|
+
}
|
|
21156
|
+
:where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
|
|
21157
|
+
background: transparent;
|
|
21158
|
+
}
|
|
21159
|
+
|
|
19618
21160
|
.pf-c-overflow-menu {
|
|
19619
21161
|
--pf-c-overflow-menu--spacer--base: var(--pf-global--spacer--md);
|
|
19620
21162
|
--pf-c-overflow-menu--spacer: var(--pf-global--spacer--sm);
|
|
@@ -19747,6 +21289,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
19747
21289
|
--pf-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-global--spacer--md);
|
|
19748
21290
|
--pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
19749
21291
|
--pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
21292
|
+
--pf-c-page__main-section--m-light-100--BackgroundColor: var(--pf-global--BackgroundColor--150);
|
|
19750
21293
|
--pf-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
|
|
19751
21294
|
--pf-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
|
|
19752
21295
|
--pf-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-global--spacer--md);
|
|
@@ -20219,6 +21762,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20219
21762
|
.pf-c-page__main-section.pf-m-light {
|
|
20220
21763
|
--pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light--BackgroundColor);
|
|
20221
21764
|
}
|
|
21765
|
+
.pf-c-page__main-section.pf-m-light-100 {
|
|
21766
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-c-page__main-section--m-light-100--BackgroundColor);
|
|
21767
|
+
}
|
|
20222
21768
|
.pf-c-page__main-section[class*=pf-m-dark-] {
|
|
20223
21769
|
color: var(--pf-global--Color--100);
|
|
20224
21770
|
}
|
|
@@ -20331,27 +21877,90 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20331
21877
|
.pf-c-page__main-group {
|
|
20332
21878
|
flex-shrink: 0;
|
|
20333
21879
|
}
|
|
20334
|
-
|
|
20335
|
-
.pf-c-page__main-nav .pf-c-page__main-body {
|
|
20336
|
-
padding-top: var(--pf-c-page__main-nav--PaddingTop);
|
|
20337
|
-
padding-right: var(--pf-c-page__main-nav--PaddingRight);
|
|
20338
|
-
padding-left: var(--pf-c-page__main-nav--PaddingLeft);
|
|
21880
|
+
|
|
21881
|
+
.pf-c-page__main-nav .pf-c-page__main-body {
|
|
21882
|
+
padding-top: var(--pf-c-page__main-nav--PaddingTop);
|
|
21883
|
+
padding-right: var(--pf-c-page__main-nav--PaddingRight);
|
|
21884
|
+
padding-left: var(--pf-c-page__main-nav--PaddingLeft);
|
|
21885
|
+
}
|
|
21886
|
+
.pf-c-page__main-breadcrumb .pf-c-page__main-body {
|
|
21887
|
+
padding: var(--pf-c-page__main-breadcrumb--PaddingTop) var(--pf-c-page__main-breadcrumb--PaddingRight) var(--pf-c-page__main-breadcrumb--PaddingBottom) var(--pf-c-page__main-breadcrumb--PaddingLeft);
|
|
21888
|
+
}
|
|
21889
|
+
.pf-c-page__main-section .pf-c-page__main-body {
|
|
21890
|
+
padding: var(--pf-c-page__main-section--PaddingTop) var(--pf-c-page__main-section--PaddingRight) var(--pf-c-page__main-section--PaddingBottom) var(--pf-c-page__main-section--PaddingLeft);
|
|
21891
|
+
}
|
|
21892
|
+
.pf-c-page__main-tabs .pf-c-page__main-body {
|
|
21893
|
+
padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
|
|
21894
|
+
}
|
|
21895
|
+
|
|
21896
|
+
.pf-c-page__drawer {
|
|
21897
|
+
grid-area: main;
|
|
21898
|
+
}
|
|
21899
|
+
.pf-c-page__drawer > .pf-c-drawer {
|
|
21900
|
+
flex: 1 0 auto;
|
|
21901
|
+
}
|
|
21902
|
+
|
|
21903
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
21904
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
21905
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
21906
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead {
|
|
21907
|
+
--pf-global--Color--100: #fff;
|
|
21908
|
+
--pf-global--Color--200: #aaabac;
|
|
21909
|
+
--pf-global--BorderColor--100: #444548;
|
|
21910
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
21911
|
+
--pf-global--link--Color: #1fa7f8;
|
|
21912
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
21913
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
21914
|
+
}
|
|
21915
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
21916
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
21917
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
21918
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
|
|
21919
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
21920
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
21921
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
21922
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
21923
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
21924
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
21925
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
21926
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
21927
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
21928
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
21929
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
21930
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
21931
|
+
}
|
|
21932
|
+
|
|
21933
|
+
:where(.pf-theme-dark) .pf-c-page {
|
|
21934
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
21935
|
+
--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21936
|
+
--pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
21937
|
+
--pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
|
|
21938
|
+
}
|
|
21939
|
+
:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
|
|
21940
|
+
color: var(--pf-global--Color--100);
|
|
21941
|
+
}
|
|
21942
|
+
:where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
|
|
21943
|
+
background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
|
|
20339
21944
|
}
|
|
20340
|
-
.pf-c-page__main-
|
|
20341
|
-
|
|
21945
|
+
:where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
|
|
21946
|
+
--pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20342
21947
|
}
|
|
20343
|
-
.pf-c-page__main-
|
|
20344
|
-
|
|
21948
|
+
:where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom {
|
|
21949
|
+
--pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20345
21950
|
}
|
|
20346
|
-
.pf-c-page__main-
|
|
20347
|
-
|
|
21951
|
+
:where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom {
|
|
21952
|
+
--pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21953
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21954
|
+
--pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
21955
|
+
--pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20348
21956
|
}
|
|
20349
|
-
|
|
20350
|
-
|
|
20351
|
-
grid-area: main;
|
|
21957
|
+
:where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom {
|
|
21958
|
+
--pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
20352
21959
|
}
|
|
20353
|
-
.pf-c-
|
|
20354
|
-
|
|
21960
|
+
:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
21961
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
21962
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
21963
|
+
color: var(--pf-global--Color--100);
|
|
20355
21964
|
}
|
|
20356
21965
|
|
|
20357
21966
|
.pf-c-pagination {
|
|
@@ -20681,6 +22290,40 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20681
22290
|
}
|
|
20682
22291
|
}
|
|
20683
22292
|
|
|
22293
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
22294
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
22295
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
22296
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
22297
|
+
--pf-global--Color--100: #fff;
|
|
22298
|
+
--pf-global--Color--200: #aaabac;
|
|
22299
|
+
--pf-global--BorderColor--100: #444548;
|
|
22300
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
22301
|
+
--pf-global--link--Color: #1fa7f8;
|
|
22302
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
22303
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
22304
|
+
}
|
|
22305
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
22306
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
22307
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
22308
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
22309
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
22310
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
22311
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
22312
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
22313
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
22314
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22315
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22316
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22317
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
22318
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
22319
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
22320
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
22321
|
+
}
|
|
22322
|
+
|
|
22323
|
+
:where(.pf-theme-dark) .pf-c-pagination {
|
|
22324
|
+
--pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
22325
|
+
}
|
|
22326
|
+
|
|
20684
22327
|
.pf-c-panel {
|
|
20685
22328
|
--pf-c-panel--Width: auto;
|
|
20686
22329
|
--pf-c-panel--MinWidth: auto;
|
|
@@ -20933,6 +22576,49 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
20933
22576
|
margin-top: var(--pf-c-popover__footer--MarginTop);
|
|
20934
22577
|
}
|
|
20935
22578
|
|
|
22579
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
22580
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
22581
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
22582
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
22583
|
+
--pf-global--Color--100: #fff;
|
|
22584
|
+
--pf-global--Color--200: #aaabac;
|
|
22585
|
+
--pf-global--BorderColor--100: #444548;
|
|
22586
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
22587
|
+
--pf-global--link--Color: #1fa7f8;
|
|
22588
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
22589
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
22590
|
+
}
|
|
22591
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
22592
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
22593
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
22594
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
22595
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
22596
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
22597
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
22598
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
22599
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
22600
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22601
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22602
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22603
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
22604
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
22605
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
22606
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
22607
|
+
}
|
|
22608
|
+
|
|
22609
|
+
:where(.pf-theme-dark) .pf-c-popover {
|
|
22610
|
+
--pf-c-popover--BoxShadow: none;
|
|
22611
|
+
--pf-c-popover__arrow--BoxShadow: none;
|
|
22612
|
+
--pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
|
|
22613
|
+
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
|
|
22614
|
+
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
|
|
22615
|
+
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
|
|
22616
|
+
}
|
|
22617
|
+
:where(.pf-theme-dark) .pf-c-popover,
|
|
22618
|
+
:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
|
|
22619
|
+
border: 4px solid var(--pf-global--BorderColor--400);
|
|
22620
|
+
}
|
|
22621
|
+
|
|
20936
22622
|
.pf-c-progress {
|
|
20937
22623
|
--pf-c-progress--GridGap: var(--pf-global--spacer--md);
|
|
20938
22624
|
--pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
|
|
@@ -21091,6 +22777,42 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
21091
22777
|
background-color: var(--pf-c-progress__indicator--BackgroundColor);
|
|
21092
22778
|
}
|
|
21093
22779
|
|
|
22780
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
22781
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
22782
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
22783
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
22784
|
+
--pf-global--Color--100: #fff;
|
|
22785
|
+
--pf-global--Color--200: #aaabac;
|
|
22786
|
+
--pf-global--BorderColor--100: #444548;
|
|
22787
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
22788
|
+
--pf-global--link--Color: #1fa7f8;
|
|
22789
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
22790
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
22791
|
+
}
|
|
22792
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
22793
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
22794
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
22795
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
22796
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
22797
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
22798
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
22799
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
22800
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
22801
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22802
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22803
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
22804
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
22805
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
22806
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
22807
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
22808
|
+
}
|
|
22809
|
+
|
|
22810
|
+
:where(.pf-theme-dark) .pf-c-progress {
|
|
22811
|
+
--pf-c-progress--m-inside__measure--Color: var(--pf-global--palette--black-900);
|
|
22812
|
+
--pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--palette--black-900);
|
|
22813
|
+
--pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--palette--black-900);
|
|
22814
|
+
}
|
|
22815
|
+
|
|
21094
22816
|
.pf-c-progress-stepper {
|
|
21095
22817
|
--pf-c-progress-stepper--GridAutoFlow: column;
|
|
21096
22818
|
--pf-c-progress-stepper--GridTemplateRows: auto 1fr;
|
|
@@ -21589,6 +23311,45 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
21589
23311
|
flex-grow: 1;
|
|
21590
23312
|
}
|
|
21591
23313
|
|
|
23314
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
23315
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
23316
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
23317
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
23318
|
+
--pf-global--Color--100: #fff;
|
|
23319
|
+
--pf-global--Color--200: #aaabac;
|
|
23320
|
+
--pf-global--BorderColor--100: #444548;
|
|
23321
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
23322
|
+
--pf-global--link--Color: #1fa7f8;
|
|
23323
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
23324
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
23325
|
+
}
|
|
23326
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
23327
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
23328
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
23329
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
23330
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
23331
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
23332
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
23333
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
23334
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
23335
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
23336
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
23337
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
23338
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
23339
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
23340
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
23341
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
23342
|
+
}
|
|
23343
|
+
|
|
23344
|
+
:where(.pf-theme-dark) .pf-c-search-input {
|
|
23345
|
+
--pf-c-search-input__text--before--BorderColor: transparent;
|
|
23346
|
+
--pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
23347
|
+
background-color: var(--pf-global--BackgroundColor--400);
|
|
23348
|
+
}
|
|
23349
|
+
:where(.pf-theme-dark) .pf-c-search-input__text::before {
|
|
23350
|
+
border-bottom-color: var(--pf-global--BorderColor--400);
|
|
23351
|
+
}
|
|
23352
|
+
|
|
21592
23353
|
.pf-c-select {
|
|
21593
23354
|
color: var(--pf-global--Color--100);
|
|
21594
23355
|
--pf-c-select__toggle--PaddingTop: var(--pf-global--spacer--form-element);
|
|
@@ -22151,6 +23912,52 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
22151
23912
|
box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
|
|
22152
23913
|
}
|
|
22153
23914
|
|
|
23915
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
23916
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
23917
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
23918
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
23919
|
+
--pf-global--Color--100: #fff;
|
|
23920
|
+
--pf-global--Color--200: #aaabac;
|
|
23921
|
+
--pf-global--BorderColor--100: #444548;
|
|
23922
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
23923
|
+
--pf-global--link--Color: #1fa7f8;
|
|
23924
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
23925
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
23926
|
+
}
|
|
23927
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
23928
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
23929
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
23930
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
23931
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
23932
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
23933
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
23934
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
23935
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
23936
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
23937
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
23938
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
23939
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
23940
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
23941
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
23942
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
23943
|
+
}
|
|
23944
|
+
|
|
23945
|
+
:where(.pf-theme-dark) .pf-c-select {
|
|
23946
|
+
--pf-c-select__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
|
|
23947
|
+
--pf-c-select__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
23948
|
+
--pf-c-select__toggle--before--BorderTopColor: transparent;
|
|
23949
|
+
--pf-c-select__toggle--before--BorderRightColor: transparent;
|
|
23950
|
+
--pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
23951
|
+
--pf-c-select__toggle--before--BorderLeftColor: transparent;
|
|
23952
|
+
--pf-c-select__menu--Top: 100%;
|
|
23953
|
+
--pf-c-select__menu--m-top--TranslateY: -100%;
|
|
23954
|
+
--pf-c-select__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
23955
|
+
--pf-c-select__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
23956
|
+
}
|
|
23957
|
+
:where(.pf-theme-dark) .pf-c-select__toggle:disabled, :where(.pf-theme-dark) .pf-c-select__toggle.pf-m-disabled {
|
|
23958
|
+
color: var(--pf-global--palette--black-100);
|
|
23959
|
+
}
|
|
23960
|
+
|
|
22154
23961
|
.pf-c-sidebar {
|
|
22155
23962
|
--pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
22156
23963
|
--pf-c-sidebar__main--FlexDirection: column;
|
|
@@ -22539,6 +24346,47 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
22539
24346
|
margin-top: var(--pf-c-simple-list__section--section--MarginTop);
|
|
22540
24347
|
}
|
|
22541
24348
|
|
|
24349
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
24350
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
24351
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
24352
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
24353
|
+
--pf-global--Color--100: #fff;
|
|
24354
|
+
--pf-global--Color--200: #aaabac;
|
|
24355
|
+
--pf-global--BorderColor--100: #444548;
|
|
24356
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
24357
|
+
--pf-global--link--Color: #1fa7f8;
|
|
24358
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
24359
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
24360
|
+
}
|
|
24361
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
24362
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
24363
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
24364
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
24365
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
24366
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
24367
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
24368
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
24369
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
24370
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
24371
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
24372
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
24373
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
24374
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
24375
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
24376
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
24377
|
+
}
|
|
24378
|
+
|
|
24379
|
+
:where(.pf-theme-dark) .pf-c-simple-list {
|
|
24380
|
+
--pf-c-simple-list__item-link--m-current--Color: var(--pf-global--active-color--100);
|
|
24381
|
+
--pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
24382
|
+
--pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
|
|
24383
|
+
--pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
24384
|
+
--pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
|
|
24385
|
+
--pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
24386
|
+
--pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
|
|
24387
|
+
--pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
|
|
24388
|
+
}
|
|
24389
|
+
|
|
22542
24390
|
.pf-c-skeleton {
|
|
22543
24391
|
--pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
|
|
22544
24392
|
--pf-c-skeleton--Width: auto;
|
|
@@ -22700,6 +24548,43 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
22700
24548
|
transform: translateX(100%);
|
|
22701
24549
|
}
|
|
22702
24550
|
}
|
|
24551
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
24552
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
24553
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
24554
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
24555
|
+
--pf-global--Color--100: #fff;
|
|
24556
|
+
--pf-global--Color--200: #aaabac;
|
|
24557
|
+
--pf-global--BorderColor--100: #444548;
|
|
24558
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
24559
|
+
--pf-global--link--Color: #1fa7f8;
|
|
24560
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
24561
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
24562
|
+
}
|
|
24563
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
24564
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
24565
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
24566
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
24567
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
24568
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
24569
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
24570
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
24571
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
24572
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
24573
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
24574
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
24575
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
24576
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
24577
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
24578
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
24579
|
+
}
|
|
24580
|
+
|
|
24581
|
+
:where(.pf-theme-dark) .pf-c-skeleton {
|
|
24582
|
+
--pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-600);
|
|
24583
|
+
--pf-c-skeleton--after--LinearGradientColorStop1: var(--pf-global--palette--black-600);
|
|
24584
|
+
--pf-c-skeleton--after--LinearGradientColorStop2: var(--pf-global--palette--black-500);
|
|
24585
|
+
--pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-600);
|
|
24586
|
+
}
|
|
24587
|
+
|
|
22703
24588
|
.pf-c-skip-to-content {
|
|
22704
24589
|
--pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
|
|
22705
24590
|
--pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
|
|
@@ -23273,6 +25158,43 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
23273
25158
|
vertical-align: top;
|
|
23274
25159
|
}
|
|
23275
25160
|
|
|
25161
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
25162
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
25163
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
25164
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
25165
|
+
--pf-global--Color--100: #fff;
|
|
25166
|
+
--pf-global--Color--200: #aaabac;
|
|
25167
|
+
--pf-global--BorderColor--100: #444548;
|
|
25168
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
25169
|
+
--pf-global--link--Color: #1fa7f8;
|
|
25170
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
25171
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
25172
|
+
}
|
|
25173
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
25174
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
25175
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
25176
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
25177
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
25178
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
25179
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
25180
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
25181
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
25182
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
25183
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
25184
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
25185
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
25186
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
25187
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
25188
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
25189
|
+
}
|
|
25190
|
+
|
|
25191
|
+
:where(.pf-theme-dark) .pf-c-switch {
|
|
25192
|
+
--pf-c-switch__toggle-icon--Color: var(--pf-global--BackgroundColor--100);
|
|
25193
|
+
--pf-c-switch__input--not-checked__label--Color: var(--pf-global--Color--100);
|
|
25194
|
+
--pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-global--disabled-color--100);
|
|
25195
|
+
--pf-c-switch__toggle--before--BoxShadow: none;
|
|
25196
|
+
}
|
|
25197
|
+
|
|
23276
25198
|
.pf-c-tab-content {
|
|
23277
25199
|
--pf-c-tab-content__body--PaddingTop: 0;
|
|
23278
25200
|
--pf-c-tab-content__body--PaddingRight: 0;
|
|
@@ -25943,6 +27865,43 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25943
27865
|
--pf-c-table--cell--Width: 100%;
|
|
25944
27866
|
}
|
|
25945
27867
|
|
|
27868
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
27869
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
27870
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
27871
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
27872
|
+
--pf-global--Color--100: #fff;
|
|
27873
|
+
--pf-global--Color--200: #aaabac;
|
|
27874
|
+
--pf-global--BorderColor--100: #444548;
|
|
27875
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
27876
|
+
--pf-global--link--Color: #1fa7f8;
|
|
27877
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
27878
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
27879
|
+
}
|
|
27880
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
27881
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
27882
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
27883
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
27884
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
27885
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
27886
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
27887
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
27888
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
27889
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
27890
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
27891
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
27892
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
27893
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
27894
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
27895
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
27896
|
+
}
|
|
27897
|
+
|
|
27898
|
+
:where(.pf-theme-dark) .pf-c-table {
|
|
27899
|
+
--pf-c-table--m-striped__tr--BackgroundColor: var(--pf-global--BackgroundColor--150);
|
|
27900
|
+
}
|
|
27901
|
+
:where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:hover, :where(.pf-theme-dark) .pf-c-table__favorite .pf-c-button:focus {
|
|
27902
|
+
--pf-c-button--m-plain--Color: var(--pf-global--palette--gold-100);
|
|
27903
|
+
}
|
|
27904
|
+
|
|
25946
27905
|
.pf-c-table {
|
|
25947
27906
|
--pf-c-table__sticky-column--cell-min-width--base: 12.5rem;
|
|
25948
27907
|
--pf-c-table__sticky-column--MinWidth: var(--pf-c-table__sticky-column--cell-min-width--base);
|
|
@@ -27631,6 +29590,42 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27631
29590
|
}
|
|
27632
29591
|
}
|
|
27633
29592
|
|
|
29593
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
29594
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
29595
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
29596
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
29597
|
+
--pf-global--Color--100: #fff;
|
|
29598
|
+
--pf-global--Color--200: #aaabac;
|
|
29599
|
+
--pf-global--BorderColor--100: #444548;
|
|
29600
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
29601
|
+
--pf-global--link--Color: #1fa7f8;
|
|
29602
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
29603
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
29604
|
+
}
|
|
29605
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
29606
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
29607
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
29608
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
29609
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
29610
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
29611
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
29612
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
29613
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
29614
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
29615
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
29616
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
29617
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
29618
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
29619
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
29620
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
29621
|
+
}
|
|
29622
|
+
|
|
29623
|
+
:where(.pf-theme-dark) .pf-c-tabs {
|
|
29624
|
+
--pf-c-tabs__scroll-button--BackgroundColor: transparent;
|
|
29625
|
+
--pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
29626
|
+
--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
29627
|
+
}
|
|
29628
|
+
|
|
27634
29629
|
.pf-c-text-input-group {
|
|
27635
29630
|
--pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
27636
29631
|
--pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
@@ -27922,6 +29917,43 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27922
29917
|
color: var(--pf-c-tile__icon--Color);
|
|
27923
29918
|
}
|
|
27924
29919
|
|
|
29920
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
29921
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
29922
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
29923
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
29924
|
+
--pf-global--Color--100: #fff;
|
|
29925
|
+
--pf-global--Color--200: #aaabac;
|
|
29926
|
+
--pf-global--BorderColor--100: #444548;
|
|
29927
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
29928
|
+
--pf-global--link--Color: #1fa7f8;
|
|
29929
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
29930
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
29931
|
+
}
|
|
29932
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
29933
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
29934
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
29935
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
29936
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
29937
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
29938
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
29939
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
29940
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
29941
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
29942
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
29943
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
29944
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
29945
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
29946
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
29947
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
29948
|
+
}
|
|
29949
|
+
|
|
29950
|
+
:where(.pf-theme-dark) .pf-c-tile {
|
|
29951
|
+
--pf-c-tile--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
29952
|
+
--pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--300);
|
|
29953
|
+
--pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--300);
|
|
29954
|
+
--pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
|
|
29955
|
+
}
|
|
29956
|
+
|
|
27925
29957
|
.pf-c-title {
|
|
27926
29958
|
--pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
27927
29959
|
--pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
|
|
@@ -28085,6 +30117,44 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28085
30117
|
margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
|
|
28086
30118
|
}
|
|
28087
30119
|
|
|
30120
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
30121
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
30122
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
30123
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
30124
|
+
--pf-global--Color--100: #fff;
|
|
30125
|
+
--pf-global--Color--200: #aaabac;
|
|
30126
|
+
--pf-global--BorderColor--100: #444548;
|
|
30127
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
30128
|
+
--pf-global--link--Color: #1fa7f8;
|
|
30129
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
30130
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
30131
|
+
}
|
|
30132
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
30133
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
30134
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
30135
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
30136
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
30137
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
30138
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
30139
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
30140
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
30141
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30142
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30143
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30144
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
30145
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
30146
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
30147
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
30148
|
+
}
|
|
30149
|
+
|
|
30150
|
+
:where(.pf-theme-dark) .pf-c-toggle-group {
|
|
30151
|
+
--pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
|
|
30152
|
+
--pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
|
|
30153
|
+
--pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
|
|
30154
|
+
--pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
|
|
30155
|
+
--pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
|
|
30156
|
+
}
|
|
30157
|
+
|
|
28088
30158
|
.pf-c-tooltip {
|
|
28089
30159
|
--pf-c-tooltip--MaxWidth: 18.75rem;
|
|
28090
30160
|
--pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -28169,6 +30239,49 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28169
30239
|
background-color: var(--pf-c-tooltip__content--BackgroundColor);
|
|
28170
30240
|
}
|
|
28171
30241
|
|
|
30242
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
30243
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
30244
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
30245
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
30246
|
+
--pf-global--Color--100: #fff;
|
|
30247
|
+
--pf-global--Color--200: #aaabac;
|
|
30248
|
+
--pf-global--BorderColor--100: #444548;
|
|
30249
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
30250
|
+
--pf-global--link--Color: #1fa7f8;
|
|
30251
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
30252
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
30253
|
+
}
|
|
30254
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
30255
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
30256
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
30257
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
30258
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
30259
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
30260
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
30261
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
30262
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
30263
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30264
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30265
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30266
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
30267
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
30268
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
30269
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
30270
|
+
}
|
|
30271
|
+
|
|
30272
|
+
:where(.pf-theme-dark) .pf-c-tooltip {
|
|
30273
|
+
--pf-c-tooltip--BoxShadow: none;
|
|
30274
|
+
--pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
30275
|
+
}
|
|
30276
|
+
:where(.pf-theme-dark) .pf-c-tooltip,
|
|
30277
|
+
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
30278
|
+
border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
|
|
30279
|
+
}
|
|
30280
|
+
:where(.pf-theme-dark) .pf-c-tooltip__arrow {
|
|
30281
|
+
--pf-c-tooltip__arrow--Width: 0.9375rem;
|
|
30282
|
+
--pf-c-tooltip__arrow--Height: 0.9375rem;
|
|
30283
|
+
}
|
|
30284
|
+
|
|
28172
30285
|
.pf-c-truncate {
|
|
28173
30286
|
--pf-c-truncate--MinWidth: 12ch;
|
|
28174
30287
|
--pf-c-truncate__start--MinWidth: 6ch;
|
|
@@ -28657,6 +30770,41 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
28657
30770
|
--pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
28658
30771
|
}
|
|
28659
30772
|
|
|
30773
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
30774
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
30775
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
30776
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
30777
|
+
--pf-global--Color--100: #fff;
|
|
30778
|
+
--pf-global--Color--200: #aaabac;
|
|
30779
|
+
--pf-global--BorderColor--100: #444548;
|
|
30780
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
30781
|
+
--pf-global--link--Color: #1fa7f8;
|
|
30782
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
30783
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
30784
|
+
}
|
|
30785
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
30786
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
30787
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
30788
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
30789
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
30790
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
30791
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
30792
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
30793
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
30794
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30795
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30796
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
30797
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
30798
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
30799
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
30800
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
30801
|
+
}
|
|
30802
|
+
|
|
30803
|
+
:where(.pf-theme-dark) .pf-c-tree-view {
|
|
30804
|
+
--pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
30805
|
+
--pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
30806
|
+
}
|
|
30807
|
+
|
|
28660
30808
|
.pf-c-wizard {
|
|
28661
30809
|
--pf-c-wizard--Height: 100%;
|
|
28662
30810
|
--pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
|
|
@@ -29139,6 +31287,46 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
29139
31287
|
margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
|
|
29140
31288
|
}
|
|
29141
31289
|
|
|
31290
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
|
|
31291
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
31292
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
31293
|
+
:where(.pf-theme-dark) .pf-c-page__header {
|
|
31294
|
+
--pf-global--Color--100: #fff;
|
|
31295
|
+
--pf-global--Color--200: #aaabac;
|
|
31296
|
+
--pf-global--BorderColor--100: #444548;
|
|
31297
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
31298
|
+
--pf-global--link--Color: #1fa7f8;
|
|
31299
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
31300
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
31301
|
+
}
|
|
31302
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
31303
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
31304
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
31305
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
|
|
31306
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
31307
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
31308
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
31309
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
31310
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
31311
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
31312
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
31313
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
31314
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
31315
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
31316
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
31317
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
31318
|
+
}
|
|
31319
|
+
|
|
31320
|
+
:where(.pf-theme-dark) .pf-c-wizard {
|
|
31321
|
+
--pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
|
|
31322
|
+
--pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300);
|
|
31323
|
+
--pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31324
|
+
--pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
31325
|
+
}
|
|
31326
|
+
:where(.pf-theme-dark) .pf-c-wizard__header {
|
|
31327
|
+
color: var(--pf-global--Color--100);
|
|
31328
|
+
}
|
|
31329
|
+
|
|
29142
31330
|
.pf-l-bullseye {
|
|
29143
31331
|
--pf-l-bullseye--Padding: 0;
|
|
29144
31332
|
display: flex;
|