✨ Allow variable colored boxes

src/rules/rygblue.less

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 @{root} {
     // === LESS VARIABLES ===
@@ -27,9 +27,12 @@
     // === RULES ===
 
     background-color: @hex-background;
-    color: @hex-foreground;
     font-family: @font-text;
 
+    --bluelib-color-r: red(@hex-foreground);
+    --bluelib-color-g: green(@hex-foreground);
+    --bluelib-color-b: blue(@hex-foreground);
+
     // --- Containers ---
 
     @{container-main} {
@@ -46,8 +49,12 @@
 
     // A generic content box
     @{panel-box} {
-        background-color: fade(@hex-foreground, 2%);
+        border-color: rgba(
-        border-color: fade(@hex-foreground, 10%);
+                var(--bluelib-color-r),
+                var(--bluelib-color-g),
+                var(--bluelib-color-b),
+                0.1
+        );
     }
 
     // Should be the same as a box, but with a quote-like border
@@ -90,7 +97,7 @@
     @{element-title} {
         color: @hex-accent;
         font-family: @font-title;
-        font-weight: normal;
+        font-weight: 500;
     }
 
     @{element-paragraph} {

src/rules/skeleton.less

@@ -2,7 +2,16 @@
 @{root} {
     // --- Globals ---
 
-    // Force box-sizing: border-box;
+    --bluelib-color-r: 24;
+    --bluelib-color-g: 24;
+    --bluelib-color-b: 24;
+
+    color: rgb(
+            var(--bluelib-color-r),
+            var(--bluelib-color-g),
+            var(--bluelib-color-b),
+    );
+
     box-sizing: border-box;
     * {
         box-sizing: border-box;
@@ -41,7 +50,19 @@
         border-radius: 4px;
         border-width: 2px;
         border-style: solid;
-        background-color: rgba(0, 0, 0, 0.025);
+
+        background-color: rgba(
+            var(--bluelib-color-r),
+            var(--bluelib-color-g),
+            var(--bluelib-color-b),
+            0.025
+        );
+        border-color: rgba(
+            var(--bluelib-color-r),
+            var(--bluelib-color-g),
+            var(--bluelib-color-b),
+            1
+        );
     }
 
     // A box with a quote-like border

src/targets/rygblue.module.css

@@ -5,6 +5,27 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firacode/v10/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: italic;
@@ -12,6 +33,20 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: italic;
@@ -19,6 +54,41 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: normal;
@@ -26,6 +96,20 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: normal;
@@ -33,27 +117,40 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype');
+}
 .bluelib {
   background-color: #0d193b;
-  color: #a0ccff;
   font-family: "Fira Sans", sans-serif;
+  --bluelib-color-r: 160;
+  --bluelib-color-g: 204;
+  --bluelib-color-b: 255;
 }
 .bluelib .panel-box {
-  background-color: rgba(160, 204, 255, 0.02);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
-  border-color: rgba(160, 204, 255, 0.1);
 }
 .bluelib .panel-blockquote {
-  background-color: rgba(160, 204, 255, 0.02);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
-  border-color: rgba(160, 204, 255, 0.1);
 }
 .bluelib .panel-aside {
-  background-color: rgba(160, 204, 255, 0.02);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
-  border-color: rgba(160, 204, 255, 0.1);
 }
 .bluelib .element-title {
   color: #ffffff;
   font-family: "Fira Sans", sans-serif;
-  font-weight: normal;
+  font-weight: 500;
 }
 .bluelib .element-separator {
   border-color: rgba(160, 204, 255, 0.1);

src/targets/rygblue.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"AAAA;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,+FAA+F,OAAO,WAAtG;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,8EAA8E,OAAO,WAArF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAjCD;EC4BG,yBAAA;EACA,cAAA;EACA,aARY,uBAQZ;;AD9BH,QAAA;ECgDO,2CAAA;EACA,sCAAA;;ADjDP,QAAA;ECgDO,2CAAA;EACA,sCAAA;;ADjDP,QAAA;ECgDO,2CAAA;EACA,sCAAA;;ADjDP,QAAA;EC0FO,cAAA;EACA,aApES,uBAoET;EACA,mBAAA;;AD5FP,QAAA;ECoGO,sCAAA;;ADpGP,QAAA;EC4GO,cAAA;EACA,qBAAA;;AAEA,QD/GP,gBC+GQ;EACG,cAAA;;AAGJ,QDnHP,gBCmHQ;EACG,cAAA;;ADpHX,QAAA;ECuKO,cAAA;;ADvKP,QAAA;ECmLO,8BAAA;EACA,0BAAA;;ADpLP,QAAA;ECwLO,aAhKQ,uBAgKR;;ADxLP,QAAA;EC4LO,aApKQ,uBAoKR;EACA,YAAA;EACA,kBAAA;;AD9LP,QAAA;ECqMO,cAAA;;ADrMP,QAAA;ECyMO,cAAA;;ADzMP,QAAA;EC6MO,cAAA;;AD7MP,QAAA;ECiNO,cAAA;;ADjNP,QAAA;ECqNO,cAAA;;ADrNP,QAAA;ECyNO,cAAA;;ADzNP,QAAA;EC6NO,cAAA;;AD7NP,QAAA;ECiOO,cAAA","file":"rygblue.module.css"}
+{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.module.css"}

src/targets/rygblue.root.css

@@ -5,6 +5,27 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firacode/v10/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9A4kDNxMZdWfMOD5VvkrCqYTc.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAGQBf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBiQxf_.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: italic;
@@ -12,6 +33,20 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkojO.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qhf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRRf_.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: italic;
@@ -19,6 +54,41 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRBf_.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBuRxf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBKRhf_.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5Vn9IjO.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: normal;
@@ -26,6 +96,20 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype');
+}
 @font-face {
   font-family: 'Fira Sans';
   font-style: normal;
@@ -33,11 +117,27 @@
   font-display: swap;
   src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype');
 }
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Fira Sans';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype');
+}
 .base-skeleton,
 body {
   background-color: #0d193b;
-  color: #a0ccff;
   font-family: "Fira Sans", sans-serif;
+  --bluelib-color-r: 160;
+  --bluelib-color-g: 204;
+  --bluelib-color-b: 255;
 }
 .base-skeleton .panel-box,
 body .panel-box,
@@ -51,22 +151,19 @@ body blockquote,
 body .panel-aside,
 .base-skeleton aside,
 body aside {
-  background-color: rgba(160, 204, 255, 0.02);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
-  border-color: rgba(160, 204, 255, 0.1);
 }
 .base-skeleton .panel-blockquote,
 body .panel-blockquote,
 .base-skeleton blockquote,
 body blockquote {
-  background-color: rgba(160, 204, 255, 0.02);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
-  border-color: rgba(160, 204, 255, 0.1);
 }
 .base-skeleton .panel-aside,
 body .panel-aside,
 .base-skeleton aside,
 body aside {
-  background-color: rgba(160, 204, 255, 0.02);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
-  border-color: rgba(160, 204, 255, 0.1);
 }
 .base-skeleton .element-title,
 body .element-title,
@@ -84,7 +181,7 @@ body h5,
 body h6 {
   color: #ffffff;
   font-family: "Fira Sans", sans-serif;
-  font-weight: normal;
+  font-weight: 500;
 }
 .base-skeleton .element-separator,
 body .element-separator,

src/targets/rygblue.root.css.map

@@ -1 +1 @@
-{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"AAAA;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,+FAA+F,OAAO,WAAtG;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,8EAA8E,OAAO,WAArF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAjCD;AACG;EC2BA,yBAAA;EACA,cAAA;EACA,aARY,uBAQZ;;AD9BH,cAAA;AACG,IADH;AAAA,cACD;AAAI,IAAJ;AADC,cACQ;AAAL,IAAK;AADR,cAED;AADI,IACJ;AAFC,cAEW;AADR,IACQ;AAFX,cAGG;AAFA,IAEA;EC6CI,2CAAA;EACA,sCAAA;;ADjDP,cAAA;AACG,IADH;AAAA,cACM;AAAH,IAAG;EC+CC,2CAAA;EACA,sCAAA;;ADjDP,cAAA;AACG,IADH;AAAA,cACC;AAAE,IAAF;EC+CM,2CAAA;EACA,sCAAA;;ADjDP,cAAA;AACG,IADH;AAAA,cACG;AAAA,IAAA;AADH,cACO;AAAJ,IAAI;AADP,cACW;AAAR,IAAQ;AADX,cACe;AAAZ,IAAY;AADf,cACmB;AAAhB,IAAgB;AADnB,cACuB;AAApB,IAAoB;ECyFhB,cAAA;EACA,aApES,uBAoET;EACA,mBAAA;;AD5FP,cAAA;AACG,IADH;AAAA,cACO;AAAJ,IAAI;ECmGA,sCAAA;;ADpGP,cAAA;AACG,IADH;AAAA,cACI;AAAD,IAAC;EC2GG,cAAA;EACA,qBAAA;;AAEA,cD/GP,gBC+GQ;AAAD,ID/GP,gBC+GQ;AAAD,cD9GH,EC8GI;AAAD,ID9GH,EC8GI;EACG,cAAA;;AAGJ,cDnHP,gBCmHQ;AAAD,IDnHP,gBCmHQ;AAAD,cDlHH,ECkHI;AAAD,IDlHH,ECkHI;EACG,cAAA;;ADpHX,cAAA;AACG,IADH;AAAA,cACA;AAAG,IAAH;ECsKO,cAAA;;ADvKP,cAAA;AACG,IADH;AAAA,cACE;AAAC,IAAD;ECkLK,8BAAA;EACA,0BAAA;;ADpLP,cAAA;AACG,IADH;AAAA,cACK;AAAF,IAAE;ECuLE,aAhKQ,uBAgKR;;ADxLP,cAAA;AACG,IADH;AAAA,cACI;AAAD,IAAC;EC2LG,aApKQ,uBAoKR;EACA,YAAA;EACA,kBAAA;;AD9LP,cAAA;AACG,IADH;ECqMO,cAAA;;ADrMP,cAAA;AACG,IADH;ECyMO,cAAA;;ADzMP,cAAA;AACG,IADH;EC6MO,cAAA;;AD7MP,cAAA;AACG,IADH;ECiNO,cAAA;;ADjNP,cAAA;AACG,IADH;ECqNO,cAAA;;ADrNP,cAAA;AACG,IADH;ECyNO,cAAA;;ADzNP,cAAA;AACG,IADH;EC6NO,cAAA;;AD7NP,cAAA;AACG,IADH;ECiOO,cAAA","file":"rygblue.root.css"}
+{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib-2/src/rules/rygblue.less"],"names":[],"mappings":"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","file":"rygblue.root.css"}

src/targets/skeleton.module.css

@@ -1,4 +1,8 @@
 .bluelib {
+  --bluelib-color-r: 24;
+  --bluelib-color-g: 24;
+  --bluelib-color-b: 24;
+  color: rgb(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b));
   box-sizing: border-box;
 }
 .bluelib * {
@@ -28,7 +32,8 @@
   border-radius: 4px;
   border-width: 2px;
   border-style: solid;
-  background-color: rgba(0, 0, 0, 0.025);
+  background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
 }
 .bluelib .panel-blockquote {
   border-left-width: 2px;

src/targets/skeleton.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/skeleton.less"],"names":[],"mappings":"AACA;EAII,sBAAA;;AAJJ,QAKI;EACI,sBAAA;;AANR,QAAA;EAYQ,iBAAA;EACA,kBAAA;EACA,iBAAA;;AAdR,QAAA;EAsBQ,aAAA;EACA,WAAA;;AAGI,QA1BZ,OAAA,qBA0Ba;AAAD,QA1BZ,OACY,eAyBC;AAAD,QA1BZ,OAGI,OAuBS;EACG,aAAA;;AAGJ,QA9BZ,OAAA,qBA8Ba;AAAD,QA9BZ,OACY,eA6BC;AAAD,QA9BZ,OAGI,OA2BS;EACG,gBAAA;;AA/BhB,QAAA;EAsCQ,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,sCAAA;;AA1CR,QAAA;EA+CQ,sBAAA;EACA,mBAAA;EACA,sBAAA;EACA,qBAAA;;AAlDR,QAAA;EAuDQ,eAAA;EACA,kBAAA;;AAxDR,QAAA;EA6DQ,aAAA;EACA,eAAA;EACA,QAAA;EACA,uBAAA;;AAhER,QAAA,aAkEQ;EACI,YAAA;EACA,cAAA;EACA,aAAA;;AArEZ,QAAA,aAAA;EAyEY,SAAA;;AAzEZ,QAAA;EAgFQ,mBAAA;EACA,YAAA;;AAjFR,QAAA;EAqFQ,YAAA;;AArFR,QAAA;EAyFQ,eAAA;;AAzFR,QAAA;EA+FQ,QAAQ,SAAR;;AAEA,QAjGR,SAiGS;EACG,YAAA;;AAlGZ,QAAA;EAyGQ,kBAAA;;AAzGR,QAAA;EAiHQ,iBAAA;EACA,qBAAA;;AAlHR,QAAA;EAsHQ,cAAA;;AAtHR,QAAA;EAgIQ,gBAAA;;AAhIR,QAAA;EAoIQ,kBAAA;;AApIR,QAAA;EAwIQ,iBAAA;;AAxIR,QAAA;EA8IQ,mBAAA;;AA9IR,QAAA;EAkJQ,kBAAA;;AAlJR,QAAA;EAsJQ,gBAAA;;AAtJR,QAAA;EA0JQ,iBAAA;;AA1JR,QAAA;EA8JQ,gBAAA;;AA9JR,QAAA;EAkKQ,kBAAA;;AAlKR,QAAA;EAsKQ,mBAAA;;AAtKR,QAAA;EA4KQ,iBAAA;;AA5KR,QAAA;EAgLQ,kBAAA;;AAhLR,QAAA;EAoLQ,+BAAA;;AApLR,QAAA;EAwLQ,kCAAA;;AAxLR,QAAA;EA4LQ,sBAAA;;AA5LR,QAAA;EAgMQ,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;;AAnMR,QAAA;EAyMQ,UAAA;;AAzMR,QAAA;EA6MQ,aAAA;;AA7MR,QAAA;EAiNQ,cAAA;;AAjNR,QAAA;EAqNQ,WAAA;;AArNR,QAAA;EAyNQ,WAAA;;AAzNR,QAAA;EA6NQ,WAAA;;AA7NR,QAAA;EAiOQ,cAAA;;AAjOR,QAAA;EAqOQ,WAAA","file":"skeleton.module.css"}
+{"version":3,"sources":["/mnt/tera/ext4/code/bluelib-2/src/rules/skeleton.less"],"names":[],"mappings":"AACA;EAGI,qBAAA;EACA,qBAAA;EACA,qBAAA;EAEA,OAAO,IACC,wBACA,wBACA,uBAHR;EAMA,sBAAA;;AAbJ,QAcI;EACI,sBAAA;;AAfR,QAAA;EAqBQ,iBAAA;EACA,kBAAA;EACA,iBAAA;;AAvBR,QAAA;EA+BQ,aAAA;EACA,WAAA;;AAGI,QAnCZ,OAAA,qBAmCa;AAAD,QAnCZ,OACY,eAkCC;AAAD,QAnCZ,OAGI,OAgCS;EACG,aAAA;;AAGJ,QAvCZ,OAAA,qBAuCa;AAAD,QAvCZ,OACY,eAsCC;AAAD,QAvCZ,OAGI,OAoCS;EACG,gBAAA;;AAxChB,QAAA;EA+CQ,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EAEA,kBAAkB,KACd,wBACA,wBACA,8BAHJ;EAMA,cAAc,KACV,wBACA,wBACA,0BAHJ;;AA1DR,QAAA;EAoEQ,sBAAA;EACA,mBAAA;EACA,sBAAA;EACA,qBAAA;;AAvER,QAAA;EA4EQ,eAAA;EACA,kBAAA;;AA7ER,QAAA;EAkFQ,aAAA;EACA,eAAA;EACA,QAAA;EACA,uBAAA;;AArFR,QAAA,aAuFQ;EACI,YAAA;EACA,cAAA;EACA,aAAA;;AA1FZ,QAAA,aAAA;EA8FY,SAAA;;AA9FZ,QAAA;EAqGQ,mBAAA;EACA,YAAA;;AAtGR,QAAA;EA0GQ,YAAA;;AA1GR,QAAA;EA8GQ,eAAA;;AA9GR,QAAA;EAoHQ,QAAQ,SAAR;;AAEA,QAtHR,SAsHS;EACG,YAAA;;AAvHZ,QAAA;EA8HQ,kBAAA;;AA9HR,QAAA;EAsIQ,iBAAA;EACA,qBAAA;;AAvIR,QAAA;EA2IQ,cAAA;;AA3IR,QAAA;EAqJQ,gBAAA;;AArJR,QAAA;EAyJQ,kBAAA;;AAzJR,QAAA;EA6JQ,iBAAA;;AA7JR,QAAA;EAmKQ,mBAAA;;AAnKR,QAAA;EAuKQ,kBAAA;;AAvKR,QAAA;EA2KQ,gBAAA;;AA3KR,QAAA;EA+KQ,iBAAA;;AA/KR,QAAA;EAmLQ,gBAAA;;AAnLR,QAAA;EAuLQ,kBAAA;;AAvLR,QAAA;EA2LQ,mBAAA;;AA3LR,QAAA;EAiMQ,iBAAA;;AAjMR,QAAA;EAqMQ,kBAAA;;AArMR,QAAA;EAyMQ,+BAAA;;AAzMR,QAAA;EA6MQ,kCAAA;;AA7MR,QAAA;EAiNQ,sBAAA;;AAjNR,QAAA;EAqNQ,sBAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;;AAxNR,QAAA;EA8NQ,UAAA;;AA9NR,QAAA;EAkOQ,aAAA;;AAlOR,QAAA;EAsOQ,cAAA;;AAtOR,QAAA;EA0OQ,WAAA;;AA1OR,QAAA;EA8OQ,WAAA;;AA9OR,QAAA;EAkPQ,WAAA;;AAlPR,QAAA;EAsPQ,cAAA;;AAtPR,QAAA;EA0PQ,WAAA","file":"skeleton.module.css"}

src/targets/skeleton.root.css

@@ -1,5 +1,9 @@
 .base-skeleton,
 body {
+  --bluelib-color-r: 24;
+  --bluelib-color-g: 24;
+  --bluelib-color-b: 24;
+  color: rgb(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b));
   box-sizing: border-box;
 }
 .base-skeleton *,
@@ -597,7 +601,8 @@ body aside {
   border-radius: 4px;
   border-width: 2px;
   border-style: solid;
-  background-color: rgba(0, 0, 0, 0.025);
+  background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
+  border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
 }
 .base-skeleton .panel-blockquote,
 body .panel-blockquote,