From 2edbea0e01b8edb9218a5e69ed3369a5628a1d6c Mon Sep 17 00:00:00 2001
From: Benjamin Kott <benjamin.kott@outlook.com>
Date: Thu, 25 Apr 2024 13:13:11 +0200
Subject: [PATCH] [TASK] Use light mode only as default for now
We're currently in a mixed mode where some components
support dark mode, while others don't. To facilitate the
migration of components currently incompatible with dark
mode, we're setting the default to light mode for now. This
allows us to gradually migrate components and enable the
dark mode switch once both a component and its context
are ready for it.
Resolves: #103723
Releases: main
Change-Id: I39e31d9b7170ac5592f58afe9f9dced0fd14c4c4
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/84020
Tested-by: Benjamin Franzke <ben@bnf.dev>
Reviewed-by: Benjamin Franzke <ben@bnf.dev>
Reviewed-by: Andreas Kienast <a.fernandez@scripting-base.de>
Tested-by: core-ci <typo3@b13.com>
Tested-by: Andreas Kienast <a.fernandez@scripting-base.de>
---
Build/Sources/Sass/backend.scss | 1 -
Build/Sources/Sass/component/_colorpicker.scss | 1 +
Build/Sources/Sass/component/_datetimepicker.scss | 1 +
Build/Sources/Sass/component/_form.scss | 1 +
Build/Sources/Sass/component/_root.scss | 2 +-
Build/Sources/Sass/component/_table.scss | 1 -
Build/Sources/Sass/component/_tree.scss | 1 +
.../element/typo3-backend-new-record-wizard.scss | 7 -------
Build/Sources/Sass/libs/_selectpure.scss | 2 --
.../backend/Resources/Public/Css/backend.css | 15 +++++++--------
10 files changed, 12 insertions(+), 20 deletions(-)
delete mode 100644 Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss
diff --git a/Build/Sources/Sass/backend.scss b/Build/Sources/Sass/backend.scss
index 640da16a02a9..fab2147d5c7d 100644
--- a/Build/Sources/Sass/backend.scss
+++ b/Build/Sources/Sass/backend.scss
@@ -58,7 +58,6 @@
@import "element/typo3-backend-draggable-resizable";
@import "element/typo3-backend-editable-page-title";
@import "element/typo3-backend-formengine-char-counter";
-@import "element/typo3-backend-new-record-wizard";
@import "element/typo3-backend-security-csp-reports";
@import "element/typo3-backend-security-sudo-mode";
@import "element/typo3-backend-table-wizard";
diff --git a/Build/Sources/Sass/component/_colorpicker.scss b/Build/Sources/Sass/component/_colorpicker.scss
index f8dedf277045..4f69c7612895 100644
--- a/Build/Sources/Sass/component/_colorpicker.scss
+++ b/Build/Sources/Sass/component/_colorpicker.scss
@@ -3,6 +3,7 @@
}
.alwan {
+ color-scheme: light dark;
direction: ltr;
width: 100%;
max-width: 260px;
diff --git a/Build/Sources/Sass/component/_datetimepicker.scss b/Build/Sources/Sass/component/_datetimepicker.scss
index 20c891e35f63..7f552525bb2c 100644
--- a/Build/Sources/Sass/component/_datetimepicker.scss
+++ b/Build/Sources/Sass/component/_datetimepicker.scss
@@ -13,6 +13,7 @@
}
.flatpickr-calendar {
+ color-scheme: light dark;
opacity: 0;
display: none;
text-align: center;
diff --git a/Build/Sources/Sass/component/_form.scss b/Build/Sources/Sass/component/_form.scss
index a16f088cc03d..3d78e1ed9701 100644
--- a/Build/Sources/Sass/component/_form.scss
+++ b/Build/Sources/Sass/component/_form.scss
@@ -80,6 +80,7 @@
// SelectIcons FieldWizard
//
.form-wizard-icon-list {
+ color-scheme: light dark;
color: var(--typo3-component-color);
background: var(--typo3-component-bg);
border: var(--typo3-component-border-width) solid var(--typo3-component-border-color);
diff --git a/Build/Sources/Sass/component/_root.scss b/Build/Sources/Sass/component/_root.scss
index c6effc2fb0a8..f35cdf36a505 100644
--- a/Build/Sources/Sass/component/_root.scss
+++ b/Build/Sources/Sass/component/_root.scss
@@ -2,7 +2,7 @@
// Global CSS Variables
//
:root {
- color-scheme: light dark;
+ color-scheme: only light;
// General
--typo3-font-family-sans-serif: #{$font-family-sans-serif};
diff --git a/Build/Sources/Sass/component/_table.scss b/Build/Sources/Sass/component/_table.scss
index fbcfa27177d9..217a4ce1ef3f 100644
--- a/Build/Sources/Sass/component/_table.scss
+++ b/Build/Sources/Sass/component/_table.scss
@@ -215,7 +215,6 @@ td.selected {
// Fits the table in the viewport and makes overflow possible
//
.table-fit {
- color-scheme: only light;
width: 100%;
border-radius: var(--typo3-component-border-radius);
box-shadow: var(--typo3-component-box-shadow);
diff --git a/Build/Sources/Sass/component/_tree.scss b/Build/Sources/Sass/component/_tree.scss
index d3b51a407c8e..2dea7fa70221 100644
--- a/Build/Sources/Sass/component/_tree.scss
+++ b/Build/Sources/Sass/component/_tree.scss
@@ -33,6 +33,7 @@
// Nodes
//
.nodes-container {
+ color-scheme: light dark;
color: var(--tree-color);
background: var(--tree-bg);
position: relative;
diff --git a/Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss b/Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss
deleted file mode 100644
index 9fc52ffc4609..000000000000
--- a/Build/Sources/Sass/element/typo3-backend-new-record-wizard.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-//
-// CSS for custom element:
-// typo3-backend-new-record-wizard
-//
-typo3-backend-new-record-wizard {
- color-scheme: only light;
-}
diff --git a/Build/Sources/Sass/libs/_selectpure.scss b/Build/Sources/Sass/libs/_selectpure.scss
index 6b05c22a6fc0..c965851afbb6 100644
--- a/Build/Sources/Sass/libs/_selectpure.scss
+++ b/Build/Sources/Sass/libs/_selectpure.scss
@@ -24,7 +24,5 @@ select-pure {
.input-group > & {
position: relative;
flex: 1 1 auto;
- // @todo: Remove once bootstrap's input-group is dark-mode capable
- color-scheme: only light;
}
}
diff --git a/typo3/sysext/backend/Resources/Public/Css/backend.css b/typo3/sysext/backend/Resources/Public/Css/backend.css
index dd5913ce20b8..a2c0d59b3720 100644
--- a/typo3/sysext/backend/Resources/Public/Css/backend.css
+++ b/typo3/sysext/backend/Resources/Public/Css/backend.css
@@ -2790,7 +2790,7 @@ button[aria-expanded=true]:not(:disabled) .modulemenu-indicator:after{transform:
.scaffold-modulemenu-expanded .modulemenu-action{margin-inline-start:0;width:100%}
.scaffold-modulemenu-expanded .modulemenu-indicator{display:block!important}
.scaffold-modulemenu-expanded .modulemenu-name{position:static;margin:0;margin-inline-start:1em;width:auto;height:auto}
-:root{color-scheme:light dark;--typo3-font-family-sans-serif:Verdana,Arial,Helvetica,sans-serif;--typo3-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--typo3-font-family:var(--typo3-font-family-sans-serif);--typo3-font-family-code:var(--typo3-font-family-monospace);--typo3-spacing:1rem;--typo3-color-scheme:auto;--typo3-header-font-family:"Source Sans 3",sans-serif;--typo3-component-color:light-dark(#000, #fff);--typo3-component-primary-color:light-dark(#0078e6, #66aef0);--typo3-component-secondary-color:light-dark(#666666, #999999);--typo3-component-match-highlight-color:inherit;--typo3-component-match-highlight-bg:rgba(234, 92, 0, .33);--typo3-component-bg:light-dark(#fff, rgb(30, 30, 30));--typo3-component-link-color:light-dark(#0078e6, #66aef0);--typo3-component-link-hover-color:light-dark(#1a86e9, #80bcf3);--typo3-component-font-size:12px;--typo3-component-line-height:1.5;--typo3-component-border-radius:4px;--typo3-component-border-width:1px;--typo3-component-border-color:light-dark(rgb(215, 215, 215), rgb(51, 51, 51));--typo3-component-padding-y:.75rem;--typo3-component-padding-x:1rem;--typo3-component-box-shadow:0 1px 2px rgba(0, 0, 0, .25);--typo3-component-box-shadow-strong:0 2px 4px rgba(0, 0, 0, .5);--typo3-component-hover-color:var(--typo3-component-color);--typo3-component-hover-bg:light-dark(#f2f8fe, rgb(51, 51, 51));--typo3-component-hover-border-color:light-dark(#d9ebfb, rgb(90, 90, 90));--typo3-component-focus-color:var(--typo3-component-color);--typo3-component-focus-bg:light-dark(#f2f8fe, #003c73);--typo3-component-focus-border-color:light-dark(#3393eb, #00488a);--typo3-component-active-color:#fff;--typo3-component-active-bg:light-dark(#3393eb, #0066c4);--typo3-component-active-border-color:light-dark(#3393eb, #0060b8);--typo3-component-disabled-color:rgb(115, 115, 115);--typo3-component-disabled-bg:transparent;--typo3-component-disabled-border-color:transparent;--typo3-component-spacing:2rem;--typo3-list-item-padding-y:.5rem;--typo3-list-item-padding-x:.75rem;--typo3-list-item-hover-color:var(--typo3-component-hover-color);--typo3-list-item-hover-bg:var(--typo3-component-hover-bg);--typo3-list-item-hover-border-color:var(--typo3-component-hover-border-color);--typo3-list-item-focus-color:var(--typo3-component-focus-color);--typo3-list-item-focus-bg:var(--typo3-component-focus-bg);--typo3-list-item-focus-border-color:var(--typo3-component-focus-border-color);--typo3-list-item-active-color:var(--typo3-list-item-focus-color);--typo3-list-item-active-bg:var(--typo3-list-item-focus-bg);--typo3-list-item-active-border-color:var(--typo3-list-item-focus-border-color);--typo3-list-item-disabled-color:var(--typo3-component-disabled-color);--typo3-list-item-disabled-bg:var(--typo3-component-disabled-bg);--typo3-list-item-disabled-border-color:var(--typo3-component-disabled-border-color);--typo3-legend-font-weight:600;--typo3-input-color:#333;--typo3-input-color-placeholder:rgb(187, 187, 187);--typo3-input-bg:#fefefe;--typo3-input-border-width:var(--bs-border-width);--typo3-input-border-color:rgb(187, 187, 187);--typo3-input-border-radius:0.125rem;--typo3-input-box-shadow:var(--bs-box-shadow-inset);--typo3-input-focus-color:#333;--typo3-input-focus-bg:#fefefe;--typo3-input-focus-border-color:#80bcf3;--typo3-input-focus-box-shadow:0 0 0 0.25rem rgba(0, 120, 230, 0.25);--typo3-input-disabled-bg:var(--bs-secondary-bg)}
+:root{color-scheme:only light;--typo3-font-family-sans-serif:Verdana,Arial,Helvetica,sans-serif;--typo3-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--typo3-font-family:var(--typo3-font-family-sans-serif);--typo3-font-family-code:var(--typo3-font-family-monospace);--typo3-spacing:1rem;--typo3-color-scheme:auto;--typo3-header-font-family:"Source Sans 3",sans-serif;--typo3-component-color:light-dark(#000, #fff);--typo3-component-primary-color:light-dark(#0078e6, #66aef0);--typo3-component-secondary-color:light-dark(#666666, #999999);--typo3-component-match-highlight-color:inherit;--typo3-component-match-highlight-bg:rgba(234, 92, 0, .33);--typo3-component-bg:light-dark(#fff, rgb(30, 30, 30));--typo3-component-link-color:light-dark(#0078e6, #66aef0);--typo3-component-link-hover-color:light-dark(#1a86e9, #80bcf3);--typo3-component-font-size:12px;--typo3-component-line-height:1.5;--typo3-component-border-radius:4px;--typo3-component-border-width:1px;--typo3-component-border-color:light-dark(rgb(215, 215, 215), rgb(51, 51, 51));--typo3-component-padding-y:.75rem;--typo3-component-padding-x:1rem;--typo3-component-box-shadow:0 1px 2px rgba(0, 0, 0, .25);--typo3-component-box-shadow-strong:0 2px 4px rgba(0, 0, 0, .5);--typo3-component-hover-color:var(--typo3-component-color);--typo3-component-hover-bg:light-dark(#f2f8fe, rgb(51, 51, 51));--typo3-component-hover-border-color:light-dark(#d9ebfb, rgb(90, 90, 90));--typo3-component-focus-color:var(--typo3-component-color);--typo3-component-focus-bg:light-dark(#f2f8fe, #003c73);--typo3-component-focus-border-color:light-dark(#3393eb, #00488a);--typo3-component-active-color:#fff;--typo3-component-active-bg:light-dark(#3393eb, #0066c4);--typo3-component-active-border-color:light-dark(#3393eb, #0060b8);--typo3-component-disabled-color:rgb(115, 115, 115);--typo3-component-disabled-bg:transparent;--typo3-component-disabled-border-color:transparent;--typo3-component-spacing:2rem;--typo3-list-item-padding-y:.5rem;--typo3-list-item-padding-x:.75rem;--typo3-list-item-hover-color:var(--typo3-component-hover-color);--typo3-list-item-hover-bg:var(--typo3-component-hover-bg);--typo3-list-item-hover-border-color:var(--typo3-component-hover-border-color);--typo3-list-item-focus-color:var(--typo3-component-focus-color);--typo3-list-item-focus-bg:var(--typo3-component-focus-bg);--typo3-list-item-focus-border-color:var(--typo3-component-focus-border-color);--typo3-list-item-active-color:var(--typo3-list-item-focus-color);--typo3-list-item-active-bg:var(--typo3-list-item-focus-bg);--typo3-list-item-active-border-color:var(--typo3-list-item-focus-border-color);--typo3-list-item-disabled-color:var(--typo3-component-disabled-color);--typo3-list-item-disabled-bg:var(--typo3-component-disabled-bg);--typo3-list-item-disabled-border-color:var(--typo3-component-disabled-border-color);--typo3-legend-font-weight:600;--typo3-input-color:#333;--typo3-input-color-placeholder:rgb(187, 187, 187);--typo3-input-bg:#fefefe;--typo3-input-border-width:var(--bs-border-width);--typo3-input-border-color:rgb(187, 187, 187);--typo3-input-border-radius:0.125rem;--typo3-input-box-shadow:var(--bs-box-shadow-inset);--typo3-input-focus-color:#333;--typo3-input-focus-bg:#fefefe;--typo3-input-focus-border-color:#80bcf3;--typo3-input-focus-box-shadow:0 0 0 0.25rem rgba(0, 120, 230, 0.25);--typo3-input-disabled-bg:var(--bs-secondary-bg)}
[data-color-scheme=auto]{color-scheme:light dark}
[data-color-scheme=dark]{color-scheme:only dark}
[data-color-scheme=light]{color-scheme:only light}
@@ -3129,7 +3129,7 @@ a.dropdown-toggle{text-decoration:none}
.simpletable td:last-child,.simpletable th:last-child{padding-inline-end:0}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:unset;margin-inline-start:calc(var(--bs-border-width) * -1)}
select-pure{--select-height:43.2px;--select-width:100%;--border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width));--border-width:var(--typo3-component-border-width);--border-color:var(--typo3-component-border-color);--padding:var(--typo3-list-item-padding-y) var(--typo3-list-item-padding-x);--dropdown-z-index:2;--disabled-background-color:var(--typo3-component-disabled-bg);--disabled-color:var(--typo3-component-disabled-color);--background-color:var(--typo3-component-bg);--color:var(--typo3-component-color);--hover-background-color:var(--typo3-component-hover-bg);--hover-color:var(--typo3-component-hover-color);--selected-background-color:var(--typo3-component-active-bg);--selected-color:var(--typo3-component-active-color);--dropdown-gap:2px;--font-size:var(--typo3-component-font-size);--font-family:inherit;--font-weight:400;--select-outline:1px solid var(--typo3-input-focus-border-color);--dropdown-items:4}
-.input-group>select-pure{position:relative;flex:1 1 auto;color-scheme:only light}
+.input-group>select-pure{position:relative;flex:1 1 auto}
.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.cropper-container img{display:block;image-orientation:0deg!important;height:100%;width:100%;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}
.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal{position:absolute;top:0;right:0;bottom:0;left:0}
@@ -3184,7 +3184,7 @@ select-pure{--select-height:43.2px;--select-width:100%;--border-radius:calc(var(
100%{transform:rotate(360deg)}
}
:root{--alwan-pattern:url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'><path fill='%23D0D0D0' d='M0 0h10v10H0Z'/><path fill='%23fff' d='M0 10h10v10H0Z'/><path fill='%23D0D0D0' d='M10 10h10v10H10Z'/><path fill='%23fff' d='M10 0h10v10H10Z'/></svg>")}
-.alwan{direction:ltr;width:100%;max-width:260px;background:var(--typo3-component-bg);border:1px solid var(--typo3-component-border-color);overflow-y:auto}
+.alwan{color-scheme:light dark;direction:ltr;width:100%;max-width:260px;background:var(--typo3-component-bg);border:1px solid var(--typo3-component-border-color);overflow-y:auto}
.alwan *{box-sizing:border-box}
.alwan:not(.alwan--open){visibility:hidden}
.alwan:not(.alwan--open)[data-display=block]{overflow:hidden;height:0;border:0}
@@ -3247,7 +3247,7 @@ select-pure{--select-height:43.2px;--select-width:100%;--border-radius:calc(var(
.alwan--collapse.alwan__swatches{display:none}
.alwan--collapse+.alwan__toggle-button svg{transform:rotate(180deg)}
:root{--flatpickr-bar-size:40px;--flatpickr-grid-size:32px;--flatpickr-grid-spacing:2px;--flatpickr-width:calc((var(--flatpickr-grid-size) * 7) + (var(--flatpickr-grid-spacing) * 10) + 2px)}
-.flatpickr-calendar{opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;color:var(--typo3-component-color);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);font-size:var(--typo3-component-font-size);position:absolute;width:var(--flatpickr-width);touch-action:manipulation;background:var(--typo3-component-bg);box-shadow:var(--typo3-component-box-shadow)}
+.flatpickr-calendar{color-scheme:light dark;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;color:var(--typo3-component-color);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);font-size:var(--typo3-component-font-size);position:absolute;width:var(--flatpickr-width);touch-action:manipulation;background:var(--typo3-component-bg);box-shadow:var(--typo3-component-box-shadow)}
.flatpickr-calendar:before{border-width:5px;margin:0 -5px}
.flatpickr-calendar:after{border-width:4px;margin:0 -4px}
.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:6px solid transparent;content:"";height:0;width:0;left:22px}
@@ -3342,7 +3342,7 @@ to{opacity:1;transform:translate3d(0,0,0)}
.shortcut-buttons-flatpickr-button:focus{color:var(--typo3-component-focus-color);background:var(--typo3-component-focus-bg);outline:1px solid var(--typo3-component-focus-border-color);outline-offset:-1px}
:root{--tree-color:var(--typo3-component-color);--tree-bg:var(--typo3-component-bg);--tree-node-color:var(--tree-color);--tree-node-bg:var(--tree-bg);--tree-node-border-color:transparent;--tree-node-focus-color:var(--typo3-component-focus-color);--tree-node-focus-bg:var(--typo3-component-focus-bg);--tree-node-focus-border-color:var(--typo3-component-focus-border-color);--tree-node-hover-color:var(--typo3-component-hover-color);--tree-node-hover-bg:var(--typo3-component-hover-bg);--tree-node-hover-border-color:var(--typo3-component-hover-border-color);--tree-node-selected-color:var(--typo3-component-active-color);--tree-node-selected-bg:var(--typo3-component-active-bg);--tree-node-selected-border-color:var(--typo3-component-active-border-color);--tree-node-version-bg:rgba(247, 200, 152, 0.5);--tree-info-bg:#c5ddf3;--tree-info-color:#000;--tree-drop-position-bg:var(--typo3-component-primary-color);--tree-drag-dropzone-delete-color:#fff;--tree-drag-dropzone-delete-bg:#c83c3c;--tree-drag-dropindicator-color:#3393eb}
.tree{position:relative}
-.nodes-container{color:var(--tree-color);background:var(--tree-bg);position:relative;height:100%;width:100%}
+.nodes-container{color-scheme:light dark;color:var(--tree-color);background:var(--tree-bg);position:relative;height:100%;width:100%}
.nodes-loader{position:absolute;width:100%;height:100%;top:0;inset-inline-start:0;color:var(--tree-color);background:var(--tree-bg);z-index:3000}
.nodes-loader-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center}
.nodes-root{background-color:inherit;display:block;position:absolute;top:0;inset-inline-start:0;height:100%;width:100%;overflow-y:auto}
@@ -3488,7 +3488,7 @@ typo3-backend-form-selecttree-toolbar{display:block;border-bottom:1px solid rgba
.table-transparent{--bs-table-bg:transparent}
.table-vertical-top td,.table-vertical-top th{vertical-align:top!important}
.table-center td,.table-center th{text-align:center!important}
-.table-fit{color-scheme:only light;width:100%;border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ccc}
+.table-fit{width:100%;border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ccc}
.table-fit .table-bordered>:not(caption)>*{border-width:0}
.table-fit .table-bordered>:not(caption)>*>*{border-top:0;border-width:var(--bs-border-width)}
.table-fit caption{border-top:var(--bs-border-width) solid #ccc;padding-left:var(--typo3-component-padding-x);padding-right:var(--typo3-component-padding-x)}
@@ -3681,7 +3681,7 @@ a.card:hover{--typo3-card-border-color:var(--typo3-card-hover-border-color);text
.form-label+.form-description{margin-top:-.25rem}
.form-group{margin-bottom:var(--typo3-spacing)}
.form-group-dashed+.form-group-dashed{padding-top:var(--typo3-spacing);border-top:1px dashed rgba(0,0,0,.15)}
-.form-wizard-icon-list{color:var(--typo3-component-color);background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--bs-border-radius);margin-top:.25rem;padding:calc(var(--typo3-spacing)/ 4);display:flex;flex-wrap:wrap;gap:2px}
+.form-wizard-icon-list{color-scheme:light dark;color:var(--typo3-component-color);background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--bs-border-radius);margin-top:.25rem;padding:calc(var(--typo3-spacing)/ 4);display:flex;flex-wrap:wrap;gap:2px}
.form-wizard-icon-list-item a{display:flex;height:100%;color:var(--typo3-component-color);border-radius:calc(var(--typo3-component-border-radius)/ 2);padding:calc(var(--typo3-spacing)/ 2);align-items:center;justify-content:center;outline-offset:-1px}
.form-wizard-icon-list-item a:hover{color:var(--typo3-list-item-hover-color);background-color:var(--typo3-list-item-hover-bg);outline:1px solid var(--typo3-list-item-hover-border-color)}
.form-wizard-icon-list-item a:focus{color:var(--typo3-list-item-focus-color);background-color:var(--typo3-list-item-focus-bg);outline:1px solid var(--typo3-list-item-focus-border-color)}
@@ -3840,7 +3840,6 @@ typo3-backend-draggable-resizable #t3js-cropper-focus-area{width:100%;height:100
typo3-backend-draggable-resizable .ui-resizable-handle{z-index:90}
typo3-backend-editable-page-title{display:block;white-space:nowrap;text-overflow:ellipsis}
typo3-backend-formengine-char-counter{inset-inline-start:0;position:absolute;top:100%;display:flex}
-typo3-backend-new-record-wizard{color-scheme:only light}
typo3-backend-security-csp-reports .infolist-container{container-type:inline-size}
typo3-backend-security-csp-reports .infolist{display:flex;gap:var(--typo3-spacing);flex-direction:column}
typo3-backend-security-csp-reports .infolist-info{display:none}
--
GitLab