fix css var

Author: ci-bot

apps/learneth/src/components/BackButton/index.scss

@@ -45,7 +45,7 @@ a:hover {
   }
 
   &:hover {
-    border-color: var(--primary);
+    border-color: var(--bs-primary);
   }
 }
 
@@ -57,7 +57,7 @@ a:hover {
   &:hover, &:active, &:focus {
     background-color: var(--bs-body-bg) !important;
     color: var(--bs-body-color) !important;
-    border-color: var(--primary) !important;
+    border-color: var(--bs-primary) !important;
     box-shadow: none !important;
   }
 
@@ -132,7 +132,7 @@ a:hover {
       bottom: 5px;
       left: 5px;
       width: 3px;
-      background-color: var(--primary);
+      background-color: var(--bs-primary);
       border-radius: 3px;
     }
   }

apps/learneth/src/components/RepoImporter/index.css

@@ -24,7 +24,6 @@
   font-size: 0.625rem;
   font-weight: 700;
   text-transform: uppercase;
-  color: var(--text-secondary);
   margin-bottom: 0.3rem;
 }
 
@@ -41,6 +40,6 @@
 }
 
 .hr-themed {
-  border-color: var(--secondary);
+  border-color: var(--bs-secondary);
   opacity: .25;
 }

apps/learneth/src/pages/StepList/index.scss

@@ -2,8 +2,7 @@
 
 .course-hero {
   border-radius: .75rem;
-  background: var(--dark);
-  border: 1px solid var(--secondary);
+  border: 1px solid var(--bs-secondary);
   .card-body { padding: 1rem; }
   .h4 {
     font-size: 1.1rem;
@@ -43,7 +42,6 @@
 .no-wiggle-icon { 
   width: 1em; 
   text-align: center; 
-  color: var(--dark) !important;
   transform: translateY(1px);
 }
 .more-button {
@@ -56,15 +54,13 @@
   text-decoration: none !important; 
 }
 .btn-cta {
-  background-color: var(--primary);
-  color: var(--dark) !important;
+  background-color: var(--bs-primary);
   border-color: transparent;
 }
 .btn-cta:hover,
 .btn-cta:focus,
 .btn-cta:active {
-  background-color: var(--primary);
-  color: var(--dark) !important;
+  background-color: var(--bs-primary);
 }
 
 .stats-row {
@@ -101,23 +97,20 @@
     vertical-align: middle;
     font-size: calc(var(--stat-ico) - 2px);
     line-height: 1;
-    color: var(--primary);
     opacity: .95;
   }
   .stat-label {
     font-size: .65rem;
     letter-spacing: .02em;
-    color: var(--text-secondary);
   }
   .stat-value {
-    color: var(--text-primary);
     font-size: .65rem;
   }
 }
 
 .syllabus-list .list-group-item {
   background: rgba(255,255,255,0.02);
-  border: 1px solid var(--secondary);
+  border: 1px solid var(--bs-secondary-border-color);
   border-left: 0; border-right: 0;
   padding: .75rem .875rem;
   display: flex;
@@ -149,7 +142,6 @@ h1 {
 }
 
 .hr-themed { 
-  border-color: var(--secondary); 
   opacity: .4; 
 }
 
@@ -207,10 +199,8 @@ h1 {
 .stat-label { 
   font-size: .75rem; 
   letter-spacing: .02em;
-  color: var(--text-secondary, rgba(255,255,255,.65)); 
 }
 .stat-value { 
-  color: var(--text-primary, #fff); 
   font-size: .95rem; 
 }
 .stat-svg {
@@ -222,7 +212,6 @@ h1 {
 }
 .stat-svg .chk {
   fill: none;
-  stroke: var(--primary);
   stroke-width: 3;
   stroke-linecap: round;
   stroke-linejoin: round;
@@ -233,7 +222,6 @@ h1 {
 
 .description-wrapper {
   line-height: 1.5;
-  color: var(--text-secondary);
 
   p:last-child, h1:last-child, h2:last-child, h3:last-child, ul:last-child, ol:last-child {
     margin-bottom: 0;

libs/remix-ui/plugin-manager/src/lib/components/PluginCard.tsx

@@ -36,12 +36,11 @@ function PluginCard({ profile, isActive, isLoading, togglePlugin }: PluginCardPr
         <div className="toggle-container">
           <div
             data-id={`pluginManagerComponent${isActive ? 'Deactivate' : 'Activate'}Button${profile.name}`}
-            onClick={() => togglePlugin(profile.name)}
             aria-label={`${isActive ? 'Deactivate' : 'Activate'} ${profile.displayName || profile.name}`}>
             <ToggleSwitch
               id={`toggleSwitch-${profile.name}`}
               isOn={isActive}
-              onClick={()=>{}}
+              onClick={() => togglePlugin(profile.name)}
             />
           </div>
         </div>