Commit c2df29b3 authored by Oliver Bartsch's avatar Oliver Bartsch
Browse files

[BUGFIX] Darken progress bar for default and light panel

To have the progress bar visible on a panels using the
"default" or "light" theme variant, the progress bar
color is now darkened for those variants.

Additionally, an unused "t3js" class is removed again.

Resolves: #98360
Related: #98349
Releases: main
Change-Id: I5e5ad73ee7b9312eb3d12ff7b959c8010c9b687e

Tested-by: core-ci's avatarcore-ci <>
Tested-by: Frank Nägler's avatarFrank Nägler <>
Tested-by: Benni Mack's avatarBenni Mack <>
Tested-by: Oliver Bartsch's avatarOliver Bartsch <>
Reviewed-by: Frank Nägler's avatarFrank Nägler <>
Reviewed-by: Benni Mack's avatarBenni Mack <>
Reviewed-by: Oliver Bartsch's avatarOliver Bartsch <>
parent a8887210
......@@ -32,12 +32,16 @@ $panel-border-scale: -60%;
$panel-heading-bg-scale: -85%;
// Mixins
@mixin panel-create-variant($name, $value, $border-scale: $panel-border-scale, $heading-scale: $panel-heading-bg-scale) {
@mixin panel-create-variant($name, $value, $border-scale: $panel-border-scale, $heading-scale: $panel-heading-bg-scale, $panel-progress-bg: null) {
$panel-border: shift-color($value, $border-scale);
$panel-heading-bg: shift-color($value, $heading-scale);
$panel-heading-color: color-contrast($panel-heading-bg);
@if $panel-progress-bg == null {
$panel-progress-bg: $value;
--panel-#{$name}-border-color: #{$panel-border};
--panel-#{$name}-progress-bg: #{$value};
--panel-#{$name}-progress-bg: #{$panel-progress-bg};
--panel-#{$name}-heading-color: #{$panel-heading-color};
--panel-#{$name}-heading-bg: #{$panel-heading-bg};
......@@ -63,11 +67,11 @@ $panel-heading-bg-scale: -85%;
@each $name, $value in $theme-colors {
@if $name == light {
@include panel-create-variant($name, $value, 20%, 0%);
@include panel-create-variant($name, $value, 20%, 0%, darken($value, 10%));
@else if $name == default {
@include panel-create-variant($name, $value, 20%, 0%);
@include panel-create-variant($name, $value, 20%, 0%, darken($value, 10%));
@else {
This source diff could not be displayed because it is too large. You can view the blob instead.
<html xmlns:f="" xmlns:i="" data-namespace-typo3-fluid="true">
<div class="panel panel-default t3js-localConfiguration-section">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-{sectionName}">
<h3 class="panel-title">
<a role="button" data-bs-toggle="collapse" data-bs-parent="#accordion" href="#collapse-{sectionName}" aria-expanded="true" aria-controls="collapse-{sectionName}" class="collapsed">
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment