jekyll-theme-centos 2.52.0.beta.98 → 2.52.0.beta.99

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7693eabd421a5e25a42f0841e8439c1f271319a6ac130a87e70845367bacaf73
-  data.tar.gz: 9d14e11510ea28e7ac5a29229a190a9d9340a915e10f66d8cbc19e80dbceb0df
+  metadata.gz: da6dfbcaa572ae9c1c1b8bdee6a982429740cbbfda79a0ed571e8356673a9545
+  data.tar.gz: 567c6a9023b34cc9d2dc5f4f54cc5a786c7d198ce9f4e33fe43675d0cccb9fc9
 SHA512:
-  metadata.gz: b8eb176ee34356fc17af8eed2eab81191d9865af1ec513f4db37204c0f435043d84db1bb27edbd8fd75e9787acee40ca9b856366b03ba1203d63d6b1ad4c221f
-  data.tar.gz: c4e526cad99918c56f708a5a0434ce30de714f4adfb3f3ff1a2da0d9b7f1a10231074b20bc5d6c1a6d6f766cff339e7056da3cbd64530dc41d64d2053adf333e
+  metadata.gz: cbe38939080be0dd02cc85feb855e71bad830c3181f5555ce3aa987e7feb277cf17d28624f5e825a6d5f8d756d4ba635165dd957d8c3d81d82d248589c36a063
+  data.tar.gz: f99bd72cab746951008b04d19b7087216e47b2e89d259367d8773f228ca1b620fdd8c8b136f8aa00713e6f4fe22ff121db31391c2a9e64eaadd6b5638cc1819c

data/_data/base/card_schema.yml

@@ -55,14 +55,34 @@ properties:
     type: string
     default: ""
     description: >-
-      Title text displayed in the card. When empty, the name section is
-      not rendered.
+      Title text displayed in the card. Supports inline Markdown (e.g.
+      `` `code` `` spans), rendered via the `markdownify` filter. When
+      empty, the name section is not rendered.
   name_class:
     type: string
     default: "display-5 fw-bold mb-3"
     description: >-
       CSS classes applied to the name wrapper `<div>`
       (e.g., `display-5 fw-bold mb-3`).
+  name_link:
+    type: string
+    default: ""
+    description: >-
+      URL to wrap `name` in a link, rendered via `base/link.html.liquid`
+      (relative paths, absolute URLs, and anchors all resolve the same way
+      that component already does). When empty (default), `name` renders
+      as plain text, unchanged from prior behavior.
+  name_link_class:
+    type: string
+    default: ""
+    description: >-
+      CSS classes applied to the `name_link` anchor (e.g., `link-dark`).
+      When empty, falls back to `base/link.html.liquid`'s own color-driven
+      default styling, driven by this card's own `color` parameter (e.g., a
+      `color: "centos-purple"` card renders `link-centos-purple
+      link-underline-centos-purple`, matching its screenshot/button
+      theming — not a hardcoded `primary`). Ignored when `name_link` is
+      empty.
   screenshot:
     type: string
     default: ""
@@ -91,8 +111,9 @@ properties:
     type: string
     default: ""
     description: >-
-      Body text displayed below the name. When empty, the description
-      section is not rendered.
+      Body text displayed below the name. Supports inline Markdown (e.g.
+      `` `code` `` spans), rendered via the `markdownify` filter. When
+      empty, the description section is not rendered.
   description_class:
     type: string
     default: "mb-3"

data/_data/base/color.yml

@@ -20,12 +20,12 @@ branding_colors:
   rgb: "239, 167, 36"
   hsv: "39° / 85% / 94%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "10.22:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "9.12:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+5.72:1"
+  wcag_2_2_aa_margin: "+4.62:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+3.22:1"
+  wcag_2_2_aaa_margin: "+2.12:1"
   hue: "39°"
   saturation: "85%"
   lightness: "94%"
@@ -52,12 +52,12 @@ semantic_colors:
   rgb: "200, 106, 0"
   hsv: "32° / 100% / 78%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "5.52:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "4.92:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+1.02:1"
+  wcag_2_2_aa_margin: "+0.42:1"
   wcag_2_2_aaa: false
-  wcag_2_2_aaa_margin: "-1.48:1"
+  wcag_2_2_aaa_margin: "-2.08:1"
   hue: "32°"
   saturation: "100%"
   lightness: "78%"
@@ -98,12 +98,12 @@ neutral_colors:
   rgb: "246, 237, 244"
   hsv: "313° / 4% / 96%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "18.34:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "16.36:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+13.84:1"
+  wcag_2_2_aa_margin: "+11.86:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+11.34:1"
+  wcag_2_2_aaa_margin: "+9.36:1"
   hue: "313°"
   saturation: "4%"
   lightness: "96%"
@@ -131,12 +131,12 @@ purple_shades:
   rgb: "246, 237, 244"
   hsv: "313° / 4% / 96%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "18.34:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "16.36:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+13.84:1"
+  wcag_2_2_aa_margin: "+11.86:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+11.34:1"
+  wcag_2_2_aaa_margin: "+9.36:1"
   hue: "313°"
   saturation: "4%"
   lightness: "96%"
@@ -147,12 +147,12 @@ purple_shades:
   rgb: "236, 220, 232"
   hsv: "315° / 7% / 93%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "15.97:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "14.25:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+11.47:1"
+  wcag_2_2_aa_margin: "+9.75:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+8.97:1"
+  wcag_2_2_aaa_margin: "+7.25:1"
   hue: "315°"
   saturation: "7%"
   lightness: "93%"
@@ -163,12 +163,12 @@ purple_shades:
   rgb: "217, 185, 209"
   hsv: "315° / 15% / 85%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "11.81:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "10.54:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+7.31:1"
+  wcag_2_2_aa_margin: "+6.04:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+4.81:1"
+  wcag_2_2_aaa_margin: "+3.54:1"
   hue: "315°"
   saturation: "15%"
   lightness: "85%"
@@ -179,12 +179,12 @@ purple_shades:
   rgb: "199, 149, 186"
   hsv: "316° / 25% / 78%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "8.44:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "7.53:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+3.94:1"
+  wcag_2_2_aa_margin: "+3.03:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+1.44:1"
+  wcag_2_2_aaa_margin: "+0.53:1"
   hue: "316°"
   saturation: "25%"
   lightness: "78%"
@@ -195,12 +195,12 @@ purple_shades:
   rgb: "180, 114, 163"
   hsv: "315° / 37% / 71%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "5.88:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "5.24:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+1.38:1"
+  wcag_2_2_aa_margin: "+0.74:1"
   wcag_2_2_aaa: false
-  wcag_2_2_aaa_margin: "-1.12:1"
+  wcag_2_2_aaa_margin: "-1.76:1"
   hue: "315°"
   saturation: "37%"
   lightness: "71%"
@@ -308,12 +308,12 @@ orange_shades:
   rgb: "253, 246, 233"
   hsv: "39° / 8% / 99%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "19.54:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "17.43:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+15.04:1"
+  wcag_2_2_aa_margin: "+12.93:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+12.54:1"
+  wcag_2_2_aaa_margin: "+10.43:1"
   hue: "39°"
   saturation: "8%"
   lightness: "99%"
@@ -324,12 +324,12 @@ orange_shades:
   rgb: "252, 237, 211"
   hsv: "38° / 16% / 99%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "18.19:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "16.23:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+13.69:1"
+  wcag_2_2_aa_margin: "+11.73:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+11.19:1"
+  wcag_2_2_aaa_margin: "+9.23:1"
   hue: "38°"
   saturation: "16%"
   lightness: "99%"
@@ -340,12 +340,12 @@ orange_shades:
   rgb: "249, 220, 167"
   hsv: "39° / 33% / 98%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "15.82:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "14.12:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+11.32:1"
+  wcag_2_2_aa_margin: "+9.62:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+8.82:1"
+  wcag_2_2_aaa_margin: "+7.12:1"
   hue: "39°"
   saturation: "33%"
   lightness: "98%"
@@ -356,12 +356,12 @@ orange_shades:
   rgb: "245, 202, 124"
   hsv: "39° / 49% / 96%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "13.62:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "12.15:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+9.12:1"
+  wcag_2_2_aa_margin: "+7.65:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+6.62:1"
+  wcag_2_2_aaa_margin: "+5.15:1"
   hue: "39°"
   saturation: "49%"
   lightness: "96%"
@@ -372,12 +372,12 @@ orange_shades:
   rgb: "242, 185, 80"
   hsv: "39° / 67% / 95%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "11.83:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "10.55:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+7.33:1"
+  wcag_2_2_aa_margin: "+6.05:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+4.83:1"
+  wcag_2_2_aaa_margin: "+3.55:1"
   hue: "39°"
   saturation: "67%"
   lightness: "95%"
@@ -388,12 +388,12 @@ orange_shades:
   rgb: "239, 167, 36"
   hsv: "39° / 85% / 94%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "10.22:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "9.12:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+5.72:1"
+  wcag_2_2_aa_margin: "+4.62:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+3.22:1"
+  wcag_2_2_aaa_margin: "+2.12:1"
   hue: "39°"
   saturation: "85%"
   lightness: "94%"
@@ -404,12 +404,12 @@ orange_shades:
   rgb: "209, 140, 15"
   hsv: "39° / 93% / 82%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "7.47:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "6.66:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+2.97:1"
-  wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+0.47:1"
+  wcag_2_2_aa_margin: "+2.16:1"
+  wcag_2_2_aaa: false
+  wcag_2_2_aaa_margin: "-0.34:1"
   hue: "39°"
   saturation: "93%"
   lightness: "82%"
@@ -485,12 +485,12 @@ blue_shades:
   rgb: "233, 233, 241"
   hsv: "240° / 3% / 95%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "17.39:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "15.51:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+12.89:1"
+  wcag_2_2_aa_margin: "+11.01:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+10.39:1"
+  wcag_2_2_aaa_margin: "+8.51:1"
   hue: "240°"
   saturation: "3%"
   lightness: "95%"
@@ -501,12 +501,12 @@ blue_shades:
   rgb: "212, 211, 228"
   hsv: "244° / 7% / 89%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "14.24:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "12.70:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+9.74:1"
+  wcag_2_2_aa_margin: "+8.20:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+7.24:1"
+  wcag_2_2_aaa_margin: "+5.70:1"
   hue: "244°"
   saturation: "7%"
   lightness: "89%"
@@ -517,12 +517,12 @@ blue_shades:
   rgb: "168, 168, 201"
   hsv: "240° / 16% / 79%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "9.11:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "8.13:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+4.61:1"
+  wcag_2_2_aa_margin: "+3.63:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+2.11:1"
+  wcag_2_2_aaa_margin: "+1.13:1"
   hue: "240°"
   saturation: "16%"
   lightness: "79%"
@@ -533,12 +533,12 @@ blue_shades:
   rgb: "125, 124, 173"
   hsv: "241° / 28% / 68%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "5.36:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "4.78:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+0.86:1"
+  wcag_2_2_aa_margin: "+0.28:1"
   wcag_2_2_aaa: false
-  wcag_2_2_aaa_margin: "-1.64:1"
+  wcag_2_2_aaa_margin: "-2.22:1"
   hue: "241°"
   saturation: "28%"
   lightness: "68%"
@@ -662,12 +662,12 @@ green_shades:
   rgb: "245, 250, 234"
   hsv: "79° / 6% / 98%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "19.74:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "17.61:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+15.24:1"
+  wcag_2_2_aa_margin: "+13.11:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+12.74:1"
+  wcag_2_2_aaa_margin: "+10.61:1"
   hue: "79°"
   saturation: "6%"
   lightness: "98%"
@@ -678,12 +678,12 @@ green_shades:
   rgb: "235, 245, 212"
   hsv: "78° / 13% / 96%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "18.54:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "16.54:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+14.04:1"
+  wcag_2_2_aa_margin: "+12.04:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+11.54:1"
+  wcag_2_2_aaa_margin: "+9.54:1"
   hue: "78°"
   saturation: "13%"
   lightness: "96%"
@@ -694,12 +694,12 @@ green_shades:
   rgb: "215, 235, 170"
   hsv: "78° / 28% / 92%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "16.35:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "14.59:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+11.85:1"
+  wcag_2_2_aa_margin: "+10.09:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+9.35:1"
+  wcag_2_2_aaa_margin: "+7.59:1"
   hue: "78°"
   saturation: "28%"
   lightness: "92%"
@@ -710,12 +710,12 @@ green_shades:
   rgb: "196, 225, 127"
   hsv: "78° / 44% / 88%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "14.42:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "12.87:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+9.92:1"
+  wcag_2_2_aa_margin: "+8.37:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+7.42:1"
+  wcag_2_2_aaa_margin: "+5.87:1"
   hue: "78°"
   saturation: "44%"
   lightness: "88%"
@@ -726,12 +726,12 @@ green_shades:
   rgb: "176, 215, 85"
   hsv: "78° / 60% / 84%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "12.70:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "11.33:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+8.20:1"
+  wcag_2_2_aa_margin: "+6.83:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+5.70:1"
+  wcag_2_2_aaa_margin: "+4.33:1"
   hue: "78°"
   saturation: "60%"
   lightness: "84%"
@@ -742,12 +742,12 @@ green_shades:
   rgb: "156, 205, 42"
   hsv: "78° / 80% / 80%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "11.18:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "9.97:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+6.68:1"
+  wcag_2_2_aa_margin: "+5.47:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+4.18:1"
+  wcag_2_2_aaa_margin: "+2.97:1"
   hue: "78°"
   saturation: "80%"
   lightness: "80%"
@@ -758,12 +758,12 @@ green_shades:
   rgb: "128, 168, 34"
   hsv: "78° / 80% / 66%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "7.54:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "6.73:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+3.04:1"
-  wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+0.54:1"
+  wcag_2_2_aa_margin: "+2.23:1"
+  wcag_2_2_aaa: false
+  wcag_2_2_aaa_margin: "-0.27:1"
   hue: "78°"
   saturation: "80%"
   lightness: "66%"
@@ -774,12 +774,12 @@ green_shades:
   rgb: "109, 144, 29"
   hsv: "78° / 80% / 56%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "5.66:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "5.05:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+1.16:1"
+  wcag_2_2_aa_margin: "+0.55:1"
   wcag_2_2_aaa: false
-  wcag_2_2_aaa_margin: "-1.34:1"
+  wcag_2_2_aaa_margin: "-1.95:1"
   hue: "78°"
   saturation: "80%"
   lightness: "56%"
@@ -868,12 +868,12 @@ palette:
   rgb: "239, 167, 36"
   hsv: "39° / 85% / 94%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "10.22:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "9.12:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+5.72:1"
+  wcag_2_2_aa_margin: "+4.62:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+3.22:1"
+  wcag_2_2_aaa_margin: "+2.12:1"
   hue: "39°"
   saturation: "85%"
   lightness: "94%"
@@ -926,12 +926,12 @@ palette:
   rgb: "156, 205, 42"
   hsv: "78° / 80% / 80%"
   text_color: "Black"
-  text_color_hex: "#000000"
-  contrast_ratio: "11.18:1"
+  text_color_hex: "#1C0D19"
+  contrast_ratio: "9.97:1"
   wcag_2_2_aa: true
-  wcag_2_2_aa_margin: "+6.68:1"
+  wcag_2_2_aa_margin: "+5.47:1"
   wcag_2_2_aaa: true
-  wcag_2_2_aaa_margin: "+4.18:1"
+  wcag_2_2_aaa_margin: "+2.97:1"
   hue: "78°"
   saturation: "80%"
   lightness: "80%"
@@ -1038,5 +1038,5 @@ base_colors:
   shade_name: "centos-green-500"
   light_bg_contrast: "1.88:1"
   light_bg_status: false
-  dark_bg_contrast: "11.18:1"
+  dark_bg_contrast: "9.97:1"
   dark_bg_status: true

data/_data/base/copyright_schema.yml

@@ -41,10 +41,12 @@ properties:
                 `/privacy/`, `#terms`).
             color:
               type: string
+              default: light
               description: >-
-                The Bootstrap link color scheme (e.g., `light`, `primary`). Has no
-                effect when `class` is also set, because the Copyright component
-                supplies a default `class` that takes precedence.
+                The Bootstrap link color scheme (e.g., `light`, `primary`).
+                Substituted into `class`'s own default (see `class` below).
+                Has no effect when `class` is also set, because an explicit
+                `class` overrides the default entirely.
             icon:
               type: string
               description: >-
@@ -65,9 +67,14 @@ properties:
                 (e.g., `menuitem`).
             class:
               type: string
+              default: "link link-{color} link-offset-3 link-offset-3-hover link-underline-{color} link-underline-opacity-0 link-underline-opacity-100-hover border-start ms-2 ps-2"
               description: >-
                 Custom CSS classes applied to the anchor element. When set,
-                overrides the default legal link styling entirely.
+                overrides the default legal link styling entirely, including
+                `color`. When unset, the template substitutes `color` (or
+                this property's own default color, if `color` is also
+                unset) into this schema's own documented default (see
+                `default` above).
           required:
             - name
     additionalProperties: false

data/_data/base/link_schema.yml

@@ -49,13 +49,22 @@ properties:
           - _blank
       class:
         type: string
-        default: ""
+        default: "link link-{color} link-offset-3 link-offset-3-hover link-underline-{color} link-underline-opacity-0 link-underline-opacity-100-hover"
         description: >-
           One or more CSS classes to apply to the link element. Use this
           to override default link styling and apply component styles like
-          Bootstrap buttons (e.g., `btn btn-primary btn-lg`). When not set, the template
-          applies: `link link-{color} link-offset-3 link-offset-3-hover
-          link-underline-{color} link-underline-opacity-0 link-underline-opacity-100-hover`.
+          Bootstrap buttons (e.g., `btn btn-primary btn-lg`). When not set, the
+          template substitutes `color` into this schema's own documented
+          default (see `default` above) — a baseline specific to this
+          component's color-driven presentation, independent of
+          `jekyll-link-decorator`'s site-wide `default_link_classes` (which
+          only applies to plain links the decorator's post-processing pass
+          can reach; several `color`-driven call sites — `bits`, `card`,
+          `shortcut` — render via the layout, which the decorator
+          structurally never processes). Override this schema's default via
+          a site's own `_data/base/link_schema.yml` to change color-mode
+          styling site-wide, or pass `class` on an individual `{% include %}`
+          call to override just that one link.
       role:
         type: string
         default: ""
@@ -77,17 +86,15 @@ properties:
         type: string
         default: primary
         description: >-
-          The visual color of the link text. Possible values are standard
-          Bootstrap color utility classes (e.g., `primary`, `danger`, `dark`).
-        enum:
-          - primary
-          - secondary
-          - success
-          - info
-          - warning
-          - danger
-          - light
-          - dark
+          The visual color of the link text and underline, substituted into
+          the `class` property's default (see `class` above) as
+          `link-{color}` and `link-underline-{color}`. Accepts either one of
+          Bootstrap's eight semantic names (`primary`, `secondary`,
+          `success`, `info`, `warning`, `danger`, `light`, `dark`) or a
+          CentOS-generated color-shade name from the color component (e.g.,
+          `centos-purple`, `centos-orange-700`) — see
+          [CSS utility classes reference](/components/color/#css-utility-classes-reference).
+          Only takes effect when `class` is not also set.
       icon:
         type: string
         default: ""

data/_includes/base/card.html.liquid

@@ -16,7 +16,16 @@ Optional Inputs:
 - class: Card container CSS classes
 - color: Color scheme for styling (default: "primary")
 - image, icon, screenshot: Visual elements
-- name, description: Text content
+- name, description: Text content, run through Liquid's `markdownify` filter
+  so inline Markdown (e.g. `` `code` `` spans) renders as HTML. The
+  paragraph wrapper kramdown adds is stripped, since each already renders
+  inside its own `<p>`.
+- name_link: URL to wrap `name` in a link, rendered via
+  base/link.html.liquid. Empty by default (name renders as plain text).
+- name_link_class: CSS classes for the name_link anchor (e.g. "link-dark").
+  Ignored when name_link is empty; when left empty, falls back to
+  base/link.html.liquid's own color-driven default styling, driven by this
+  card's own `color` parameter (not a hardcoded "primary").
 - actions: Array of action buttons [{name, link, icon}]
 - All image/icon/name/description have customizable CSS classes
 
@@ -37,6 +46,8 @@ Data Source:
 {%- assign card_icon_class         = include.icon_class        | default: with_card_schema.icon_class.default %}
 {%- assign card_name               = include.name              | default: with_card_schema.name.default %}
 {%- assign card_name_class         = include.name_class        | default: with_card_schema.name_class.default %}
+{%- assign card_name_link          = include.name_link         | default: with_card_schema.name_link.default %}
+{%- assign card_name_link_class    = include.name_link_class   | default: with_card_schema.name_link_class.default %}
 {%- assign card_screenshot         = include.screenshot        | default: with_card_schema.screenshot.default %}
 {%- assign card_screenshot_class   = include.screenshot_class  | default: with_card_schema.screenshot_class.default %}
 {%- assign card_screenshot_style   = include.screenshot_style  | default: with_card_schema.screenshot_style.default %}
@@ -70,15 +81,26 @@ Data Source:
   {% endif %}
 {%- endcapture %}
 
+{%- comment %} Liquid 4.0.4 (this project's pinned version) has no remove_last/replace_last
+  filter, so the trailing "</p>" kramdown adds is stripped via split/join
+  instead: splitting on "</p>" drops the trailing empty segment left by the
+  closing tag at the very end of the string, and joining the remaining parts
+  back with "</p>" reconstructs everything except that final occurrence. {% endcomment %}
+{%- capture card_name_markdown -%}{{ card_name | markdownify }}{%- endcapture -%}
+{%- assign card_name_html = card_name_markdown | strip | remove_first: "<p>" | split: "</p>" | join: "</p>" | strip -%}
+
+{%- capture card_description_markdown -%}{{ card_description | markdownify }}{%- endcapture -%}
+{%- assign card_description_html = card_description_markdown | strip | remove_first: "<p>" | split: "</p>" | join: "</p>" | strip -%}
+
 {%- capture html_card_name -%}
   {% if card_name != "" %}
-    <p class="{{ card_name_class }}">{{ card_name }}</p>
+    <p class="{{ card_name_class }}">{% if card_name_link != "" %}{% include base/link.html.liquid name=card_name_html link=card_name_link class=card_name_link_class color=card_color %}{% else %}{{ card_name_html }}{% endif %}</p>
   {% endif %}
 {%- endcapture %}
 
 {%- capture html_card_description -%}
   {% if card_description != "" %}
-    <p class="{{ card_description_class }}">{{ card_description }}</p>
+    <p class="{{ card_description_class }}">{{ card_description_html }}</p>
   {% endif %}
 {%- endcapture %}
 

data/_includes/base/color-table.html.liquid

@@ -27,7 +27,7 @@
       <td class="text-nowrap"><i class="fas fa-circle fa-xl" style="color: {{ item.hex }}"></i><span role="button" class="copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy hex value" data-copy-value="{{ item.hex }}" aria-label="Copy hex value {{ item.hex }}"><code>{{ item.hex }}</code> <span class="fa-regular fa-copy"></span></span></td>
       <td class="text-nowrap"><span role="button" class="copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy RGB value" data-copy-value="{{ item.rgb }}" aria-label="Copy RGB value {{ item.rgb }}"><code>{{ item.rgb }}</code> <span class="fa-regular fa-copy"></span></span></td>
       <td class="text-nowrap"><span role="button" class="copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy HSV value" data-copy-value="{{ item.hsv }}" aria-label="Copy HSV value {{ item.hsv }}"><code>{{ item.hsv }}</code> <span class="fa-regular fa-copy"></span></span></td>
-      <td><span class="badge {{ item.text_badge }}">{{ item.text_color }}</span></td>
+      <td class="text-nowrap">{% if item.text_color == "Black" %}<span class="badge {{ item.text_badge }}" data-bs-toggle="tooltip" data-bs-title="{{ item.text_color }} — near-black brand color, not literal black"><span aria-hidden="true">{{ item.text_color | slice: 0, 1 }}</span><span class="visually-hidden">{{ item.text_color }}</span></span>{% else %}<span class="badge {{ item.text_badge }}" data-bs-toggle="tooltip" data-bs-title="{{ item.text_color }}"><span aria-hidden="true">{{ item.text_color | slice: 0, 1 }}</span><span class="visually-hidden">{{ item.text_color }}</span></span>{% endif %} <span role="button" class="copy-btn" data-bs-toggle="tooltip" data-bs-title="Copy text color hex value" data-copy-value="{{ item.text_color_hex }}" aria-label="Copy text color hex value {{ item.text_color_hex }}"><code>{{ item.text_color_hex }}</code> <span class="fa-regular fa-copy"></span></span></td>
       <td class="text-nowrap"><code>{{ item.contrast_ratio | remove: '`' }}</code> {% include base/link.html.liquid link=_webaim_link target="_blank" class="text-decoration-none" icon="fas fa-external-link-alt" data_bs_toggle="tooltip" data_bs_title="Verify with WebAIM" aria_label="Verify contrast ratio with WebAIM" %}</td>
       <td class="text-nowrap">{% if item.wcag_2_2_aa %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Exceeds WCAG 2.2 AA standard (4.5:1 minimum)"><i class="fas fa-circle-check text-success"></i></span>{% else %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Underperforms WCAG 2.2 AA standard (4.5:1 minimum)"><i class="fas fa-circle-xmark text-danger"></i></span>{% endif %} <code>{{ item.wcag_2_2_aa_margin | remove: '`' }}</code></td>
       <td class="text-nowrap">{% if item.wcag_2_2_aaa %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Exceeds WCAG 2.2 AAA standard (7.0:1 minimum)"><i class="fas fa-circle-check text-success"></i></span>{% else %}<span class="d-inline-block" data-bs-toggle="tooltip" title="Underperforms WCAG 2.2 AAA standard (7.0:1 minimum)"><i class="fas fa-circle-xmark text-danger"></i></span>{% endif %} <code>{{ item.wcag_2_2_aaa_margin | remove: '`' }}</code></td>

data/_includes/base/copyright.html.liquid

@@ -50,9 +50,12 @@ Data Source Hierarchy (priority):
 {%- assign copyright_author = with_copyright_data.author | default: with_copyright_schema.author.default %}
 {%- assign copyright_legals = with_copyright_data.legals | default: with_copyright_schema.legals.default %}
 
+{%- assign copyright_legal_schema = with_copyright_schema.legals.items.properties %}
+
 {%- capture copyright_links -%}
 {%- for item in copyright_legals -%}
-{%- assign copyright_link_class = item.class | default: "link link-offset-3 link-offset-3-hover link-underline-primary link-underline-opacity-0 link-underline-opacity-100-hover border-start ms-2 ps-2 link-light" %}
+{%- assign copyright_link_color = item.color | default: copyright_legal_schema.color.default %}
+{%- assign copyright_link_class = item.class | default: copyright_legal_schema.class.default | replace: '{color}', copyright_link_color %}
 {%- include base/link.html.liquid
     class         = copyright_link_class
     name          = item.name

data/_includes/base/link.html.liquid

@@ -43,10 +43,11 @@ Security & External Links:
 {%- if page.with_link -%}
 {%- capture html_link -%}
   {%- comment %} === Data source selection === {% endcomment %}
+  {%- assign link_schema       = site.data.base.link_schema.properties.with_link_data.properties %}
   {%- assign link              = include.link              | default: nil %}
   {%- assign name              = include.name              | default: nil %}
   {%- assign target            = include.target            | default: nil %}
-  {%- assign color             = include.color             | default: "primary" %}
+  {%- assign color             = include.color             | default: link_schema["color"].default %}
   {%- assign role              = include.role              | default: nil %}
   {%- assign icon              = include.icon              | default: nil %}
   {%- assign icon_position     = include.icon_position     | default: "start" %}
@@ -89,7 +90,7 @@ Security & External Links:
   {%- if class != nil -%}
     {%- assign link_class = class %}
   {%- else -%}
-    {%- capture link_class -%}link link-{{ color }} link-offset-3 link-offset-3-hover link-underline-{{ color }} link-underline-opacity-0 link-underline-opacity-100-hover{%- endcapture -%}
+    {%- assign link_class = link_schema["class"].default | replace: '{color}', color %}
   {%- endif -%}
 
   {%- comment %} --- Security attributes for external links --- {% endcomment %}

data/_includes/base/shortcut.html.liquid

@@ -66,7 +66,6 @@ Conditional Logic:
                 {% include base/link.html.liquid
                 name  = item.name
                 link  = item_link
-                color = "primary"
                 %}
               </li>
             {% endfor %}

data/_sass/base/_customization.scss

@@ -41,20 +41,7 @@ body {
   }
 }
 
-// --------------------------------------------------------------------------------
-// Backgrounds, Texts, and Gradients classes
-// --------------------------------------------------------------------------------
-@each $color, $value in $theme-colors {
-  // Create a background utility class for each color.
-  .bg-#{$color} {
-    background-color: $value;
-  }
-  // Create a text color utility class for each color.
-  .text-#{$color} {
-    color: $value;
-  }
-}
-
+// Text gradient classes (no native Bootstrap equivalent)
 @each $color, $value in $centos-text-gradients {
   .text-gradient-#{$color} {
     background-image: $value;
@@ -115,6 +102,10 @@ body {
   background-position: bottom;
 }
 
+.bg-image-cover {
+  background-size: cover;
+}
+
 // --------------------------------------------------------------------------------
 // Lists
 // --------------------------------------------------------------------------------
@@ -170,11 +161,15 @@ $centos-alert-icons: (
   // Markdown-based alerts with CSS-generated icons
   // Only apply to alerts that are neither announcements nor breaking news
   .alert:not(.announcement):not(.breakingnews) {
-    padding-left: $spacer * 3;
     border-left-width: 0.5rem;
 
+    // Reserve icon space only for the semantic types that have an icon
+    // defined in $centos-alert-icons. Shade-extended alert-centos-* classes
+    // keep the default padding so they don't carry an empty icon gutter.
     @each $color, $icon-url in $centos-alert-icons {
       &.alert-#{$color} {
+        padding-left: $spacer * 3;
+
         &::before {
           content: "";
           position: absolute;

data/_sass/base/_maps.scss

@@ -1,37 +1,38 @@
-@use "sass:math";
+// Extend Bootstrap's text-emphasis/bg-subtle/border-subtle maps — consumed
+// by .alert-*, .list-group-item-*, and the .bg-*-subtle/.text-*-emphasis/
+// .border-*-subtle utilities via --bs-{color}-text-emphasis/-bg-subtle/
+// -border-subtle custom properties — to cover every CentOS color and shade,
+// not just Bootstrap's original 8 semantic names. Without this,
+// .alert-centos-*/.list-group-item-* reference those custom properties but
+// nothing ever defines them for CentOS colors, so the classes apply with no
+// visible color at all (a `var()` pointing at an undefined custom property
+// falls back to the property's initial value, e.g. a transparent
+// background).
+//
+// Unlike $theme-colors-rgb (see base/theme-colors), Bootstrap defines these
+// as literal 8-entry maps in bootstrap/_maps.scss rather than deriving them
+// from $theme-colors via map-loop, so this doesn't need an import-order
+// fix — base/maps already runs after bootstrap/maps defines the Bootstrap
+// defaults and before bootstrap/bootstrap's _root.scss compiles them into
+// :root custom properties, so extending them here is enough.
+$bootstrap-semantic-colors: primary, secondary, success, danger, warning, info, light, dark;
 
-// Merge the base colors into the main `$theme-colors` map
-$theme-colors: map-merge($theme-colors, $centos-base-colors);
+@each $name, $value in $theme-colors {
+  @if not index($bootstrap-semantic-colors, $name) {
+    // Formulas match Bootstrap's own defaults for these maps exactly (see
+    // $primary-text-emphasis/-bg-subtle/-border-subtle in
+    // bootstrap/_variables.scss) so CentOS colors get the same tint/shade
+    // treatment Bootstrap's own semantic colors do.
+    $theme-colors-text: map-merge($theme-colors-text, ($name: shade-color($value, 60%)));
+    $theme-colors-bg-subtle: map-merge($theme-colors-bg-subtle, ($name: tint-color($value, 80%)));
+    $theme-colors-border-subtle: map-merge($theme-colors-border-subtle, ($name: tint-color($value, 60%)));
 
-// Generate all custom color shades and merge them into `$theme-colors`.
-// Uses saturation-normalized shade generation to maintain brand saturation
-// throughout the dark range (grades 800-950), creating visual consistency
-// between web UI and wallpaper colors.
-@each $name, $color in $centos-base-colors {
-  @each $shade in $centos-color-shades {
-    $shade-name: "#{$name}-#{$shade}";
-    $shade-color: null;
-
-    @if $shade < 500 {
-      // Light shades: use standard tint-color (adds white, works well)
-      $shade-color: tint-color($color, percentage(math.div(500 - $shade, 500)));
-    } @else if $shade > 500 {
-      // Special case: Green 700 needs 30% black mix (not 20%) for AA compliance.
-      // This ensures WHITE text contrast meets 4.5:1 threshold.
-      @if $name == "centos-green" and $shade == 700 {
-        $shade-color: shade-color($color, 30%);
-      } @else {
-        // NEW: Use saturation-normalized shade for all other dark shades
-        // This function increases saturation multiplier for grades 800-950
-        // Result: vivid dark colors that feel on-brand
-        $shade-color: saturated-shade($color, $shade);
-      }
-    } @else {
-      // Grade 500: use base color as-is
-      $shade-color: $color;
+    @if $enable-dark-mode {
+      // Matches $primary-text-emphasis-dark/-bg-subtle-dark/-border-subtle-dark.
+      $theme-colors-text-dark: map-merge($theme-colors-text-dark, ($name: tint-color($value, 40%)));
+      $theme-colors-bg-subtle-dark: map-merge($theme-colors-bg-subtle-dark, ($name: shade-color($value, 80%)));
+      $theme-colors-border-subtle-dark: map-merge($theme-colors-border-subtle-dark, ($name: shade-color($value, 40%)));
     }
-
-    $theme-colors: map-merge($theme-colors, ($shade-name: $shade-color));
   }
 }
 
@@ -73,23 +74,14 @@ $centos-text-gradients: (
   )
 );
 
-// Define custom utilities using the correct Bootstrap API. This allows you to
-// use classes like `text-bg-centos-purple-800`.
+// Define custom utilities using the correct Bootstrap API. These are genuine
+// custom concepts Bootstrap has no equivalent for; `.bg-*`/`.text-*`/
+// `.border-*`/`.text-bg-*`/`.link-underline-*` are now generated natively by
+// Bootstrap's own utilities API for every CentOS color and shade (see
+// base/theme-colors, imported before bootstrap/maps/utilities).
 $utilities: map-merge(
   $utilities,
   (
-    "centos-text-bg-color": (
-      property: background-color,
-      class: text-bg,
-      values: $theme-colors,
-      state: "text-bg"
-    ),
-    "centos-border-color": (
-      property: border-color,
-      class: border,
-      values: $theme-colors,
-      state: "border"
-    ),
     "centos-bg-gradient": (
       property: background,
       class: bg-gradient,

data/_sass/base/_theme-colors.scss

@@ -0,0 +1,46 @@
+@use "sass:math";
+
+// Merge the base colors and generated shades into `$theme-colors` here, in
+// their own partial imported right after bootstrap/variables-dark (so
+// $theme-colors already exists) but before bootstrap/maps/utilities (see
+// src/CSS/stylesheet.min.scss), so those partials snapshot the FULL
+// CentOS-merged color set when they compute
+// $theme-colors-rgb/$utilities-colors/etc. Those snapshots are taken once,
+// eagerly, at import time — Sass variables aren't reactive — so if this
+// merge ran any later (e.g. from base/maps, which still runs after
+// bootstrap/utilities for unrelated reasons), Bootstrap's native
+// .bg-*/.text-*/.border-*/.text-bg-*/.link-underline-* utilities would only
+// ever cover Bootstrap's original 8 semantic names.
+$theme-colors: map-merge($theme-colors, $centos-base-colors);
+
+// Generate all custom color shades and merge them into `$theme-colors`.
+// Uses saturation-normalized shade generation to maintain brand saturation
+// throughout the dark range (grades 800-950), creating visual consistency
+// between web UI and wallpaper colors.
+@each $name, $color in $centos-base-colors {
+  @each $shade in $centos-color-shades {
+    $shade-name: "#{$name}-#{$shade}";
+    $shade-color: null;
+
+    @if $shade < 500 {
+      // Light shades: use standard tint-color (adds white, works well)
+      $shade-color: tint-color($color, percentage(math.div(500 - $shade, 500)));
+    } @else if $shade > 500 {
+      // Special case: Green 700 needs 30% black mix (not 20%) for AA compliance.
+      // This ensures WHITE text contrast meets 4.5:1 threshold.
+      @if $name == "centos-green" and $shade == 700 {
+        $shade-color: shade-color($color, 30%);
+      } @else {
+        // NEW: Use saturation-normalized shade for all other dark shades
+        // This function increases saturation multiplier for grades 800-950
+        // Result: vivid dark colors that feel on-brand
+        $shade-color: saturated-shade($color, $shade);
+      }
+    } @else {
+      // Grade 500: use base color as-is
+      $shade-color: $color;
+    }
+
+    $theme-colors: map-merge($theme-colors, ($shade-name: $shade-color));
+  }
+}

data/assets/css/base/stylesheet.min.scss

@@ -21,6 +21,14 @@
 // This defines variables like $theme-colors and $utilities.
 @import "bootstrap/variables";
 @import "bootstrap/variables-dark";
+
+// 3b. Merge CentOS colors/shades into $theme-colors now that Bootstrap has
+// defined it, but before bootstrap/maps and bootstrap/utilities snapshot it,
+// so Bootstrap's native .bg-*/.text-*/.border-*/.text-bg-*/.link-underline-*
+// utilities cover every CentOS color and shade automatically instead of only
+// Bootstrap's original 8 semantic names.
+@import "base/theme-colors";
+
 @import "bootstrap/maps";
 @import "bootstrap/mixins";
 @import "bootstrap/utilities";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 2.52.0.beta.98
+  version: 2.52.0.beta.99
 platform: ruby
 authors:
 - Alain Reguera Delgado
@@ -381,6 +381,7 @@ files:
 - _sass/base/_download.scss
 - _sass/base/_light-dark.scss
 - _sass/base/_maps.scss
+- _sass/base/_theme-colors.scss
 - _sass/base/_variables.scss
 - _sass/bootstrap/_accordion.scss
 - _sass/bootstrap/_alert.scss