Remove the "shade" rectangle, keep left+right+border or a single rect

Author: encukou

_static/devguide_overrides.css

@@ -61,8 +61,8 @@
 }
 
 .release-cycle-chart .release-cycle-status-end-of-life {
-    --status-bg-color: #DD2200;
-    --status-border-color: #FF8888;
+    --status-bg-color: #FF8888;
+    --status-border-color: #DD2200;
 }
 
 .release-cycle-chart .release-cycle-status-security {
@@ -90,24 +90,15 @@
     stroke: transparent;
 }
 
-.release-cycle-chart .release-cycle-border {
-    fill: transparent;
+.release-cycle-chart .release-cycle-blob-full {
+    fill: var(--status-bg-color);
     stroke: var(--status-border-color);
-    stroke-width: 1.6px;
 }
 
-.release-cycle-chart .release-cycle-shade {
+.release-cycle-chart .release-cycle-border {
     fill: transparent;
-    stroke: transparent;
-
-    &.release-cycle-status-end-of-life {
-      fill: #DD2200;
-      stroke: #FF8888;
-    }
-    &.release-cycle-status-feature {
-        fill: var(--color-background-primary);
-        opacity: 50%;
-    }
+    stroke: var(--status-border-color);
+    stroke-width: 1.6px;
 }
 
 .good pre {

_tools/release_cycle_template.svg.jinja

@@ -127,27 +127,33 @@
                     Z                                   {#- left -#}
                 "
             />
+            <!-- Add a common border -->
+            <rect
+                class="release-cycle-border release-cycle-status-{{ version.status }}"
+                x="{{ start_x }}"
+                y="{{ top_y }}"
+                width="{{ (end_x - start_x) }}"
+                height="{{ height }}"
+                rx="0.25em"
+                ry="0.25em"
+                mask="url(#release-cycle-mask-{{ id_key }})"
+            />
+        {% else %}
+            <!-- For EOL releases, use a single rounded rectangle -->
+            <rect
+                class="release-cycle-blob release-cycle-blob-full
+                       release-cycle-status-{{ version.status }}"
+                x="{{ start_x }}"
+                y="{{ top_y }}"
+                width="{{ (end_x - start_x) }}"
+                height="{{ height }}"
+                rx="0.25em"
+                ry="0.25em"
+                mask="url(#release-cycle-mask-{{ id_key }})"
+            />
         {% endif %}
-        <rect
-            class="release-cycle-shade release-cycle-status-{{ version.status }}"
-            x="{{ start_x }}"
-            y="{{ top_y }}"
-            width="{{ (end_x - start_x) }}"
-            height="{{ height }}"
-            rx="0.25em"
-            ry="0.25em"
-            mask="url(#release-cycle-mask-{{ id_key }})"
-        />
-        <rect
-            class="release-cycle-border release-cycle-status-{{ version.status }}"
-            x="{{ start_x }}"
-            y="{{ top_y }}"
-            width="{{ (end_x - start_x) }}"
-            height="{{ height }}"
-            rx="0.25em"
-            ry="0.25em"
-            mask="url(#release-cycle-mask-{{ id_key }})"
-        />
+
+        <!-- Add text before/after/inside the blob -->
         <text
             class="release-cycle-blob-label release-cycle-status-{{ version.status }}"
             font-size="{{ SCALE * 0.75 }}"
@@ -165,9 +171,9 @@
                 x="{{ start_x - (0.5 * SCALE) }}"
                 text-anchor="end"
             {% endif %}
-            >
-                {{ version.status }}
-            </text>
+        >
+            {{ version.status }}
+        </text>
 
         <!-- Legend on the left -->
         <text