✨ Set the scrollbar color from the theme (closes #29)

.idea/inspectionProfiles/Project_Default.xml

@@ -6,8 +6,9 @@
       <option name="myIgnoreVendorSpecificProperties" value="false" />
       <option name="myCustomPropertiesList">
         <value>
-          <list size="1">
+          <list size="2">
             <item index="0" class="java.lang.String" itemvalue="text-decoration-thickness" />
+            <item index="1" class="java.lang.String" itemvalue="scrollbar-color" />
           </list>
         </value>
       </option>

src/rules/skeleton.less

@@ -299,6 +299,8 @@
         // Thanks, CSS variables!
         color: @cA;
 
+        // Get the scrollbar color from the theme
+        scrollbar-color: @rgb-foreground @rgb-background;
     }
 
     //</editor-fold>

src/targets/amber.apache.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,

src/targets/hacker.apache.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,

src/targets/paper.apache.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,

src/targets/royalblue.apache.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,

src/targets/skeleton.apache.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,

src/targets/skeleton.module.css

@@ -65,6 +65,7 @@
 .bluelib *,
 .bluelib .all {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 .bluelib,
 .bluelib *,

src/targets/skeleton.root.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,

src/targets/sophon.apache.css

@@ -67,6 +67,7 @@ body,
 body *,
 .bluelib * {
   color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+  scrollbar-color: rgb(var(--bluelib-foreground-r), var(--bluelib-foreground-g), var(--bluelib-foreground-b)) rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
 }
 body,
 .bluelib,