themes/bthree/src/styles/_base.sass

@@ -3,7 +3,7 @@ $page-card-icon-size: 75px
   position: relative
 
   &:nth-child(even)
-    background-color: $color-bg
+    background-color: var(--color-bg)
 
   &.right
     flex-direction: row-reverse
@@ -18,7 +18,7 @@ $page-card-icon-size: 75px
     margin: 10px auto
     padding: 0
     border: none
-    background-color: $color-bg
+    background-color: var(--color-bg)
 
   .page-card-title
     display: block

themes/bthree/src/styles/_download.sass

@@ -465,7 +465,7 @@ $bleeding-color: #d0253f
     display: none
 
 .dl-bg-img
-  background-color: $color-bg-light
+  background-color: var(--color-bg-secondary)
   background-position: center center
   background-size: cover
   bottom: 0
@@ -504,7 +504,7 @@ $bleeding-color-bottom: adjust-hue($bleeding-color, -10deg)
         color: white
 
   .dl-overlay
-    background-image: linear-gradient(-2deg, transparent 49%, $color-bg-light 50%)
+    background-image: linear-gradient(-2deg, transparent 49%, var(--color-bg-secondary) 50%)
 
   .container
     +margin(6, y)

themes/bthree/src/styles/_features.sass

@@ -167,7 +167,7 @@
     .cards-item-content
       .cards-item-title
         font:
-          size: $fs-md
+          size: var(--fs-5)
           weight: normal
 
 .cards-item-label

themes/bthree/src/styles/_release-logs.sass

@@ -138,7 +138,6 @@
       display: flex
       flex-wrap: wrap
       justify-content: center
-      @extend .lead
       position: relative
       padding-left: 100px
       padding-right: 100px
@@ -168,7 +167,7 @@
           z-index: 1
 
     &_section // Each section .features__releaselogs_section
-      background-color: $color-bg
+      background-color: var(--color-bg)
       background-repeat: no-repeat
       background-size: cover
       padding: 50px 10px
@@ -191,10 +190,10 @@
           opacity: 1
 
       &.odd
-        background-color: $color-bg-light
+        background-color: var(--color-bg-secondary)
 
         .cards-item-content
-          background-color: $color-bg
+          background-color: var(--color-bg)
 
       &.compatibility-warning
         +padding(5, y)
@@ -341,7 +340,7 @@
         width: 100%
 
         figure
-          background-color: $color-bg-light
+          background-color: var(--color-bg-secondary)
           box-shadow: 1px 1px 5px rgba(black, .1)
           +border-radius(lg)
           display: flex
@@ -426,7 +425,7 @@
             color: $color-text-light-primary
 
 .support-container
-  background-color: $color-bg-light
+  background-color: var(--color-bg-secondary)
   position: relative
   z-index: 1
 

themes/bthree/src/styles/_wp-block.sass

@@ -243,7 +243,7 @@
 .entry-content
   .wp-block-file
     align-items: center
-    background-color: $color-bg-light
+    background-color: var(--color-bg-secondary)
     border-radius: var(--border-radius)
     display: flex
     +padding(3)