jekyll-theme-centos 2.52.0.beta.3 → 2.52.0.beta.5

data/_sass/bootstrap/vendor/_rfs.scss

@@ -0,0 +1,348 @@
+// stylelint-disable scss/dimension-no-non-numeric-values
+
+// SCSS RFS mixin
+//
+// Automated responsive values for font sizes, paddings, margins and much more
+//
+// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)
+
+// Configuration
+
+// Base value
+$rfs-base-value: 1.25rem !default;
+$rfs-unit: rem !default;
+
+@if $rfs-unit != rem and $rfs-unit != px {
+  @error "`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.";
+}
+
+// Breakpoint at where values start decreasing if screen width is smaller
+$rfs-breakpoint: 1200px !default;
+$rfs-breakpoint-unit: px !default;
+
+@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {
+  @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
+}
+
+// Resize values based on screen height and width
+$rfs-two-dimensional: false !default;
+
+// Factor of decrease
+$rfs-factor: 10 !default;
+
+@if type-of($rfs-factor) != number or $rfs-factor <= 1 {
+  @error "`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.";
+}
+
+// Mode. Possibilities: "min-media-query", "max-media-query"
+$rfs-mode: min-media-query !default;
+
+// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
+$rfs-class: false !default;
+
+// 1 rem = $rfs-rem-value px
+$rfs-rem-value: 16 !default;
+
+// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
+$rfs-safari-iframe-resize-bug-fix: false !default;
+
+// Disable RFS by setting $enable-rfs to false
+$enable-rfs: true !default;
+
+// Cache $rfs-base-value unit
+$rfs-base-value-unit: unit($rfs-base-value);
+
+@function divide($dividend, $divisor, $precision: 10) {
+  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);
+  $dividend: abs($dividend);
+  $divisor: abs($divisor);
+  @if $dividend == 0 {
+    @return 0;
+  }
+  @if $divisor == 0 {
+    @error "Cannot divide by 0";
+  }
+  $remainder: $dividend;
+  $result: 0;
+  $factor: 10;
+  @while ($remainder > 0 and $precision >= 0) {
+    $quotient: 0;
+    @while ($remainder >= $divisor) {
+      $remainder: $remainder - $divisor;
+      $quotient: $quotient + 1;
+    }
+    $result: $result * 10 + $quotient;
+    $factor: $factor * .1;
+    $remainder: $remainder * 10;
+    $precision: $precision - 1;
+    @if ($precision < 0 and $remainder >= $divisor * 5) {
+      $result: $result + 1;
+    }
+  }
+  $result: $result * $factor * $sign;
+  $dividend-unit: unit($dividend);
+  $divisor-unit: unit($divisor);
+  $unit-map: (
+    "px": 1px,
+    "rem": 1rem,
+    "em": 1em,
+    "%": 1%
+  );
+  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {
+    $result: $result * map-get($unit-map, $dividend-unit);
+  }
+  @return $result;
+}
+
+// Remove px-unit from $rfs-base-value for calculations
+@if $rfs-base-value-unit == px {
+  $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);
+}
+@else if $rfs-base-value-unit == rem {
+  $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));
+}
+
+// Cache $rfs-breakpoint unit to prevent multiple calls
+$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
+
+// Remove unit from $rfs-breakpoint for calculations
+@if $rfs-breakpoint-unit-cache == px {
+  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);
+}
+@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == "em" {
+  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));
+}
+
+// Calculate the media query value
+$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});
+$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);
+$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);
+
+// Internal mixin used to determine which media query needs to be used
+@mixin _rfs-media-query {
+  @if $rfs-two-dimensional {
+    @if $rfs-mode == max-media-query {
+      @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
+        @content;
+      }
+    }
+    @else {
+      @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {
+        @content;
+      }
+    }
+  }
+  @else {
+    @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
+      @content;
+    }
+  }
+}
+
+// Internal mixin that adds disable classes to the selector if needed.
+@mixin _rfs-rule {
+  @if $rfs-class == disable and $rfs-mode == max-media-query {
+    // Adding an extra class increases specificity, which prevents the media query to override the property
+    &,
+    .disable-rfs &,
+    &.disable-rfs {
+      @content;
+    }
+  }
+  @else if $rfs-class == enable and $rfs-mode == min-media-query {
+    .enable-rfs &,
+    &.enable-rfs {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Internal mixin that adds enable classes to the selector if needed.
+@mixin _rfs-media-query-rule {
+
+  @if $rfs-class == enable {
+    @if $rfs-mode == min-media-query {
+      @content;
+    }
+
+    @include _rfs-media-query () {
+      .enable-rfs &,
+      &.enable-rfs {
+        @content;
+      }
+    }
+  }
+  @else {
+    @if $rfs-class == disable and $rfs-mode == min-media-query {
+      .disable-rfs &,
+      &.disable-rfs {
+        @content;
+      }
+    }
+    @include _rfs-media-query () {
+      @content;
+    }
+  }
+}
+
+// Helper function to get the formatted non-responsive value
+@function rfs-value($values) {
+  // Convert to list
+  $values: if(type-of($values) != list, ($values,), $values);
+
+  $val: "";
+
+  // Loop over each value and calculate value
+  @each $value in $values {
+    @if $value == 0 {
+      $val: $val + " 0";
+    }
+    @else {
+      // Cache $value unit
+      $unit: if(type-of($value) == "number", unit($value), false);
+
+      @if $unit == px {
+        // Convert to rem if needed
+        $val: $val + " " + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);
+      }
+      @else if $unit == rem {
+        // Convert to px if needed
+        $val: $val + " " + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);
+      } @else {
+        // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+        $val: $val + " " + $value;
+      }
+    }
+  }
+
+  // Remove first space
+  @return unquote(str-slice($val, 2));
+}
+
+// Helper function to get the responsive value calculated by RFS
+@function rfs-fluid-value($values) {
+  // Convert to list
+  $values: if(type-of($values) != list, ($values,), $values);
+
+  $val: "";
+
+  // Loop over each value and calculate value
+  @each $value in $values {
+    @if $value == 0 {
+      $val: $val + " 0";
+    } @else {
+      // Cache $value unit
+      $unit: if(type-of($value) == "number", unit($value), false);
+
+      // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+      @if not $unit or $unit != px and $unit != rem {
+        $val: $val + " " + $value;
+      } @else {
+        // Remove unit from $value for calculations
+        $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));
+
+        // Only add the media query if the value is greater than the minimum value
+        @if abs($value) <= $rfs-base-value or not $enable-rfs {
+          $val: $val + " " + if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);
+        }
+        @else {
+          // Calculate the minimum value
+          $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);
+
+          // Calculate difference between $value and the minimum value
+          $value-diff: abs($value) - $value-min;
+
+          // Base value formatting
+          $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);
+
+          // Use negative value if needed
+          $min-width: if($value < 0, -$min-width, $min-width);
+
+          // Use `vmin` if two-dimensional is enabled
+          $variable-unit: if($rfs-two-dimensional, vmin, vw);
+
+          // Calculate the variable width between 0 and $rfs-breakpoint
+          $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};
+
+          // Return the calculated value
+          $val: $val + " calc(" + $min-width + if($value < 0, " - ", " + ") + $variable-width + ")";
+        }
+      }
+    }
+  }
+
+  // Remove first space
+  @return unquote(str-slice($val, 2));
+}
+
+// RFS mixin
+@mixin rfs($values, $property: font-size) {
+  @if $values != null {
+    $val: rfs-value($values);
+    $fluid-val: rfs-fluid-value($values);
+
+    // Do not print the media query if responsive & non-responsive values are the same
+    @if $val == $fluid-val {
+      #{$property}: $val;
+    }
+    @else {
+      @include _rfs-rule () {
+        #{$property}: if($rfs-mode == max-media-query, $val, $fluid-val);
+
+        // Include safari iframe resize fix if needed
+        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);
+      }
+
+      @include _rfs-media-query-rule () {
+        #{$property}: if($rfs-mode == max-media-query, $fluid-val, $val);
+      }
+    }
+  }
+}
+
+// Shorthand helper mixins
+@mixin font-size($value) {
+  @include rfs($value);
+}
+
+@mixin padding($value) {
+  @include rfs($value, padding);
+}
+
+@mixin padding-top($value) {
+  @include rfs($value, padding-top);
+}
+
+@mixin padding-right($value) {
+  @include rfs($value, padding-right);
+}
+
+@mixin padding-bottom($value) {
+  @include rfs($value, padding-bottom);
+}
+
+@mixin padding-left($value) {
+  @include rfs($value, padding-left);
+}
+
+@mixin margin($value) {
+  @include rfs($value, margin);
+}
+
+@mixin margin-top($value) {
+  @include rfs($value, margin-top);
+}
+
+@mixin margin-right($value) {
+  @include rfs($value, margin-right);
+}
+
+@mixin margin-bottom($value) {
+  @include rfs($value, margin-bottom);
+}
+
+@mixin margin-left($value) {
+  @include rfs($value, margin-left);
+}

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

@@ -0,0 +1,35 @@
+---
+---
+
+/*!
+ * CentOS Customization
+ * Copyright 2025 Alain Reguera Delgado
+ * Licensed under MIT License (https://opensource.org/licenses/MIT)
+ *
+ * Customized CSS extensions for the CentOS project built on top of Bootstrap.
+ * This stylesheet adds CentOS-specific styling, components, and utilities
+ * to the Bootstrap framework for use in CentOS web properties.
+ */
+
+// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
+@import "bootstrap/functions";
+
+// 2. Include any default variable overrides here
+@import "base/variables";
+
+// 3. Import Bootstrap's default variables and maps.
+// This defines variables like $theme-colors and $utilities.
+@import "bootstrap/variables";
+@import "bootstrap/variables-dark";
+@import "bootstrap/maps";
+@import "bootstrap/mixins";
+@import "bootstrap/utilities";
+
+// 4. Import your custom maps. They can now safely use the defined variables.
+@import "base/maps";
+
+// 5. Include remainder of required parts
+@import "bootstrap/bootstrap";
+
+// 6. Add additional custom code here
+@import "base/customization";

data/assets/icons/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 42.333 42.333"><g transform="matrix(1.0529 0 0 1.05289 -387.492 265.985)"><circle cx="435.079" cy="-124.144" r="20.103" style="fill:#a14f8c;fill-opacity:1;stroke:none;stroke-width:1.32292;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke;stop-color:#000" transform="rotate(-15)"/><path d="m384.257-249.617-3.875 3.875h-5.479v5.48l-3.875 3.875 3.875 3.874v5.48h5.48l3.874 3.875 3.875-3.875h5.48v-5.48l3.874-3.874-3.875-3.875-5.48-5.48zm1.176 3.875v4.18l-1.176 1.176-1.176-1.176v-4.18zm-6.959 1.908 2.956 2.957v1.662h-1.663l-2.956-2.956zm-3.571 6.27h4.18l1.176 1.177-1.176 1.176h-4.18zm14.434 0h4.18v2.353h-4.18l-1.176-1.176zm-9.503 3.937h1.663v1.663l-2.956 2.956-1.663-1.663zm7.184 0h1.663l2.956 2.956-1.663 1.663-2.956-2.956zm-2.76 1.143 1.175 1.176v4.18h-2.352v-4.18z" style="fill:#fff;fill-opacity:1;stroke-width:7.93746;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000" transform="translate(-53.772 39.325)scale(1.15)"/><path d="m385.433-239.09-1.176 1.04-1.176-1.04v1.526h-1.526l1.039 1.177-1.04 1.176h1.527v1.526l1.176-1.04 1.176 1.04v-1.526h1.527l-1.04-1.176 1.04-1.177h-1.527z" style="fill:#efa724;fill-opacity:1;stroke-width:8.59212;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000" transform="translate(-53.772 39.325)scale(1.15)"/><path d="m388.135-245.738 1.905 1.905-2.956 2.956v1.663h1.663l2.956-2.956 1.911 1.911-.003-5.483z" style="fill:#efa724;fill-opacity:1;stroke-width:6.14231;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000" transform="translate(-53.772 39.325)scale(1.15)"/></g></svg>

data/assets/img/anaconda-symbolic.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500" viewBox="0 0 132.292 132.292"><defs><linearGradient xlink:href="#a" id="b" x1="88.596" x2="536.596" y1="-449.394" y2="-449.394" gradientTransform="matrix(.23214 0 0 .32895 -8.567 435.827)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" stop-color="#acabae"/><stop offset=".038" stop-color="#f7f7f7"/><stop offset=".077" stop-color="#deddda"/><stop offset=".923" stop-color="#b0afad"/><stop offset=".962" stop-color="#c0bfbc"/><stop offset="1" stop-color="#77767b"/></linearGradient></defs><g transform="translate(0 -177.767)scale(1.03353)"><rect width="104" height="100" x="12" y="188" fill="url(#b)" rx="8" ry="8" style="fill:url(#b);marker:none"/><rect width="104" height="100" x="12" y="184" fill="#fff" rx="8" ry="8" style="marker:none"/><g color="#000" transform="translate(-104 -365.5)"><rect width="80" height="8" x="128" y="625.5" fill="#e1dedb" overflow="visible" rx="4" ry="4" style="marker:none"/><rect width="48.125" height="8" x="128" y="625.5" fill="#3584e4" overflow="visible" rx="4" ry="4" style="marker:none;fill:#000;fill-opacity:1"/></g></g><g transform="rotate(45 -279.112 -871.9)scale(1.5925)"><circle cx="388.123" cy="-290.716" r="20.103" style="fill:#000;fill-opacity:1;stroke:none;stroke-width:1.32292;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke;stop-color:#000"/><path d="M377.366-301.473v6.301l-4.456 4.456 4.456 4.456v6.302h6.302l4.456 4.456 4.456-4.456h6.301v-6.302l4.456-4.456-4.456-4.456v-6.301h-6.301l-4.456-4.456-4.456 4.456zm2.271 4.183 1.913-1.912 3.227 3.227v1.913h-1.912zm-2.163 5.222h4.565l1.352 1.352-1.352 1.353h-4.564zm9.297-9.297h2.705v4.564l-1.352 1.353-1.353-1.353zm.091 7.607 1.261 1.282 1.26-1.283-.015 1.798 1.798-.016-1.282 1.26 1.283 1.261-1.798-.015.016 1.798-1.26-1.282-1.261 1.283.015-1.799-1.798.016 1.282-1.26-1.283-1.26 1.799.015zm-7.225 9.617 3.228-3.228h1.912v1.913l-3.227 3.227zm11.833-11.834 3.228-3.227 1.913 1.912-3.228 3.228h-1.912zm-4.698 11.345 1.352-1.352 1.352 1.352v4.564h-2.704zm6.085-6.085 1.352-1.353h4.564v2.705h-4.564zm-1.387 3.346h1.913l3.228 3.228-1.913 1.912-3.228-3.227z" style="fill:#fff;fill-opacity:1;stroke-width:9.12808;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000"/></g></svg>

data/assets/img/anaconda.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500" viewBox="0 0 132.292 132.292"><defs><linearGradient xlink:href="#a" id="b" x1="88.596" x2="536.596" y1="-449.394" y2="-449.394" gradientTransform="matrix(.23214 0 0 .32895 -8.567 435.827)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" stop-color="#acabae"/><stop offset=".038" stop-color="#f7f7f7"/><stop offset=".077" stop-color="#deddda"/><stop offset=".923" stop-color="#b0afad"/><stop offset=".962" stop-color="#c0bfbc"/><stop offset="1" stop-color="#77767b"/></linearGradient></defs><g transform="translate(0 -177.767)scale(1.03353)"><rect width="104" height="100" x="12" y="188" fill="url(#b)" rx="8" ry="8" style="fill:url(#b);marker:none"/><rect width="104" height="100" x="12" y="184" fill="#fff" rx="8" ry="8" style="marker:none"/><g color="#000" transform="translate(-104 -365.5)"><rect width="80" height="8" x="128" y="625.5" fill="#e1dedb" overflow="visible" rx="4" ry="4" style="marker:none"/><rect width="48.125" height="8" x="128" y="625.5" fill="#3584e4" overflow="visible" rx="4" ry="4" style="marker:none;fill:#a14f8c;fill-opacity:1"/></g></g><g transform="matrix(1.59252 0 0 1.5925 -551.95 421.964)"><circle cx="435.079" cy="-124.144" r="20.103" style="fill:#a14f8c;fill-opacity:1;stroke:none;stroke-width:1.32292;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:fill markers stroke;stop-color:#000" transform="rotate(-15)"/><path d="m384.257-249.617-3.875 3.875h-5.479v5.48l-3.875 3.875 3.875 3.874v5.48h5.48l3.874 3.875 3.875-3.875h5.48v-5.48l3.874-3.874-3.875-3.875-5.48-5.48zm1.176 3.875v4.18l-1.176 1.176-1.176-1.176v-4.18zm-6.959 1.908 2.956 2.957v1.662h-1.663l-2.956-2.956zm-3.571 6.27h4.18l1.176 1.177-1.176 1.176h-4.18zm14.434 0h4.18v2.353h-4.18l-1.176-1.176zm-9.503 3.937h1.663v1.663l-2.956 2.956-1.663-1.663zm7.184 0h1.663l2.956 2.956-1.663 1.663-2.956-2.956zm-2.76 1.143 1.175 1.176v4.18h-2.352v-4.18z" style="fill:#fff;fill-opacity:1;stroke-width:7.93746;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000" transform="translate(-53.772 39.325)scale(1.15)"/><path d="m385.433-239.09-1.176 1.04-1.176-1.04v1.526h-1.526l1.039 1.177-1.04 1.176h1.527v1.526l1.176-1.04 1.176 1.04v-1.526h1.527l-1.04-1.176 1.04-1.177h-1.527z" style="fill:#efa724;fill-opacity:1;stroke-width:8.59212;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000" transform="translate(-53.772 39.325)scale(1.15)"/><path d="m388.135-245.738 1.905 1.905-2.956 2.956v1.663h1.663l2.956-2.956 1.911 1.911-.003-5.483z" style="fill:#efa724;fill-opacity:1;stroke-width:6.14231;stroke-linecap:round;paint-order:fill markers stroke;stop-color:#000" transform="translate(-53.772 39.325)scale(1.15)"/></g></svg>

data/assets/img/base/centos-colors.gpl

@@ -0,0 +1,55 @@
+GIMP Palette
+Name: CentOS Colors
+# CentOS Design System Color Palette
+# Generated from src/YAML/color.yml
+#
+255 255 255 #FFFFFF - white
+  0   0   0 #000000 - black
+ 74 132   0 #4A8400 - Success
+200 106   0 #C86A00 - Warning
+198  40  40 #C62828 - Danger
+ 25 118 210 #1976D2 - Info
+246 237 244 #F6EDF4 - centos-purple-50
+236 220 232 #ECDCE8 - centos-purple-100
+217 185 209 #D9B9D1 - centos-purple-200
+199 149 186 #C795BA - centos-purple-300
+180 114 163 #B472A3 - centos-purple-400
+161  79 140 #A14F8C - centos-purple-500
+132  65 115 #844173 - centos-purple-600
+103  51  90 #67335A - centos-purple-700
+ 77  35  66 #4D2342 - centos-purple-800
+ 72  17  58 #48113A - centos-purple-900
+ 34   6  27 #22061B - centos-purple-950
+253 246 233 #FDF6E9 - centos-orange-50
+252 237 211 #FCEDD3 - centos-orange-100
+249 220 167 #F9DCA7 - centos-orange-200
+245 202 124 #F5CA7C - centos-orange-300
+242 185  80 #F2B950 - centos-orange-400
+239 167  36 #EFA724 - centos-orange-500
+210 141  15 #D28D0F - centos-orange-600
+163 110  12 #A36E0C - centos-orange-700
+122  80   3 #7A5003 - centos-orange-800
+ 96  62   0 #603E00 - centos-orange-900
+ 41  26   0 #291A00 - centos-orange-950
+233 233 241 #E9E9F1 - centos-blue-50
+212 211 228 #D4D3E4 - centos-blue-100
+168 168 201 #A8A8C9 - centos-blue-200
+125 124 173 #7D7CAD - centos-blue-300
+ 81  81 146 #515192 - centos-blue-400
+ 38  37 119 #262577 - centos-blue-500
+ 32  31  99 #201F63 - centos-blue-600
+ 25  25  79 #19194F - centos-blue-700
+ 17  16  61 #11103D - centos-blue-800
+  3   2  70 #030246 - centos-blue-900
+  0   0  41 #000029 - centos-blue-950
+245 250 234 #F5FAEA - centos-green-50
+235 245 212 #EBF5D4 - centos-green-100
+215 235 170 #D7EBAA - centos-green-200
+196 225 127 #C4E17F - centos-green-300
+176 215  85 #B0D755 - centos-green-400
+156 205  42 #9CCD2A - centos-green-500
+128 168  34 #80A822 - centos-green-600
+109 144  29 #6D901D - centos-green-700
+ 74  98  16 #4A6210 - centos-green-800
+ 63  90   0 #3F5A00 - centos-green-900
+ 29  41   0 #1D2900 - centos-green-950